() translation by (you can also view the original English article)
Poder ponerse en contacto es uno de los objetivos más comunes de los usuarios en tu sitio web. En este video, aprenderás cómo utilizar Elementor junto con el popular plugin Contact Form 7 para crear un formulario de contacto para tu sitio web.
Cómo crear un formulario de contacto con Elementor
En este tutorial, te enseñaré cómo utilizar la versión Pro de Elementor para crear un formulario de contacto. En caso de que no tengas acceso a Elementor Pro, también mostraré dos formas de crear formularios de contacto usando la versión gratuita. ¡Comencemos!
Nuestro formulario de contacto con Elementor
Durante este tutorial, crearemos el siguiente formulario de contacto:
Lo que necesitarás
Todo lo que necesitas para crear este formulario de contacto es una instalación de WordPress con Elementor instalado, tener una comprensión básica de cómo funciona WordPress y media hora libre. También te pueden resultar útiles los recursos que se enumeran a continuación.
-
WordPressCómo instalar WordPress -
ElementorCómo crear una página de aterrizaje para WordPress con Elementor
Lo que trataremos en este tutorial
Las siguientes marcas de tiempo señalan secciones útiles del tutorial que quizá quieras volver a ver más adelante.
- Introducción
- Configurar la página de aterrizaje (que creamos en un tutorial anterior)
- Cómo añadir un formulario de contacto gratis con el widget HTML de Elementor
- Cómo añadir un formulario gratis con «contact form 7» y Elementor
- Cómo añadir un formulario de contacto con el widget de formularios de Elementor (versión Pro)
Temas y plugins prémium para WordPress
Una vez que hayas configurado tu sitio, tal vez quieras explorar los miles de temas para WordPress en ThemeForest y los plugins para WordPress en CodeCanyon. Compra estos temas y plugins de alta calidad y mejora la experiencia de tu sitio web para ti y tus visitantes.
¡Has creado un formulario de contacto para WordPress!
Si has seguido este proceso, ahora deberías tener tu propio formulario de contacto para WordPress. Espero que hayas visto lo fácil que es trabajar con Elementor (incluso la versión gratuita es un excelente constructor visual) y tengas la suficiente confianza para probar más diseños por ti mismo.
¡Permenece atento a los próximos tutoriales prácticos y no olvides revisar más recursos de Elementor en Tuts+!
-
ElementorLos 25 mejores kits de plantillas de Elementor para WordPress (además de plantillas gratuitas) -
WooCommerceMás de 15 de los mejores temas de Elementor para WooCommerce (gratuitos y prémium) -
ElementorDivi vs Elementor: Comparación de constructores de páginas para WordPress
