ReInSpirit

  • Contacto
  • Blog
  • Servicios
    • Alojamiento Web
    • Desarrollo y diseño web
  • Descuento E T
  • Sobre Nosotros

Como poner el Plugin Contact Form 7 en Múltiples Pasos

5 febrero, 2020 por Pedro Mendez 4 comentarios

Tabla de Contenidos

  • ✅ Plugin varios pasos con Contact Form 7
  • ✅ Caractarísticas del plugin
  • ✅ Como funciona
  • ✅ Instalación y configuración

El plugin Contact Form 7 es uno de los complementos para WordPress gratuitos mas utilizados para crear formularios de contacto con todo tipo de características. Su configuración en sencilla y cumple perfectamente con todas las funciones que requiere un formulario.

Hasta aquí todo perfecto, pero si pretendes tener un diseño personalizado tendrás que buscar alguna alternativa añadiendo CSS y HTML, o puedes instalar un complemento que te ayude con esta labor.

En otras entradas he cubierto para tener un formulario de Contact Form 7 en dos y tres columnas. Incluso puedes ver en esta entrada como personalizar su diseño y hacerlo mas atractivo.

En este post vamos a ver como podemos incluir un formulario en varios pasos, donde el usuario va incluyendo la información que requiere el formulario y se van creando varios pasos según va avanzando.

✅ Plugin varios pasos con Contact Form 7

Para hacer esto vamos a utilizar la forma mas sencilla, y no es otra que instalar un plugin y configurar a nuestro gusto.

Para esto vamos a hablar del plugin Contact Form Seven CF7 Multi-Step Pro, el cual tiene todo lo necesario para crear un formulario que incluye varios pasos y mejora el diseño y la usabilidad para el usuario que lo utiliza. Puedes descargar el plugin aquí.

✅ Caractarísticas del plugin

  • Haz un formulario limpio con varios pasos
  • Añade la etiqueta de pasos a tu formulario con un solo clic
  • Botón personalizable para cada paso
  • Pasos ilimitados disponibles
  • Moderno y novedoso UI/UX
  • 6 meses de soporte completo
  • Fácil de usar
  • Y más para explorar

✅ Como funciona

  • Totalmente personalizable, sin importar cómo desees cambiarlo para que se ajuste a tus requisitos
  • La interfaz de usuario front-end simplifica el proceso de familiarización con el complemento
  • Documentación útil disponible para resolver cualquier problema que puedas encontrar
  • Etiquetas disponibles que permiten clasificar los correos electrónicos en función de su importancia

✅ Instalación y configuración

La instalación manual es fácil y toma menos de un minuto.

  1. Descarga el complemento de CodeCanyon, descomprímelo y carga la carpeta «Contact Form 7 Multi-Step» en el directorio wp-content/plugins/.
  2. Activa el complemento a través del menú «Plugins» en WordPress.
  3. Ve a tu Formulario de contacto en el menú a la izquierda de WordPress > Contacto para añadir la etiqueta del paso a paso y pulsa en el botón Guardar cambios.
  4. Hecho. A disfrutar.

Nota: si aún no tienes el plguin Contact Form 7 puedes descargarlo desde el repositorio de WordPress aquí.

Como puedes ver es muy sencillo gracias a este plugin crear tu formulario en varios pasos y no tener una columna super larga poco agradable para la vista.

Nuestra puntuación

..Entradas Relacionadas

  • Los Mejores Plugins de MailChimp para WordPress Gratuitos
  • 2 Plugins para Subir Archivos con Arrastrar y Soltar con CF7
  • Los Mejores Plugins para Cargar Archivos en WordPress
  • Plugin Premium para conectar la Base Datos con Contact Form 7
  • Problemas en el envio de archivos con Contact Form 7

Publicado en: Wordpress Etiquetado como: Contact form 7, formulario

Sobre el autor

Pedro Mendez. Webmaster apasionado de WordPress. Autodidacta empedernido buscando siempre nuevas fuentes de conocimientos.

Comentarios

  1. CubeNode dice

    14 mayo, 2020 a las 10:56 AM

    ¡Genial! Este post me ha resulto unas cuantas dudas, había ciertas partes del Plugin Contact Form 7 que no me estaban quedando nada claras 🙂 Algunas cosas del mundo WordPress se me hacen cuesta arriba y no siempre es fácil dar con un post que vaya al grano y que aporte una solución que realmente funcione, ¿verdad? Pero ahora creo que ya lo he entendido todo, ¡te explicas de maravilla!
    Muchas gracias por tu ayuda 😀

    Responder
    • Pedro Mendez dice

      15 mayo, 2020 a las 1:12 AM

      Gracias por pasarte y comentar. Me alegro de que te sirva el post para resolver algunas dudas.
      Saludos!

      Responder
  2. Carlos Granada dice

    28 diciembre, 2020 a las 5:56 PM

    Buenos dias

    Tengo una inquietud el va guardando los datos en la BD cada ves que le doy siguiente?

    Responder
    • Pedro Mendez dice

      28 diciembre, 2020 a las 6:28 PM

      Buenas Carlos,
      No, los guarda cuando se da a enviar.
      Saludos.

      Responder

Deja una respuesta Cancelar la respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.


Descarga gratis la guía

guia 14 plugins

Política de privacidad


Más un correo a la semana con algún truco y consejo. ¿Te apuntas?

También con regalos y ofertas

icono Twittericono Facebookicono YouTube

Archivos

Categorías

  • Blogging (5)
  • Comercio Eléctronico (48)
  • Diseño (40)
  • Email Marketing (3)
  • Genesis (4)
  • Google (14)
  • herramientas (23)
  • hosting (8)
  • Marketing en Internet (13)
  • Prestashop (4)
  • Programación (4)
  • Redes Sociales (9)
  • SEO (24)
  • Sin categoría (22)
  • Trabajo (7)
  • Wordpress (508)

© Copyright 2021 ReInSpirit.com · Todos los derechos reservados ·Aviso legal·Política de Privacidad·Dos Hermanas (Sevilla)