Resumen de IA
¿Buscas una forma sencilla y directa de crear un formulario de contacto de Divi para tu sitio web de WordPress?
Te complacerá saber que puedes crear fácilmente un formulario de contacto a través de una integración con WPForms y el Módulo de Formulario de Contacto de Divi.
En esta guía, te explicaremos los pasos para ambos métodos para que puedas elegir la opción que mejor te convenga.
Cómo crear un formulario de contacto en Divi
Puedes crear un formulario de contacto en Divi con WPForms o el Módulo de Formulario de Contacto de Divi. Sigue los pasos a continuación para ambos métodos:
En este artículo
Crear un formulario de contacto con Divi Builder
Con el Módulo de Formulario de Contacto de Divi, puedes crear fácilmente campos de entrada como correo electrónico, texto, casillas de verificación, botones de radio y menús desplegables.
Paso 1: Instalar el tema Divi en WordPress
Lo primero que necesitas hacer es registrarte para obtener una cuenta de Divi. Dado que Divi es un tema premium, tendrás que comprar una suscripción, que cuesta 89 $ anuales.
Después de eso, navega al Área de Miembros desde tu Cuenta de Elegant Themes y haz clic en el botón Descargar el tema Divi.
Una vez que tengas el archivo zip del tema Divi, ve a tu panel de WordPress. Desde allí, navega a Apariencia » Temas y haz clic en el botón Añadir nuevo.
Todo lo que necesitas hacer ahora es hacer clic en el botón Añadir nuevo tema, subir tu archivo Divi.zip y luego hacer clic en el botón Instalar tema.
Una vez que el tema Divi esté instalado en tu sitio web, haz clic en el botón Activar, y deberías poder usar el Divi Builder.
Paso 2: Añadir una página y cargar el Divi Builder
Crea una nueva página o entrada, y espera a que se abra el Editor de Entradas de WordPress. Para cargar el Divi Builder, haz clic en el botón morado Usar Divi Builder.
Esto recargará la página con el constructor de Divi y mostrará tres opciones: construir una página desde cero, elegir un diseño prediseñado o clonar una página existente.
Dado que te estamos guiando a través de los pasos para crear una página de contacto en Divi desde cero, haz clic en el botón Empezar a construir.
¡Genial! Ahora, todo lo que necesitas hacer para crear tu formulario de contacto es cargar el Módulo de Formulario de Contacto de Divi. Pongámonos a ello.
Paso 3: Añadir el Módulo de Formulario de Contacto de Divi
En el Divi Builder, haz clic en el botón + (Más) y, de la lista de opciones, elige una plantilla de Nueva Fila que se ajuste a tus necesidades.
Una vez que añadas una fila, se abrirá una biblioteca de módulos. Desde la pestaña Nuevo Módulo, desplázate hacia abajo y haz clic en el módulo Formulario de Contacto.
Una vez que añadas el módulo Formulario de Contacto, notarás tres campos de formulario: Nombre, Correo electrónico y Mensaje. ¡Tu formulario de contacto ya está listo!
Paso 4: Configurar tu formulario de contacto de Divi
Para empezar, haz clic en el Formulario de Contacto en el Divi Builder para abrir sus opciones de personalización. Puedes hacer clic en el botón Añadir nuevo campo para agregar otros campos al formulario.
Si te desplazas un poco hacia abajo, también encontrarás opciones adicionales en el menú Texto para editar el título, el mensaje de confirmación o cambiar el texto del botón de envío.
También encontrarás herramientas útiles como configuraciones de fondo, protección contra spam, enlaces de redirección y más. Siéntete libre de cambiarlas según sea necesario.
Crear un formulario de contacto en Divi con WPForms
WPForms es el mejor creador de formularios de arrastrar y soltar para WordPress, ¡que puedes usar para crear formularios de contacto, formularios de cálculo, formularios de pedidos y más!
Paso 1: Instalar el plugin WPForms
Como el mejor plugin creador de formularios para WordPress, WPForms se integra con éxito con Divi para que el proceso de creación de formularios sea pan comido.
Incluso la versión Lite del plugin viene con un montón de funciones que pueden resultar más útiles en comparación con el Módulo de formulario de contacto de Divi.
Sin embargo, si actualizas a Pro, ¡puedes aprovechar funciones adicionales como campos de formulario avanzados, gestión de entradas, subida de archivos y más!
Una vez que decidas qué nivel de licencia se adapta a tus necesidades, procede a instalar el plugin WPForms. Consulta esta guía sobre cómo instalar un plugin de WordPress para ver los pasos.
Paso 2: Crear tu formulario de contacto
Ahora, para crear un nuevo formulario. Ve a WPForms desde tu panel de WordPress y haz clic en la opción Añadir nuevo.
Después de eso, ponle un nombre a tu formulario y elige una plantilla. Para esta guía, elegiremos el Formulario de contacto simple para acelerar la creación del formulario.
Dentro del creador de formularios, así es como se verá tu formulario. Siéntete libre de añadir, cambiar o reorganizar campos como desees.
¡Eso es todo! Has creado con éxito un formulario de contacto usando WPForms. Ahora, personalicemos tus notificaciones y confirmaciones.
Paso 3: Personalizar notificaciones y confirmaciones
La configuración de las notificaciones asegura que siempre sepas sobre las nuevas entradas del formulario. Está en el creador de formularios. Ve a Ajustes y luego a Notificaciones.
Desde aquí, puedes hacer cambios en la configuración de notificación predeterminada, como la línea de asunto, o modificar los correos electrónicos que se envían a los destinatarios.
Ahora, en el menú Ajustes, elige Confirmaciones de la lista de opciones para configurar las respuestas cuando se envía un formulario correctamente.
A continuación, elige qué tipo de confirmación es más apropiada para tu sitio web, ya sea un mensaje, la visualización de una página o una redirección.
Para mantener tu formulario y su configuración actualizados, no olvides guardar tus cambios. El formulario está ahora listo para ser publicado a través de Divi.
Paso 4: Publicar tu formulario de contacto de Divi
Para añadir este formulario de contacto, ve al Constructor de Divi y elige un estilo de fila, como hicimos para el módulo de formulario de contacto de Divi.
Divi viene con una integración para WPForms, así que para añadir el formulario, busca WPForms en el cuadro de búsqueda y selecciona el módulo que aparece.
Después de que el módulo WPForms se haya añadido en Divi, aparecerán configuraciones adicionales. Por ejemplo, aquí puedes:
- Elegir qué formulario quieres añadir.
- Habilitar configuraciones que muestren el título del formulario.
- Habilitar configuraciones que muestren la descripción del formulario.
Una vez que estés listo, procede a seleccionar tu formulario del menú desplegable que se encuentra debajo de Formulario.
Tu formulario seleccionado se añadirá ahora automáticamente a la página de Divi. Asegúrate de pulsar el botón verde de Marca de verificación para guardar tu configuración.
¡Gran trabajo! ¡Tu formulario de contacto de Divi con WPForms ya está listo! Si deseas personalizarlo aún más, consulta esta configuración de diseño adicional.
Preguntas frecuentes sobre la creación de un formulario de contacto en Divi
El uso del tema Divi y sus muchas características, como los formularios de contacto, es un tema popular entre nuestros lectores. Aquí tienes respuestas a algunas preguntas al respecto.
¿Divi tiene un formulario de contacto?
Sí, Divi viene con un módulo de formulario de contacto. Esta herramienta te permite agregar un formulario de contacto a tus páginas fácilmente, sin necesidad de plugins adicionales. Sin embargo, las funciones pueden ser limitadas en comparación con un creador de formularios dedicado como WPForms.
¿Cómo edito un formulario de contacto de Divi?
Para editar un formulario de contacto de Divi, ve a la página donde se encuentra el formulario en tu Divi Builder. Haz clic en el módulo que dice "Formulario de contacto". Aquí, puedes cambiar campos, ajustar estilos y personalizar la configuración de notificación y confirmación del formulario directamente.
¿WordPress tiene un formulario de contacto incorporado?
WordPress en sí no viene con una función de formulario de contacto incorporada. Sin embargo, los usuarios de WordPress pueden agregar fácilmente formularios de contacto a sus sitios web utilizando plugins. Divi, cuando se instala en WordPress, proporciona un módulo de formulario de contacto integrado, eliminando la necesidad de plugins adicionales.
¿Cómo creo un formulario de contacto emergente en Divi?
Crear un formulario de contacto emergente en Divi implica usar el Divi Builder y un poco de creatividad. Primero, diseña tu formulario de contacto en una sección estándar. Luego, usa las opciones de visibilidad del Divi Builder para ocultar esta sección en la página.
Por último, activa la sección para que se muestre como una ventana emergente enlazándola a un botón o enlace en tu página. Este método puede requerir CSS personalizado o un plugin de ventanas emergentes de Divi para un funcionamiento fluido. Sin embargo, un método más sencillo sería usar OptinMonster.
A continuación, aprende cómo crear una calculadora de precios en WordPress
¿Buscas una solución fácil sobre cómo crear una calculadora de precios para tu sitio web para empezar a vender artículos en línea? Consulta esta guía para conocer el proceso paso a paso de configuración de un formulario de pedido simple con una calculadora de precios automatizada para tu sitio web.
Si te preguntas cómo animar a los usuarios a completar un formulario que requiere su correo electrónico para descargar un archivo, eso también es posible. Consulta esta guía sobre Cómo requerir una dirección de correo electrónico para descargar un archivo.
Soluciona tus correos de WordPress ahora
¿Listo para arreglar tus correos electrónicos? Empieza hoy mismo con el mejor plugin SMTP de WordPress. Si no tienes tiempo para arreglar tus correos electrónicos, puedes obtener asistencia completa de configuración White Glove como compra adicional, y hay una garantía de devolución de dinero de 14 días para todos los planes de pago.
Si este artículo te ha sido útil, síguenos en Facebook y Twitter para obtener más consejos y tutoriales de WordPress.
