Cómo personalizar las notificaciones por correo electrónico de formularios en WPForms

Publicado: 2023-12-01

¿Está buscando una manera fácil de personalizar las notificaciones por correo electrónico de su formulario utilizando una plantilla de correo electrónico personalizada de WPForms?

Personalizar las notificaciones por correo electrónico en WPForms es un proceso sencillo que puede mejorar significativamente su comunicación con los encuestados.

En esta guía, lo guiaremos a través de los sencillos pasos para personalizar las notificaciones por correo electrónico de formularios en WPForms para crear una apariencia única y más profesional.

¿Por qué personalizar las notificaciones por correo electrónico de formularios en WPForms?

Personalizar las notificaciones por correo electrónico de formularios en WPForms no se trata solo de cambiar la apariencia. A continuación se ofrece un breve vistazo a los importantes beneficios de personalizar estas notificaciones.

  • Identidad de marca mejorada: personalizar los correos electrónicos de WordPress le permite incorporar el logotipo, la combinación de colores y el estilo de su marca. Esta coherencia en la publicidad ayuda a reforzar la identidad de su marca con cada correo electrónico enviado.
  • Claridad y relevancia mejoradas: al personalizar el contenido de sus correos electrónicos, puede asegurarse de que el mensaje sea relevante para el destinatario, como dirigirse a los destinatarios por su nombre o proporcionar detalles específicos sobre sus envíos de formularios.
  • Mejor participación del usuario: los correos electrónicos personalizados son más atractivos. Muestran a sus destinatarios que usted valora su interacción, fomentando una conexión más fuerte y potencialmente aumentando la participación del usuario con su marca.
  • Mayor eficiencia: automatizar y personalizar sus respuestas de correo electrónico ahorra tiempo. En lugar de crear respuestas individuales, puede configurar respuestas específicas y relevantes que se activan automáticamente al enviar el formulario.
  • Seguimiento y análisis: con WPForms, puede realizar un seguimiento de la efectividad de sus notificaciones por correo electrónico. Esta información le permite perfeccionar su enfoque y garantizar que sus comunicaciones sean lo más efectivas posible.

Con WPForms, puede crear notificaciones por correo electrónico que resuenen con su audiencia y agilicen sus esfuerzos de comunicación. A medida que avance en esta guía, descubrirá lo fácil e impactante que puede ser este proceso.

Cómo personalizar las notificaciones por correo electrónico de formularios en WPForms

Siga los pasos a continuación para aprender cómo puede personalizar las notificaciones por correo electrónico de formularios en WPForms con plantillas personalizadas y más.

En este articulo

  • 1. Instalar y activar WPForms
  • 2. Cree un formulario o utilice una plantilla
  • 3. Configure un correo electrónico de notificación de formulario básico
  • 4. Personalice la plantilla y el estilo del correo electrónico
  • 5. Publique su formulario personalizado

1. Instalar y activar WPForms

WPForms simplifica el proceso de creación y administración de formularios en su sitio de WordPress. Es un conocido complemento de WordPress que le permite crear varios formularios, como encuestas, formularios de contacto y formularios de registro, sin conocimientos de codificación.

Personalizar las notificaciones por correo electrónico en WPForms también es bastante sencillo y ofrece una experiencia y funcionalidad fáciles de usar. Combina amplias opciones de personalización con el poder de crear formularios atractivos y responsivos.

The WPForms homepage

Para comenzar su viaje, primero instale el complemento en su sitio web de WordPress. Después de la activación, puede seguir los pasos a continuación para navegar fácilmente por el proceso de personalización de las notificaciones por correo electrónico de su formulario.

2. Cree un formulario o utilice una plantilla

Cree formularios directamente desde su panel de WordPress. Para comenzar, navegue hasta WPForms y haga clic en el botón Agregar nuevo .

Adding a new form in WPForms

Ahora, comience por nombrar su formulario para reflejar su propósito específico. En este punto, puede optar por una plantilla existente para acelerar la creación de su formulario.

Use simple contact form template

La intuitiva interfaz Form Builder de WPForms le da la bienvenida a continuación. Aquí puede personalizar su formulario agregando, editando o reorganizando varios campos.

add new fields

Una vez configurado su formulario, el siguiente paso crucial es modificar el mensaje de confirmación que aparece después del envío.

default confirmation settings

Además, puede personalizar la configuración básica de notificación del formulario que pueden recibir tanto el administrador del sitio como el usuario que completó el formulario.

notifications settings

Las notificaciones de formularios son una excelente manera de realizar un seguimiento de los envíos e interactuar con los visitantes del sitio de inmediato. Hablaremos más sobre cómo personalizarlos a continuación.

3. Configure un correo electrónico de notificación de formulario básico

WPForms comienza con una notificación básica, pero puede agregar fácilmente una nueva. Simplemente haga clic en Agregar nueva notificación .

Add new notification

Ingrese un nombre para su nueva notificación en la ventana emergente. Esto es sólo para su referencia y no será visto por los usuarios del formulario. Después de nombrarlo, haga clic en Aceptar .

enter notification name

Ahora, completará varios detalles para completar la configuración de su notificación. Cada opción es sencilla pero vital para garantizar que las notificaciones lleguen a usted y a los usuarios correctamente.

Enviar a dirección de correo electrónico

Aquí es donde se enviarán las notificaciones de su formulario. El valor predeterminado es el correo electrónico del administrador de su sitio de WordPress, pero puede cambiarlo. Para enviar a varios correos electrónicos, simplemente sepárelos con comas.

multiple send to email addresses

Línea de asunto del correo electrónico

Cambie la línea de asunto predeterminada "Nueva entrada" a lo que prefiera. Debe ser claro y relevante para el destinatario.

email subject line

Del nombre

Este es el nombre del remitente del correo electrónico. De forma predeterminada, es el nombre de su sitio web, pero no dude en cambiarlo por algo más familiar para el destinatario.

notification from name

Desde el e-mail

Fundamental para la entrega de correo electrónico, esta debe ser una dirección de correo electrónico válida, preferiblemente de su dominio, para evitar filtros de spam. Evite utilizar el correo electrónico de quienes envían el formulario como remitente.

notification from email address

Los nombres de dominio que no coinciden pueden activar filtros de spam. Para obtener mejores resultados, utilice WP Mail SMTP para correos electrónicos que no coincidan con su dominio.

from email mismatch

Dirección de correo electrónico de respuesta

Configure esto donde desea que vayan las respuestas. Es útil utilizar una etiqueta inteligente para los correos electrónicos de los usuarios del formulario o la suya propia para las notificaciones de los usuarios.

reply to email with smart tag

Mensaje de correo electrónico

Este es el cuerpo de su correo electrónico. De forma predeterminada, muestra todos los campos del formulario, pero se puede personalizar con texto adicional, etiquetas inteligentes o incluso HTML/CSS.

notification email message

Mantenga estas configuraciones precisas y claras para garantizar una comunicación fluida a través de sus notificaciones de WPForms.

Guarde la configuración de su formulario antes de pasar al siguiente paso para no perder su progreso. En la parte superior de la pantalla, haga clic en el botón Guardar .

Save the form

4. Personalice la plantilla y el estilo del correo electrónico

Personalizar las notificaciones por correo electrónico en WPForms es sencillo. Comience dirigiéndose a WPForms »Configuración y seleccionando la pestaña Correo electrónico .

wpforms email settings

En la pestaña Correo electrónico, tiene numerosas opciones para personalizar las notificaciones por correo electrónico. Estas configuraciones se aplican universalmente en todo su sitio. Así es como funciona cada uno de ellos:

Elija una plantilla de correo electrónico

WPForms proporciona muchas plantillas que puede utilizar para personalizar la apariencia de sus correos electrónicos de notificación.

En la sección Plantilla , encontrará todas las plantillas disponibles que admite WPForms. Los usuarios Lite pueden acceder a 3 plantillas, mientras que los usuarios Pro disfrutan de opciones adicionales:

  • Clásico
  • Compacto
  • Moderno (profesional)
  • Elegante (Pro)
  • Tecnología (profesional)
  • Texto sin formato

La plantilla Clásica es la opción predeterminada. Sin embargo, para darle un toque más personalizado, puede seleccionar entre las otras plantillas, siempre que tenga una licencia WPForms Pro válida para ciertas opciones.

Simplemente coloque el mouse sobre el estilo que desea usar y haga clic en el botón Elegir . Para este ejemplo, usaremos el estilo Moderno , pero puedes elegir cualquier otro que desees.

choose modern template

Puede hacer clic en el botón Vista previa en cualquier momento para ver cómo aparecería cada una de las plantillas en la bandeja de entrada de su usuario.

preview modern template

Establecer una imagen de encabezado de correo electrónico

Para agregar un toque personal, puede cargar una imagen de encabezado o un logotipo. Navegue a la sección Imagen de encabezado y haga clic en el botón Cargar imagen .

upload header image

Aparecerá una ventana emergente que le dará la opción de cargar un archivo nuevo o elegir un archivo existente de la biblioteca multimedia de WordPress.

wordpress media library upload

Cuando haya terminado de cargar una nueva imagen o de seleccionar una imagen existente, simplemente haga clic en el botón Usar imagen .

Una vez que haya cargado su imagen, podrá seleccionar el tamaño deseado para que la imagen se use en sus notificaciones por correo electrónico desde un menú desplegable.

header image size dropdown

Los tamaños disponibles son Pequeño, Mediano y Grande. La resolución de la imagen se ajusta al tamaño que elijas y también se ajusta a la pantalla del usuario.

Esto significa que, si ve el correo electrónico de notificación en un dispositivo móvil, cambiará para adaptarse al tamaño de la pantalla del dispositivo que esté utilizando.

Cambiar la combinación de colores

Los usuarios de WPForms Pro pueden acceder a una sección de combinación de colores para ajustar los colores de fondo, cuerpo, texto y enlaces.

Los usuarios Lite sólo pueden modificar el color de fondo. El selector de color te permite alinear estos colores con tu marca.

color scheme

A continuación, explicamos todos los esquemas de color disponibles:

Fondo

El color seleccionado para el Fondo determina la apariencia exterior de la plantilla de correo electrónico. A continuación se muestra un ejemplo con un color de fondo azul claro.

background color

Cuerpo

El color del cuerpo determina la apariencia visual del contenedor de la plantilla de correo electrónico. Esta es la ubicación donde se almacena el correo electrónico de notificación.

A continuación se muestra una imagen de ejemplo que muestra un contenedor Body con una combinación de colores blancos para su comodidad.

body color

Texto

Este color se utilizará para todo el texto del correo electrónico de notificación. La combinación de colores predeterminada presenta un color de texto oscuro, como se muestra en la imagen a continuación.

text color

Enlaces

La siguiente combinación de colores se aplica a todos los enlaces del correo electrónico de notificación. La dirección de correo electrónico en la imagen a continuación se muestra como un enlace, utilizando el color naranja predeterminado para los enlaces.

link color

Para actualizar cualquiera de los colores, tienes dos opciones. Puede ingresar el valor HEX en el campo de color o puede hacer clic en él para abrir el selector de color.

update background color

Tipografía

La tipografía determina la familia de fuentes que se utilizará para los correos electrónicos de notificación enviados desde su sitio web. WPForms actualmente admite fuentes Sans Serif y Serif.

typography

Para actualizar la familia de fuentes de su plantilla de correo electrónico, simplemente haga clic en el menú desplegable Tipografía y elija la fuente deseada entre las opciones disponibles.

typography dropdown

Una vez que haya terminado de personalizar su plantilla de correo electrónico, desplácese hacia abajo y haga clic en el botón Guardar configuración para guardar los cambios que ha realizado.

save settings

Obtenga una vista previa de su plantilla de correo electrónico

Una vez que haya guardado los cambios, puede obtener una vista previa de ellos para ver cómo aparecerían en la bandeja de entrada de su usuario.

Para lograr esto, simplemente haga clic en el enlace Vista previa de plantilla de correo electrónico ubicado debajo del menú desplegable Tipografía.

preview email template

Se abrirá una nueva pestaña en su navegador donde podrá ver una vista previa de su plantilla de correo electrónico de notificación. Todo lo que hayas cambiado en la configuración se reflejará en la vista previa.

customized email template

Si el dispositivo del usuario está configurado en modo oscuro, el correo electrónico de notificación se adaptará automáticamente para coincidir con la apariencia del dispositivo.

dark mode variant of template

Cambiar notificaciones en el generador de formularios

También puede cambiar el diseño del correo electrónico de su formulario en el creador de formularios si lo desea. Para hacer esto, abra el formulario que desea cambiar y vaya a Configuración » Notificaciones .

notifications settings

Luego, desplácese hacia abajo y haga clic en Avanzado para acceder a las opciones más avanzadas. Debería haber un botón desplegable debajo de Plantilla de correo electrónico .

advanced tab form builder

Esta opción está configurada en Plantilla predeterminada para todos los formularios de su sitio de forma predeterminada. Esto significa que sus formularios utilizarán la configuración general que estableció en la página de configuración.

Para anular la plantilla predeterminada, simplemente haga clic en el menú desplegable Plantilla de correo electrónico y elija la plantilla deseada.

email template dropdown

5. Publique su formulario personalizado

Una vez que haya creado su formulario, lo haya personalizado y haya configurado las opciones de notificación por correo electrónico, todo lo que queda por hacer es publicarlo.

Cree una nueva página o publicación, o actualice una existente. Luego, haga clic en el botón Agregar bloque y luego elija el ícono WPForms .

Add form widget WPForms

A continuación, use el menú desplegable en el widget WPForms para elegir su formulario personalizado y agregarlo a su página o publicación.

select your form

Si está satisfecho con el aspecto de su formulario, todo lo que tiene que hacer es presionar el botón Actualizar o Publicar para publicarlo.

Publishing your Contact page

Más preguntas sobre las plantillas de correo electrónico personalizadas de WPForms

Aprender a personalizar las notificaciones de formularios es un tema de interés popular entre nuestros lectores. Aquí hay respuestas a algunas preguntas comunes al respecto.

¿Cómo creo una plantilla de correo electrónico personalizada?

Para crear una plantilla de correo electrónico personalizada, navegue hasta WPForms »Configuración y haga clic en la pestaña Correo electrónico . Aquí puede elegir entre varias plantillas, como Clásica, Compacta o Moderna. Personaliza la plantilla agregando una imagen de encabezado, seleccionando tu combinación de colores preferida y eligiendo un estilo de tipografía.

¿Cómo personalizo mi plantilla de correo electrónico en WordPress?

Vaya a WPForms »Configuración y seleccione la pestaña Correo electrónico . Puedes elegir una plantilla que se adapte a tu estilo y personalizarla cargando una imagen de encabezado, ajustando la combinación de colores y seleccionando una fuente en la sección Tipografía. Utilice la opción Vista previa para ver cómo se verá su plantilla y asegurarse de que se alinee con la identidad de su marca.

¿Cómo cambio mi correo electrónico en WPForms?

Para cambiar su correo electrónico en WPForms, acceda al formulario donde desea actualizar el correo electrónico. Haga clic en Editar en el formulario específico, navegue hasta Configuración »Notificaciones en el generador de formularios. Aquí puede actualizar el campo Enviar a dirección de correo electrónico con su nueva dirección de correo electrónico.

A continuación, aprenda a diseñar formularios de contacto en WordPress

¿Se pregunta cómo puede hacer que el diseño de su formulario de contacto coincida con su sitio de WordPress sin tener conocimientos de CSS? Consulte esta guía para aprender cómo diseñar formularios de contacto en WordPress utilizando las opciones de personalización de WPForms.

Crea tu formulario de WordPress ahora

¿Listo para construir tu formulario? Comience hoy con el complemento de creación de formularios de WordPress más sencillo. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo le ayudó, síganos en Facebook y Twitter para obtener más tutoriales y guías gratuitas de WordPress.