Resumen de IA
¿Le gustaría personalizar los estilos de la plantilla de correo electrónico para sus notificaciones por correo electrónico? Desde la versión 1.8.5, WPForms tiene muchos estilos de plantilla diferentes para elegir para las notificaciones por correo electrónico. Puede leer más sobre estas plantillas revisando esta publicación de anuncio.
Sin embargo, si desea ampliar el estilo de estas plantillas, este tutorial le guiará a través de la mejor manera de lograrlo.
Por defecto, WPForms ya ofrece la posibilidad de cambiar el esquema de color de cada una de las plantillas, así como de añadir una imagen de encabezado. Para más detalles sobre cómo hacerlo, por favor revise esta documentación.
Cada plantilla, con la excepción de Texto sin formato, le dará la opción de establecer su esquema de color y cargar un logotipo de encabezado. Simplemente navegue hasta el panel de WordPress » WPForms » Ajustes » Correo electrónico para establecer sus preferencias sobre qué plantilla, así como para personalizar el diseño de la plantilla.
Creación de su formulario
Para empezar, necesitará crear su formulario y añadir sus campos. Si necesita ayuda para crear su formulario, por favor vea esta documentación.
¿Busca la plantilla Antigua? Esta plantilla se retiró con la versión 1.8.5; sin embargo, aún puede habilitarla si lo desea. Si está buscando esta plantilla de correo electrónico, por favor revise este tutorial.
Modificación de los mensajes de correo electrónico con HTML
Si desea añadir más personalización a sus notificaciones por correo electrónico simplemente poniendo en negrita las etiquetas en el texto del correo electrónico, también puede hacerlo fácilmente editando su formulario y en la pestaña Ajustes » Notificaciones dentro del constructor de formularios, cambie su campo Mensaje. Puede reemplazar el {all_fields} en su campo Mensaje por:
<b>Nombre:</b> {field_id="0"}<br>
<b>Correo electrónico:</b> {field_id="1"}<br>
<b>Mensaje:</b> {field_id="2"}
Usamos etiquetas inteligentes en nuestro campo Mensaje para construir esta respuesta. Para obtener más ayuda sobre cómo usar los campos del formulario completados como etiquetas inteligentes, por favor revise este tutorial.
Personalización de la plantilla de correo electrónico
Si desea cambiar el aspecto de sus plantillas de correo electrónico de WPForms pero le intimida un poco la codificación, ¡no se preocupe! Hay una forma sencilla de hacerlo sin entrar demasiado en detalles técnicos.
Imagine sus plantillas de correo electrónico como la ropa que usan sus formularios cuando envían mensajes. Podemos retocar estos atuendos ajustando los archivos de plantilla en su tema hijo. Para obtener más información sobre cómo crear un tema hijo, ¡por favor revise esta útil guía!
Digamos que desea dar un color de fondo diferente a la plantilla Clásica. Esto es lo que debe hacer:
Ir al armario: Busque el archivo classic-style.php en wp-content/plugins/wpforms/templates/emails/.
Copiar y Pegar: Toma ese archivo y ponlo en la carpeta wpforms/emails/ de tu tema hijo. Es como crear un armario personalizado para tus formularios. Necesitarás crear esta carpeta en tu tema hijo.
Dale Estilo: Abre el archivo que acabas de pegar y podrás añadir los estilos que quieras. Piensa en ello como elegir accesorios para el correo electrónico de tu formulario.
Ahora, ¿por qué es esto genial? Cualquier estilo que añadas se transformará mágicamente en CSS en línea para cada elemento del correo electrónico. Esto asegura que tus estilos se vean geniales en diferentes plataformas y dispositivos de correo electrónico.
Pero aquí tienes un consejo profesional: evita usar etiquetas de estilo en el elemento head; es posible que no funcionen bien en todas partes. Para más información, puedes consultar este recurso.
Recuerda, este método puede no funcionar perfectamente para algunos clientes de correo electrónico como Outlook y Windows Mail. Pueden ser un poco quisquillosos a la hora de reconocer ciertos estilos.
Si te sientes elegante y quieres retocar otras plantillas, cada una tiene su propio archivo único en el directorio wpforms/emails/. ¡Simplemente copia, pega y dale estilo! Para las plantillas de la versión pro, encuéntralas en wp-content/plugins/wpforms/pro/templates/emails/ y llévalas a la carpeta de correos electrónicos de tu tema hijo.
¡Eso es todo! Ahora tus formularios lucen estilos que coinciden con tu gusto, sin necesidad de un título en codificación. 🌟
¿Te gustaría también cambiar o eliminar el texto del pie de página por completo? Hay una forma fácil de hacerlo con un pequeño fragmento de PHP. Consulta el fragmento en Cómo eliminar o cambiar el texto del pie de página de las notificaciones por correo electrónico.