La mayoría de nosotros conocemos el excelente formulario de contacto de complemento gratuito 7 para recopilar envíos simples a suscripción, correo electrónico, automatización a través de muchos complementos diferentes. Si no desea gastar dinero en su formulario de contacto y acaba de iniciar su sitio de WordPress, CF7 (formulario de contacto 7) sería la opción correcta para usted.
Dicho esto, Elementor es el creador de páginas más popular que existe (mientras estoy escribiendo esta publicación) y es gratis al igual que el excelente formulario de contacto 7. Entonces, combinando ambos, puede tener un sitio completo con una página de contacto en gratis.
¿Cómo usar el formulario de contacto 7 con el creador de sitios web Elementor?
Para que esto funcione, debe tener Elementor y Contact form 7 instalados y activados. Después de esto, usaremos un complemento gratuito llamado Contact Form 7 Widget For Elementor Page Builder. ¿Por qué lo estamos usando? Bueno, este complemento gratuito de cf7 para elementor le brinda la capacidad de crear y editar formularios de contacto dentro de elementor para que no tenga que ir y venir ni copiar códigos abreviados. El complemento tiene una guía bien detallada y capturas de pantalla en la página del repositorio.
Entonces, con los 3 complementos gratuitos instalados y activados:
- Iremos a nuestro Contáctenos o cualquier otra página
- Presiona Editar con el botón Elementor
- Editar comience a editar la página y en el panel izquierdo buscaremos el formulario de contacto anulado … y nos mostrará un widget.
- Arrastraremos y soltaremos el widget del formulario de contacto 7 desde el vacío
- Podemos ver ahora que la primera opción es seleccionar un formulario de contacto.
- Después de seleccionar allí, podremos ver el botón Editar formulario (si elegimos un formulario de contacto existente).
- Si queremos crear un nuevo formulario, simplemente pulsamos el botón añadir nuevo.
- Y hecho ! Con eso tendremos nuestro formulario de contacto 7 incrustado en la página y disponible para editar en cualquier momento que lo necesitemos dentro del editor elementor.
- El widget Contact Form 7 para Elementor Page Builder viene con la pestaña Estilo de formulario de contacto donde puede ser creativo y encontrar algunos CSS que desee en tipos/botones de entrada específicos. Creo que está más enfocado en las personas que son desarrolladores generales de WordPress (no demasiado profundos en la codificación) y es una buena forma de pensar. Puede encontrar algunas ideas CSS para el diseño del formulario de contacto aquí.
- Una configuración adicional que le brinda el complemento es una forma de agregar una URL de redireccionamiento para su acción posterior al envío en el formulario cf7.
¿Sabías que puedes diseñar los correos electrónicos que envía el formulario de contacto 7 sin ningún código? Si no, hemos escrito un post sobre cómo diseñar tu formulario de contacto 7 email que se envía al usuario o a ti de forma gratuita con Elemailer.
