Cómo personalizar las plantillas de correo electrónico Order Delivery Date Pro con Yaymail

Poner un poco más de esfuerzo en tu apariencia puede ser muy útil. Ahora imagine comercializar su producto a un cliente en su ropa de dormir. Aunque suene divertido, creo que todos podemos estar de acuerdo en que las posibilidades de que ese cliente compre tu producto pueden ser muy bajas. Piense en sus plantillas de diseño de correo electrónico como el atuendo: la apariencia de su marca para todo el mundo. Animarlo un poco no solo hará que su marca se destaque, sino que también captará la atención del lector. Es posible que ya sepa cómo nuestro complemento Order Delivery Pro para Woocommerce ofrece una forma de enviar correos electrónicos de recordatorio de entrega. Con la ayuda de la personalización de la plantilla de correo electrónico de WooCommerce y el complemento de vista previa Yaymail , podrá personalizar la Fecha de entrega del pedido Pro para las plantillas de correo electrónico de WooCommerce.

Presentamos Yaymail: un complemento de vista previa y personalización de WooCommerce

La mayoría de las veces, los usuarios de WooCommerce se quedan atrapados con las aburridas plantillas de correo electrónico predeterminadas que utilizan todas y cada una de las tiendas de WooCommerce. Ingresa a Yaymail, un complemento de vista previa de correo electrónico y personalización de plantillas de correo electrónico de WooCommerce que lo ayudará a solucionar este problema. Si está dispuesto a gastar un poco más para que su marca se destaque y asegurarse de que sus clientes la noten, puede usar este complemento para "embellecer sus correos electrónicos, obtener una vista previa de los cambios que realizó en la plantilla de correo electrónico y hacer que los clientes vengan". vuelve por más."

Algunas de las características de Yaymail son:

• Agregar fácilmente columnas y bloques de elementos
• Edición de contenido y medios en una sola ventana
• Personalización de fuente, color, fondo, relleno, etc. en las plantillas de correo electrónico
• Vista previa en vivo de su plantilla de correo electrónico
• Guardar y enviar un correo electrónico de prueba
• más de 20 elementos

Con el complemento Yaymail de personalización de plantillas de correo electrónico de WooCommerce, puede arrastrar y soltar fácilmente elementos en sus plantillas de correo electrónico. Incluso un novato puede descubrir fácilmente cómo usar este complemento.

Complemento de vista previa y personalización de plantillas de correo electrónico de WooCommerce y fecha de entrega del pedido - Yaymail

Para rediseñar las plantillas de correo electrónico de Order Delivery Dat Pro, necesitará:

• Complemento Order Delivery Date Pro para WooCommerce ($99)
• Complemento Yaymail (Gratis)
• Complemento premium de Yaymail para la fecha de entrega del pedido Pro ($ 39)

Después de agregarlos a su tienda WooCommerce, puede acceder a las plantillas de correo electrónico del complemento Order Delivery Date Pro para WooCommerce desde WooCommerce > Configuración > Correos electrónicos como se muestra a continuación:

Una vez que llegue aquí, puede desplazarse hacia abajo para encontrar las plantillas profesionales de fecha de entrega del pedido como esta:

Haga clic en la opción 'Personalizar con YayMail' de la plantilla de correo electrónico que elija para rediseñar.

Plantilla de correo electrónico 1: fecha y hora de entrega actualizadas

Supongamos que desea personalizar la plantilla de correo electrónico Fecha y hora de entrega actualizada . Una vez que haya hecho clic en 'Personalizar con YayMail', así es como aparecerá la plantilla:

En la parte superior de la plantilla, encontrará los siguientes detalles:

El personalizador de correo electrónico de WooCommerce lo ayudará a seleccionar y elegir diferentes elementos o bloques, y sus diversos diseños que puede agregar a su plantilla.

Con la ayuda de la configuración que se encuentra al lado del personalizador, puede elegir las plantillas de correo electrónico , como la plantilla 'Fecha y hora de entrega actualizadas' de la opción desplegable. Justo al lado, encontrará el menú desplegable para elegir la plantilla de correo electrónico de un pedido específico. Por ejemplo, 325- TanishaMehta. Luego, tiene varias otras opciones, como códigos cortos, enviar correo electrónico de prueba, plantilla en blanco, copiar plantilla, restablecer opciones de plantilla .

A continuación, si desea activar la plantilla después de crearla, puede hacerlo habilitando la plantilla . Incluso puede obtener una vista previa de cómo aparecerá la plantilla en dispositivos de escritorio o dispositivos móviles haciendo clic en la opción 'Vista previa' . Por último, puede 'Guardar' la plantilla de correo electrónico diseñada una vez que haya terminado de realizar los cambios. Comencemos por personalizar la plantilla de correo electrónico Fecha y hora de entrega actualizada .

En primer lugar, cambiaremos el logotipo de esta plantilla de correo electrónico. Busque el logotipo de WooCommerce en la plantilla de correo electrónico y haga clic en él. En el lado izquierdo, encontrará la opción para editar el logotipo donde puede cambiar la imagen, su alineación, su relleno, etc. Así es como aparecerá:

A continuación, cargaremos nuestro propio logotipo después de hacer clic en la opción 'Cambiar imagen' . Junto con esto, agregaremos una URL para el logotipo, cambiaremos su color de fondo a un tono de azul, cambiaremos su ancho a 150 píxeles . Los cambios aparecerán directamente en la plantilla como puedes ver a continuación:

Después de esto, ahora cambiaremos el encabezado del correo electrónico haciendo clic en él. Cambiaremos el color de fondo de púrpura a blanco y el color de fuente del texto a nuestro tono anterior de azul. También cambiaremos la Fuente en sí. Aquí, hemos decidido ir con "Arial Black", Gadget, fuente sans-serif :

Ahora editaremos el elemento de texto que dice “La fecha y hora de entrega ha sido actualizada por el cliente. Los detalles del pedido y los detalles de entrega actualizados son los siguientes” . Siguiendo nuestra familia de fuentes anterior, aplicaremos lo mismo aquí también. También hemos realizado algunos cambios en el relleno del texto, como puede ver a continuación:

Del mismo modo, también realizamos los cambios en la tabla de la plantilla de correo electrónico en términos de color, fuente de relleno, etc.

Ahora, deseamos agregar nuestros íconos de redes sociales a la plantilla de correo electrónico. Para ello, iremos al Personalizador de correo electrónico de WooCommerce > Elementos > Ícono social y luego arrastraremos ese elemento en la plantilla de correo electrónico.

Después de arrastrarlo, eliminaremos los íconos sociales que no necesitamos y agregaremos los que necesitaremos. Por ejemplo, mantendremos el ícono de Facebook y agregaremos también el ícono de Twitter. Agregaremos el enlace URL que se abrirá una vez que una persona haga clic en el icono de la red social.

Aquí, podemos realizar cambios en el tamaño del icono, su espaciado, el color de fondo y mucho más. Así es como aparecerá después de hacer esos cambios:

Por último, también hemos realizado los siguientes cambios en nuestro pie de página:

Después de realizar todos estos cambios, puede hacer clic en el botón 'Guardar' ubicado en el extremo superior derecho de la página. Cuando hacemos clic en la opción 'Vista previa' , así es como aparecerá nuestra plantilla recién diseñada:

Veamos cómo aparecerá la plantilla en la bandeja de entrada:

Plantilla de correo electrónico 2: Recordatorio de entrega

Personalicemos la plantilla de correo electrónico 'Recordatorio de entrega'. Para esto, hemos tomado el pedido número 143. Así es como se ve la plantilla de correo electrónico predeterminada:

Primero comenzaremos reemplazando el logotipo tal como lo hicimos anteriormente para la plantilla de correo electrónico Fecha y hora de entrega actualizada.

Esta vez elegiremos un tono de gris más oscuro para nuestro color de fondo, así como para nuestra plantilla de correo electrónico. Más adelante, realizaremos cambios en el encabezado del correo electrónico . Personalizaremos el texto agregando "¡Hola!" antes de 'Este es su recordatorio de entrega'.

Luego lo cambiaremos al centro e incluso cambiaremos el color de fondo a algo más oscuro. Mantendremos el color de nuestra fuente en blanco y cambiaremos la fuente del texto a Tahoma, Ginebra, sans-serif, como puede ver a continuación:

A continuación, cambiaremos el texto que se dirige a nuestro cliente con las siguientes modificaciones:

Luego procederemos con el texto que mostrará los detalles del pedido. Para esto, nos gustaría ponerlo en negrita para que el cliente pueda entender desde dónde exactamente puede comenzar a leer para conocer los detalles de su pedido.

Luego, procedemos a editar el diseño del Artículo de pedido con nuestros colores previamente elegidos para el color de fondo, el color del título, el color del borde y el color del texto, como se muestra a continuación:

También cambiemos el texto de Ver pedido desplazándolo hacia el centro y cambiando su color de fondo a un azul más oscuro que atraiga al cliente hacia él.

Ahora deseamos separar la sección Detalles del pedido del correo electrónico, así que iremos a Elementos > General > Divisor y arrastraremos ese elemento a la plantilla.

Hemos realizado los cambios necesarios, como la altura de la línea, el ancho, el color, etc., en el divisor y, después de hacerlo, aparecerán así:

Al igual que nuestra primera plantilla de correo electrónico, agreguemos nuestros íconos de redes sociales para que nuestros clientes puedan seguirnos y estar actualizados con nuestros últimos productos. Iremos a Elementos > Iconos sociales .

Una vez que lo arrastramos, así es como aparecerá:

Descartaremos primero los iconos de Youtube y Linkedin pulsando sobre el icono de la papelera .

Luego, agregaremos el ícono de Twitter y haremos cambios en el espaciado del ícono, el ancho e incluso su tema de estilo .

Ahora, no queremos mostrar el texto que dice que nuestro sitio ha sido construido con WooCommerce. Así que lo eliminaremos haciendo clic en los tres puntos y luego en la opción 'Eliminar' .

En su lugar, agreguemos algunas imágenes de nuestros productos para el cliente. Vaya a Elementos y elija el elemento 'Lista de imágenes' y arrástrelo a la plantilla justo debajo de 'Ver orden'.

Aquí iremos con tres imágenes para adjuntar, por lo que elegiremos 3 columnas. Después de agregar imágenes a cada una de las columnas, realizaremos cambios en la alineación, el color de fondo, etc.

No olvide agregar el enlace URL del producto a la imagen para que cuando el cliente haga clic en la imagen, sea dirigido a la página del producto de ese artículo.

Encima, agreguemos un texto que diga 'Algunos otros productos que te pueden gustar' como este:

Por último, agreguemos el logotipo de nuestra marca al final de la plantilla eligiendo el elemento 'Logotipo' del Personalizador de correo electrónico de WooCommerce.

Después de agregar nuestro logotipo, URL y otros detalles, nuestra plantilla de correo electrónico de recordatorio de entrega está lista. Lo 'Guardaremos' y así es como se verá:

Ahora, enviemos un correo electrónico de prueba. Así es como se verá el correo electrónico de prueba en la bandeja de entrada de su cliente:

Plantilla de correo electrónico 3: Recordatorio de entrega del administrador

Finalmente, rediseñemos la plantilla de correo electrónico 'Recordatorio de entrega del administrador' . Así es como se verá la plantilla de correo electrónico predeterminada:

Comencemos insertando nuestro logotipo y haciéndolo más pequeño en comparación con antes.

A continuación, cambiaremos el encabezado del correo electrónico para adaptarlo a nuestro esquema de color estético azul.

A continuación, cambiaremos el texto predeterminado a 'Aquí está el recordatorio para su entrega mañana' . Lo pondremos en negrita y también aumentaremos el tamaño de la fuente:

A continuación, deseamos mostrar la dirección de envío y facturación al administrador. Entonces agregaremos el elemento 'Dirección de envío de facturación' arrastrándolo y colocándolo justo debajo del elemento de texto 'Aquí está el recordatorio para su entrega mañana'.

También cambiaremos su color a algo como esto:

A continuación, también deseamos mostrar la lista de artículos de pedido al administrador, por lo que seleccionaremos el elemento 'Artículo de pedido'.

Después de arrastrar el elemento a la plantilla de correo electrónico, los detalles de nuestro pedido aparecerán directamente en él. Podemos hacer cambios en su fondo y color como se muestra a continuación:

No deseamos tener el elemento de texto predeterminado que dice hecho con WooCommerce, por lo que lo 'Eliminaremos' de esta manera:

Por último, para que la plantilla parezca uniforme y acorde con la marca, agregaremos el logotipo de nuestra marca al final de la siguiente manera:

Así es como aparecerá nuestra plantilla de correo electrónico de recordatorio de entrega del administrador después de realizar estos cambios:

También podemos enviar esta plantilla como un correo electrónico de prueba. Así es como aparecerá el Recordatorio de entrega del administrador en la bandeja de entrada de su administrador:

Conclusión

En esta publicación, cubrimos cómo puede rediseñar las tres plantillas de correo electrónico diferentes de nuestro complemento Order Delivery Date Pro utilizando el complemento de personalización de plantillas de correo electrónico WooCommerce Yaymail. Aunque pudimos cubrir solo algunas de las funciones de Yaymail, estamos seguros de que los expertos en diseño pueden usar otros elementos, como adjuntar videos o incluso botones a sus plantillas de correo electrónico.

¡Siga explorando y háganos saber en los comentarios a continuación cómo pudo personalizar sus correos electrónicos de Order Delivery Date Pro con Yaymail!