• Características
  • Plantillas
  • Precios
  • Spanish
  • Características
  • Plantillas
  • Precios
  • Spanish
¡Ops! No se ha encontrado el widget buscado. ¿Tienes alguna idea? En caso afirmativo, Envíe aquí

Contact Form 7 es uno de los widgets de formulario más utilizados en WordPress. Casi todos los sitios web necesitan una herramienta de formulario de contacto configurada y la mayoría de ellos utilizan este widget.

A diferencia de cualquier otro widget, Contact Form 7 no es una herramienta plug & play. Para poder utilizarlo, primero hay que configurarlo. Tal vez le parezca que configurar una herramienta es más bien una tarea para desarrolladores. Pero, sin duda, no es el caso de esta herramienta.

Permítanme guiarles, en este blog, cómo configurar correctamente, y las formas de utilizar Contact Form 7 para el sitio web de WordPress.

Tenga en cuenta que este artículo incluye contenido fácil de implementar. No se incluye material para desarrolladores avanzados.

Manual de usuario de Contact Form 7

settings

En primer lugar, tienes que instalarlo en tu salpicadero.

Ir a Plugins> Añadir nuevo> y buscar escribiendo el nombre.

Instálalo y actívalo. Si utiliza Element Pack puede omitir este paso, ya que está precargado en el paquete.

Más información sobre Element Pack aquí.

Como ya he dicho antes, Contact Form 7 no es un widget plug&play. Tienes que configurarlo para que funcione. Así que..,

Configure Contact form 7

Busque la pestaña Póngase en contacto con desde su panel de control, navegue por él y haga clic en Añadir nuevo. En este paso, vamos a desarrollar el formulario.

settings

Ahora, concéntrate. Tienes que mirar con cuidado desde aquí. Crear un nuevo formulario te dará un par de opciones. Tienes que poner cualquier texto como título arriba e insertar el formato del formulario en el campo Formulario ficha.

Por defecto, el formulario mostrará unas líneas de códigos de texto en la caja roja marcada. Yo lo cambié según mi elección. Usted puede hacerlo también o incluso dejarlo por defecto. Depende de usted. Estos textos son básicamente los códigos de estructura del formulario.

Para los desarrolladores experimentados, es fácil crear nuevas estructuras para el formulario. Pero tú también puedes hacerlo. Aunque tienes que poner un poco de esfuerzo detrás de él, no es totalmente difícil. Por lo tanto, configurar Contact Form 7 es fácil.

Configure Contact form 7

Ahora, vaya al Correo junto a la pestaña Formulario tab. Aquí debe configurar la dirección de correo electrónico de recepción y los textos enmascarados del cuerpo del formulario.

Sólo tienes que poner tu correo de trabajo en el A y eso básicamente hace todo el trabajo. Puedes cambiar cosas en cada campo y ver cómo van las cosas más tarde.

settings

A continuación, vaya a la página Mensajes y escriba los mensajes correspondientes en los campos de texto. Esta parte también está configurada por defecto y puede dejarla sin cambios si lo desea.

Bien, Contact form 7 está configurado y listo para ser desplegado. En realidad hay dos maneras que usted puede utilizarlo.

  • Por códigos cortos
  • Por widget directo

Veamos los dos.

 

Blog para usted
Selección del Editor

¡Aprenda a hacer CTA excepcionales ahora!

Por códigos cortos

Todos los formularios creados con Formulario de contacto 7 tiene un shortcode para uso rápido. Estos shortcodes mostrarán el formato completo del formulario a los visitantes.

Configure Contact form 7

Ve a la pestaña Formularios de contacto y localiza los shortcodes junto a los títulos de los formularios. Selecciónelo y cópielo.

settings

Ahora, en el editor de páginas, coloca un widget Shortcode y pega el shortcode Form en él. Ahora, vamos a ver en el modo de vista previa si funciona.

Configure Contact form 7

Así, el formulario de contacto se adjunta y es visible para los visitantes. Aquí, de ninguna manera se puede cambiar la apariencia de la forma (cambiar el color, la tipografía, la adición de un borde, etc.)

Por Direct Widget

Con un widget dentro del Editor de páginas ElementorEn el widget Contact Form 7, puede colocar el widget Contact Form 7 y editar su apariencia a su gusto.

settings

Vaya al editor de páginas y seleccione Editar con Elementor. Allí, en el menú de widgets, seleccione Formulario de contacto 7 y colóquelo dentro de la página.

Configure Contact form 7

Desde el Diseño seleccione el formulario que ha realizado siguiendo las instrucciones anteriores.

settings

Y ya está. El formulario aparecerá en la página. Ahora, lo que ves es el formulario por defecto. Puedes personalizarlo más según tus necesidades.

Configure Contact form 7

Haga clic en el botón Estilo y cambie la apariencia de los formularios. Ver en el modo de vista previa.

Conclusión

Configuración de Formulario de contacto 7 no es tan difícil. El widget te da la opción de diseñar y desarrollar tu formulario con una opción de inserción de código personalizado. Por lo tanto, es una buena cosa que usted utiliza este widget.

Este blog está patrocinado por Element Packla mejor combinación de widgets para Elementor. Gracias por su lectura.

Comparte este blog:

Derechos de autor © 2025 BdThemes. Todos los derechos reservados.

Money Transfer Logo