Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Mi Cuenta
  • Contacto
  • Curso GRATUITO de WordPress
  • Suscribirse (10€/mes)
Estás aquí: Inicio / Plugins / Crear formulario avanzado en Listable con Gravity forms

Crear formulario avanzado en Listable con Gravity forms

abril 3, 2017 Por Oscar martin 2 comentarios

Suscríbete a mi canal:  

En este tutorial vamos a seguir enriqueciendo la plantilla Listable.

En el tutorial anterior vimos como añadir un botón para pedir presupuesto en cada una de la ficha.

En este tutorial vamos a crear el formulario que se van han encontrar los usuarios al hacer click en el botón de pedir presupuesto.

Para seguir este tutorial necesitas el plugin Gravity Forms. Gravity Forms lo puedes comprar por 39$/año o descargarlo de forma gratuita de la zona premium si eres miembro. Te puedes dar de alta por 10€/mes aquí y te puedes dar de baja en cualquier momento

Una característica que necesitamos de nuestro formulario es saber desde que ficha nos hacen la consulta. Gravity forms nos permite rellenar automáticamente esta información como veremos a continuación.

Una vez que ya tenemos instalado Gravity Forms nos aparecerá en el lateral de la zona de administración de WordPress “Formularios” –> Nuevo Formulario.

Hacemos clic, creamos un nuevo formulario y tendremos una pantalla como la siguiente:

nuevo formulario gravity forms

pantalla inicial gravity forms

En la derecha nos aparecen los campos que podemos añadir.

En nuestro caso vamos a añadir un campo en el que aparecerá el nombre del establecimiento desde que se hace click para llegar al formulario. Y lo haremos de forma automática.

Dentro de “Campos Estandar” hacemos click en el tipo de campo “Línea de Texto”, se nos abrirá la información del campo. En la pestaña General rellenamos el campo “Etiqueta de campo” con el nombre que queramos. En mi caso “Empresa”.
Hacemos click en la pestaña “Avanzado”, seleccionamos la opción “Permitir al campo rellenarse dinámicamente” y en “Nombre parámetro” añadimos el nombre de variable que queramos, en mi caso “nombre_clinica”.

tab avanzado campo gravity forms

Añadimos el resto de campos que necesitemos, como Nombre, Email, etc…

También podemos hacer que el campo Email se rellene automáticamente para los usuarios logueados.
Para conseguirlo creamos un campo avanzado del tipo “Email” y en la pestaña Avanzado en la opción “Valor predeterminado” en el desplegable añadimos la opción {user:user_email}

email rellenar automaticamente gravity forms

Una vez que tenemos el formulario a nuestro gusto creamos una página y lo añadimos en ella.
Creamos una nueva página, hacemos click en “Añadir formulario”, seleccionamos el que hemos creado y aparecerá el código del formulario debajo:

pagina con formulario gravity forms

Y el resultado sería el siguiente:

Crear formulario avanzado en Listable con Gravity forms 1

Podemos ver que el campo del email se ha rellenado automáticamente pero el Campo Empresa todavía no.
¿Por qué? porque tengo que añadir la variable en el enlace del botón de cada ficha.

Si el enlace de tu formulario es /formulario-contacto lo que tienes que hacer es añadir al final de la url la variable de la empresa en concreto, es decir /formulario-contacto/?nombre_clinica=loquesea

El resultado sería:

Crear formulario avanzado en Listable con Gravity forms 2

Es decir que nuestro botón de pedir presupuesto:

boton pedir presupuesto

Tenemos que poner la url del contacto seguido de la variable con el nombre con el que queremos que se rellene:

url formulario gravity forms

Y si habéis llegado hasta aquí ya tenéis un formulario un poco más inteligente 😉

Un saludo
Óscar

Publicado en: Plugins, Video, Wordpress, Zona Premium Etiquetado como: gravity forms, Listable

Acerca de Oscar martin

Me llamo Óscar y me dedico al Marketing Online. Me gano la vida gracias a internet y a herramientas como Wordpress. ¿Te puedo ayudar? Contáctame

Comentarios

  1. Juanjo dice

    enero 16, 2018 a las 10:40 am

    Buenos días,

    Estoy creando una tienda de cursos, y necesito insertar un boton debajo del de añadir al carrito
    para que los clientes pidan informacion, aparte que cada vez que me pidan informacion tenga
    un numero de identificacion, Muchas gracias

    Saludos

    Responder
    • Oscar martin dice

      enero 17, 2018 a las 8:02 pm

      Hola Juanjo,

      ¿En cada listado o en otra página?

      Un saludo 😉

      Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Temario

  • 01 Instalación de Listable
  • 02 Configurar página principal en Listable
  • 03 Crear listados personalizados en Listable
  • 04 Gestionar establecimientos Simple Listings
  • 05 Cómo traducir la plantilla Listable
  • 06 Añadir provincias en el buscador con un desplegable
  • 07 Modificar los Colores y Fuentes de la plantilla
  • 08 Instalar Plantilla Hija en Listable
  • 09 Añadir la funcionalidad de vender los anuncios en la plantilla Listable
  • 10 Repaso al producto creado y añadir como forma de pago paypal
  • 11 Crear un producto recurrente en Listable
  • 12 Configurar pagos recurrentes con Paypal y Stripe
  • 13 Configurar el Menú Principal en Listable
  • 14 Configurar el Menú Secundario en Listable
  • 15 Configurar el pie de página en Listable
  • 16 Añadir la posibilidad de crear cuentas nuevas con Facebook y de forma normal
  • 17 Configurar los mapas de Google en Listable
  • 18 Mejorar los Mapas con Mapbox en Listable
  • 19 Añadir filtros avanzados en la plantilla Listable con FacetWP
  • 20 Traducir formulario de comentarios en la plantilla Listing
  • 21 Añadir botón de compartir en cada anuncio de la plantilla Listable
  • 22 Añadir Tags con icono en cada anuncio en listable
  • 23 Añadir iconos nuevos en la plantilla Listable
  • 24 Caso de Estudio con plantilla Listable
  • 25 Añadir Bookmarks en las tarjetas de la plantilla Listable
  • 26 Añadir campos adicionales en las fichas de la plantilla Listable
  • 27 Añadir campos adicionales dependiendo del plan contratado en listable
  • 28 Añadir un campo personalizado de Vídeo en Listable
  • 29 Quitar Mapa de las categorías
  • 30 Añadir botón para crear presupuesto
  • 31 Crear formulario avanzado en Listable con Gravity forms
  • 32 Loguearse con Google con WooCommerce Social Login en Listable
  • 33 Loguearse con Facebook con WooCommerce Social Login en Listable
  • 34 Añadir un Campo personalizado con el Icono de Facebook igual que el de Twitter
  • 35 importar listings en Listable
  • 36 Asociar Listado a un Producto
  • 37 Enviar el email al dueño del listado en vez del administrador de la web con Contact Form 7
  • 38 Enviar el email al dueño del listado en vez del administrador de la web con Gravity Forms
  • 39 Organizar Listados por Regiones
  • 40 Quitar Capa Oscura (overlay) de las imágenes en Listable
  • 41 Como hacer para que los usuarios puedan editar sus propios listados
  • 42 Añadir un buscador en cualquier página de Listable
  • 43 Añadir estilo al buscador creado con CSS
  • 44 Añadir botón buscar en el buscador personalizado
  • 45 Dar formato con CSS al botón buscar
  • 46 Redirigir carrito vacío
  • 47 Dejar cabecera fija en listable
  • 48 configurar productos reservables con WooCommerce Bookings
  • 49 Crear productos en los listados por el propio usuario
  • 50 Orden aleatorio en los listados y sus búsquedas
  • 51 Destacar Resultados en el buscador de la home
  • 52 Como subir listados con usuarios no administradores
  • 53 Crear Varias Galerías en Listable

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Acceder

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies...Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.
Non-necessary
Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.
GUARDAR Y ACEPTAR