Personaliza plantillas de notificación por correo electrónico

Tu tienda tiene varias plantillas de notificación a las que puedes acceder en la sección Notificaciones de tu panel de control de Shopify.

Puedes agregar un logo o cambiar el esquema de colores en todas las plantillas al mismo tiempo para personalizar las notificaciones por correo electrónico. También puedes editar el contenido de dichas notificaciones de forma individual.

Antes de poder editar el cuerpo y el encabezado del asunto de tus notificaciones por correo electrónico, debes confirmar tu dirección de correo electrónico del remitente.

Para obtener más información sobre las plantillas de SMS, consulta notificaciones por SMS.

Agregar un logo a las plantillas de tu correo electrónico

Escritorio

1. Desde el panel de control de Shopify, ve a Configuración > Notificaciones.

2. Haz clic en Notificaciones de clientes.

3. Haz clic en Personalizar plantilla de correo electrónico.

4. Agrega un logo haciendo clic en Seleccionar archivo, busca el logo y cárgalo.

iPhone

1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
2. En la sección Configuración de la tienda, toca Notificaciones.
3. Toca Notificaciones de clientes.
4. Toca Personalizar plantilla de correo electrónico.
5. Agrega un logo tocando Seleccionar archivo, buscándolo y subiéndolo.

Android

1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
2. En la sección Configuración de la tienda, toca Notificaciones.
3. Toca Notificaciones de clientes.
4. Toca Personalizar plantilla de correo electrónico.
5. Agrega un logo tocando Seleccionar archivo, buscándolo y subiéndolo.

Elegir los colores para tus plantillas de correo electrónico

Escritorio

1. Desde el panel de control de Shopify, ve a Configuración > Notificaciones.

2. Haz clic en Notificaciones de clientes.

3. Haz clic en Personalizar plantilla de correo electrónico.

4. Cambia el color dominante de tus correos electrónicos introduciendo el código de color o haciendo clic en el selector de color.

iPhone

1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
2. En la sección Configuración de la tienda, toca Notificaciones.
3. Toca Notificaciones de clientes.
4. Toca Personalizar plantilla de correo electrónico.
5. Cambia el color dominante de tus correos electrónicos introduciendo el código de color o eligiendo el selector de color.

Android

1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
2. En la sección Configuración de la tienda, toca Notificaciones.
3. Toca Notificaciones de clientes.
4. Toca Personalizar plantillas de correo electrónico.
5. Cambia el color dominante de tus correos electrónicos introduciendo el código de color o eligiendo el selector de color.

Cambiar el idioma de tus plantillas de correo electrónico

El idioma predeterminado en el que aparecen tus plantillas de correo electrónico depende del idioma de tu tema y de las ediciones que hayas realizado en las plantillas:

• Si no has realizado cambios en tus plantillas de correo electrónico, al cambiar el idioma de tu tema también cambiarás el idioma de la plantilla de correo electrónico.
• Si has realizado cambios tanto en el cuerpo como en el título de tus plantillas de correo electrónico, cambiar el idioma de tu tema no cambiará el idioma de las plantillas de correo electrónico.
• Si has realizado cambios solo en el título de tus plantillas de correo electrónico, cambiar el idioma de tu tema no cambiará el idioma de las plantillas de correo electrónico.
• Si has realizado cambios solo en el cuerpo de tus plantillas de correo electrónico, al cambiar el idioma de tu tema se cambia el título al nuevo idioma, pero no cambia el idioma del cuerpo de tus plantillas de correo electrónico.

Nota

Si vendes en varios idiomas y has activado idiomas adicionales en tu tienda, los clientes recibirán notificaciones por correo electrónico en otros idiomas. Si deseas editar las traducciones de la plantilla o agregar traducciones de las notificaciones por correo electrónico, consulta Notificaciones de pago y correo electrónico.

Personalizar plantillas de correo electrónico específicas

Pasos:

Escritorio

1. Desde el panel de control de Shopify, ve a Configuración > Notificaciones.

2. Haz clic en Notificaciones de clientes.

3. Haz clic en el nombre de la notificación que deseas cambiar.

4. Edita el campo Asunto del correo electrónico y el cuerpo del correo electrónico.

5. Haz clic en Guardar.

iPhone

1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
2. En la sección Configuración de la tienda, toca Notificaciones.
3. Toca Notificaciones de clientes.
4. Selecciona el nombre de la notificación que deseas cambiar.
5. Edita el campo Asunto del correo electrónico y el cuerpo del correo electrónico.
6. Toca Guardar.

Android

1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
2. En la sección Configuración de la tienda, toca Notificaciones.
3. Toca Notificaciones de clientes.
4. Selecciona el nombre de la notificación que deseas cambiar.
5. Edita el campo Asunto del correo electrónico y el cuerpo del correo electrónico.
6. Toca Guardar.

Nota

Si necesitas restablecer una plantilla a su forma predeterminada, haz clic en Regresar a predeterminado debajo del editor de plantillas.

Prueba tus cambios

Después de que hayas personalizado una plantilla de notificación, puedes revisar una vista previa de los cambios en el panel de control de Shopify o enviarla por correo electrónico para ver cómo la verán los clientes.

Pasos:

1. Para revisar una vista previa de la notificación, ve a Acciones > Vista previa.
2. Si estás conforme con los cambios, cierra la ventana de vista previa y haz clic en Guardar.
3. Para enviar la notificación como un correo electrónico de prueba, haz clic en Acciones > Enviar correo electrónico de prueba. El correo electrónico se enviará a la cuenta que utilizaste para iniciar sesión en el panel de control de Shopify.

Agrega un número de identificación fiscal a una factura

En algunos países y regiones, quizá debas indicar tu número de identificación fiscal en las facturas de los clientes u otras notificaciones. Por ejemplo, en Australia, Canadá e India, los negocios que cobran el impuesto a los bienes y servicios (GST) quizá deban indicar su número de identificación. En la Unión Europea, quizá debas indicar tu número de identificación del impuesto sobre el valor agregado (IVA).

Consulta con tu contable fiscal o una autoridad gubernamental para averiguar si necesitas incluir el número.

Para indicar tu número en una notificación por correo electrónico, sigue estos pasos:

1. Abre la plantilla de correo electrónico específica que desees editar.
2. En el área del cuerpo del correo electrónico (HTML), ingresa tu número de registro o identificación en un lugar adecuado. Incluye HTML para asegurarte de que el formato de salida sea el correcto.
3. Opcional: Para verificar que tus personalizaciones aparezcan correctamente, obtén una vista previa de los cambios.
4. Haz clic en Guardar.

En el siguiente ejemplo, el propietario de la tienda agregó su dirección y número fiscal después del logo de su tienda en la notificación de Confirmación de pedido.

  <table class="row">
    <tr>
      <td class="shop-name_cell">
        {%- if shop.email_logo_url %}
          <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
          <p>150 Elgin St, Ottawa K2P 1L4 GST# 123456789</p>
        {%- else %}
          <h1 class="shop-name_text">
            <a href="{{shop.url}}">{{ shop.name }}</a>
          </h1>
        {%- endif %}

O bien, puedes comprar y descargar una aplicación de facturación en la Shopify App Store. Con una aplicación de facturación puedes incluir el número fiscal en las facturas.

Agrega una línea de aranceles a las plantillas de Confirmación de pedido y de Reembolso de pedido

Si cobras aranceles e impuestos de importación, verifica que tus notificaciones por correo electrónico contengan una línea de aranceles para que tus clientes tengan un registro del pago de ese cargo.

Si utilizas las plantillas predeterminadas para la Confirmación de pedido y plantillas de correo electrónico de Reembolso de pedido, tus correos electrónicos se actualizarán automáticamente incluyendo una línea de artículo de aranceles. No necesitas hacer ningún cambio.

Si personalizaste tus plantillas de correo electrónico de Confirmación de pedido y de Reembolso de pedido, podrás agregar el siguiente código a tus plantillas de correo electrónico para que se añada una línea de aranceles.

{% if current_total_duties %}

<tr class="subtotal-line">
 <td class="subtotal-line__title">
   <p>
     <span>Duties</span>
   </p>
 </td>
 <td class="subtotal-line__value">
   <strong>{{ current_total_duties | money }}</strong>
 </td>
</tr>

{% endif %}

Agregar plazos de pago a las facturas de pedidos

Las condiciones de pago especifican la fecha en la que se debe efectuar el pago de un pedido.

Si personalizaste la plantilla de correo electrónico de la factura del pedido, puedes agregarle el siguiente código para introducir fechas de vencimiento de pago, incluido el vencimiento luego de la preparación del pedido.

{% assign due_date = payment_terms.next_payment.due_at | default: nil %}

{% if payment_terms.type == 'receipt' and due_date == nil %}
   {% assign due_date = 'now' %}
{% endif %}

{% if payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil % }
  <h2> Payment of {{ order.total_outstanding | money }} is due on fulfillment </h2>
{% else %}
  <h2>Payment of {{ order.total_outstanding | money }} is due {{ due_date | date: format: 'date' }}</h2>
{% endif %}

Para mostrar el nombre del término de pago en la plantilla de correo electrónico, haz lo siguiente:

 1. Encuentra la siguiente sección, si existe:

{% if shipping_address or billing_address or shipping_method %}

 2. Reemplázala con lo siguiente:

 {% if shipping_address or billing_address or shipping_method or payment_terms %}

 3. En el área del cuerpo del correo electrónico (HTML), introduce el nombre de las condiciones de pago en una ubicación apropiada.

  {% if payment_terms %}
    <td class="customer-info__item">
      <h4>Payment</h4>
      <p> Terms: {{ payment_terms.name }} </p>
    </td>
  {% endif %}

 4. Haz clic en Guardar.

En el siguiente ejemplo, el propietario de tienda agregó las condiciones de pago en la sección de información del cliente después de shipping_method.

Para más detalles, consulta la referencia de Liquid para payment_terms.

Agregar un mensaje personalizado a las notificaciones

Puedes agregar un mensaje personalizado a varias notificaciones, incluyendo:

• pedido abandonado
• Contacto del cliente
• activación de cliente
• Borrador de factura de pedido

Nota

Los mensajes personalizados son opcionales. Si agregas mensajes personalizados, tus notificaciones deben contener la etiqueta {{ custom_message }} en su código. Si haces clic en Revisar correo electrónico sin un mensaje personalizado al enviar tus notificaciones, no se incluirá en tu correo electrónico.

Pasos:

1. Introduce un mensaje personalizado en el campo de texto.
2. Haz clic en Revisar correo electrónico.
3. Verifica que el mensaje se muestre correctamente y haz clic en Atrás para realizar cualquier cambio.
4. Cuando hayas terminado haz clic en Enviar notificación.

Define el estilo de las plantillas de correo electrónico con CSS en línea

Consejo

Para diseñar tus plantillas con CSS necesitas conocimientos avanzados de HTML y CSS.

Puedes usar CSS en línea para dar estilo a tus plantillas de correo electrónico modificando la hoja de estilo predeterminada que es: <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">. El editor de plantillas incorpora automáticamente cualquier etiqueta de estilo en la plantilla. Guarda las consultas de los elementos multimedia para ayudar a que los correos electrónicos adaptables se puedan crear fácilmente. Las hojas de estilo externas y las hojas de estilo cargadas con los elementos del tema no estarán en línea, por lo que se recomienda que el estilo CSS se incluya en una etiqueta <style> en el <head> de tus plantillas.

Conversión automática de correos electrónicos con texto sin formato

Tus plantillas de correo electrónico HTML se convertirán a texto sin formato para clientes que necesitan ver esta versión, como Mail para Apple Watch.