Introducción: La importancia de un formulario de contacto
Cuando estamos diseñando nuestro sitio web o landing page, es muy importante que le demos a nuestros usuarios un formulario de contacto. Esto es esencial en nuestra estrategia para nuestra marca personal, ya que nos permite armar una base de datos para impactar a nuestros seguidores con emails, sin necesidad de depender de las redes sociales, del contenido orgánico o de publicidad.
Las páginas web y landing pages están diseñadas para brindar información relevante y específica que ayude a los visitantes a dar un paso adelante y ponerse en contacto con nosotros. Si tenemos una empresa de servicios o una marca personal, generalmente nuestro objetivo es conseguir leads (prospectos o clientes potenciales), y esto lo logramos mediante botones para enviar mensajes, formularios o suscripciones.
En este artículo, te voy a enseñar cómo incorporar a tu página web un formulario estándar de Elementor, cómo estilizarlo y configurarlo para que funcione perfectamente.
Preparando nuestro formulario
Vamos a trabajar directamente en la parte más importante de la página: la Hero section (portada). Aunque, si tu página web tiene muchas secciones, siempre es interesante poner dos o tres llamadas a la acción en diferentes lugares para maximizar las posibilidades de conversión.
En este caso, vamos a reemplazar un botón por un formulario completo. Si bien existen plugins populares como Contact Form 7 o WPForms que son muy potentes y versátiles, nosotros vamos a utilizar el formulario que viene por defecto en Elementor, que es más que suficiente para esta etapa inicial.
Paso a paso: Creando nuestro formulario
- Eliminar el botón actual:
- Selecciona el botón que quieres reemplazar
- Usa la tecla Delete para eliminarlo
- Añadir el formulario:
- Ve al menú de la izquierda
- Haz clic en el signo +
- Busca “Form” en la barra de búsqueda
- Arrastra el módulo de formulario hasta donde quieras ubicarlo
Una vez añadido, verás que el formulario ya viene estilizado si has hecho la preconfiguración que vimos en videos anteriores. Sin embargo, vamos a hacer algunos ajustes para personalizarlo según nuestras necesidades.
Personalizando el formulario
Configuración básica
- Cambiar el nombre del formulario:
- Selecciona el formulario y haz clic en el lapicito
- En la primera sección, cambia el nombre a algo útil (ej: “formulario-portada”)
- Esto te ayudará a identificarlo si tienes varios formularios
- Eliminar campos innecesarios:
- Por defecto, el formulario incluye campos para nombre, email y mensaje
- Si solo necesitas recopilar datos para tu lista de correo, puedes eliminar el campo de mensaje haciendo clic en la X
- Eliminar etiquetas:
- Para hacer el formulario más limpio, puedes desactivar las etiquetas (Labels)
- Simplemente desactiva el interruptor que dice “Etiqueta” o “Label”
- Personalizar los placeholders:
- Cambia el texto de “Name” a “Nombre” o “Ingresa tu nombre”
- Modifica “Email” a “Tu mejor email” (sugiriendo que ingresen el email que revisan con frecuencia)
- Cambiar el texto del botón:
- Ve a la sección “Button” o “Botón”
- Cambia “Submit” por “Suscribite” o el texto que prefieras
Ajustes de estilo
Para que nuestro formulario se vea más profesional y se integre mejor con el diseño de nuestra página:
- Ajustar el ancho:
- Ve a la pestaña “Avanzado”
- Cambia el ancho de “Default” a “Personalizado”
- Establece un porcentaje (60% suele funcionar bien)
- Alinear el formulario:
- En la misma pestaña, busca “Align Self”
- Selecciona “Center” para que el formulario esté centrado
- Modificar el borde:
- Ve a la pestaña “Estilo”
- Selecciona “Campo”
- Mantén el ancho del borde en 1px
- Cambia el color a un gris más claro para que se integre mejor
Configuración de acciones del formulario
El formulario de Elementor ya viene preconfigurado para enviar notificaciones por email, pero es importante entender cómo funciona:
- Destinatario del email:
- Por defecto, los datos del formulario se envían al email del administrador de WordPress
- Puedes cambiarlo o añadir otros emails separados por comas
- Asunto del email:
- Personaliza el asunto para identificar rápidamente estos emails
- Por ejemplo: “Nuevo suscriptor en [tu-dominio].com”
- Contenido del mensaje:
- Por defecto incluye “[all-fields]” que muestra todos los campos completados
- Puedes agregar texto adicional como: “Este es un nuevo suscriptor del sitio web”
- Remitente del email:
- Por defecto se usa “email@[tu-dominio].com”
- Esto es útil para identificar que el email viene de tu sitio web
💡 Dato importante: Este email es solo una notificación para ti. El formulario no envía automáticamente un email de confirmación al suscriptor. Para eso necesitarás configurar automatizaciones adicionales que veremos en próximos artículos.
Probando el formulario
Es fundamental probar el formulario antes de publicarlo definitivamente:
- Publica los cambios en tu página
- Utiliza la vista previa para ver cómo se ve
- Completa el formulario con datos de prueba
💡 Truco útil: Para probar formularios sin crear múltiples suscriptores, puedes usar tu email habitual añadiendo “+número” antes del @. Por ejemplo: tuemail+1@gmail.com, tuemail+2@gmail.com, etc. Todos estos emails llegarán a tu bandeja normal, pero serán reconocidos como diferentes por los sistemas de formularios.
Una vez enviado el formulario, deberías recibir una notificación en tu email con los datos ingresados. Revisa que todo esté funcionando correctamente y que el formato del email sea el esperado.
Siguientes pasos
Agregar el formulario es solo el primer paso en nuestra estrategia de marketing. En los próximos artículos veremos:
- Cómo configurar un email corporativo con nuestro dominio para dar mayor credibilidad
- Cómo automatizar respuestas a los suscriptores
- Cómo crear y gestionar campañas de email automatizadas
Conclusión
Un formulario de contacto o suscripción es el corazón de cualquier estrategia de marketing digital para marcas personales o empresas de servicios. Te permite:
- Construir una base de datos de personas interesadas en tu contenido
- Comunicarte directamente con tus potenciales clientes
- Tener control sobre tus comunicaciones sin depender de algoritmos de redes sociales
- Generar confianza y credibilidad
Siguiendo estos pasos, ya tienes implementado el primer elemento crucial de tu embudo de conversión. Incluso si no tienes un embudo completo, tener un formulario de contacto en tu página web siempre es valioso para tu estrategia de marketing.
💡 Recordatorio final: Si tienes dudas o te encuentras con algún problema al implementar tu formulario, dejá un comentario y te ayudaré lo antes posible.