Personalización de plantillas de Order Printer

Puedes crear y personalizar hasta 15 plantillas para la aplicación Order Printer en tu panel de control de Shopify. La aplicación Order Printer incluye dos plantillas predeterminadas:

  • Invoice: una factura básica que puedes enviar a un cliente.
  • Packing slip (nota de entrega): una impresión de la dirección de tu tienda y la dirección de envío de tu cliente.

Cómo crear una nueva plantilla de Order Printer

Para crear una nueva plantilla de Order Printer debes estar familiarizado con HTML, CSS y Liquid. El equipo de soporte técnico de temas de Shopify puede ayudar con ajustes menores que estén dentro del alcance de la Política de diseño de Shopify.

Pasos

  1. Desde tu panel de control de Shopify, ve a Aplicaciones.

  2. Haz clic en Order Printer para abrir la aplicación.

  3. Haz clic en Manage templates (Administrar plantillas):

    Botón de administración de plantillas

  4. Haz clic en Add template (Agregar plantilla):

    Haz clic en

  5. Introduce un nombre para tu nueva plantilla en el campo Name (Nombre).

  6. Agrega un código de HTML, CSS o Liquid en el campo Code (Código) para crear tu plantilla.

  7. Cuando hayas terminado, haz clic Guardar.

Cómo editar una plantilla de Order Printer

Para editar tu plantilla de Order Printer debes estar familiarizado con HTML, CSS y Liquid. El Soporte Técnico de Tema de Shopify puede ayudar con ajustes menores dentro del alcance de la Política de Diseño de Shopify.

Pasos

  1. Desde tu panel de control de Shopify, ve a Aplicaciones.

  2. Haz clic en Order Printer para abrir la aplicación.

  3. Haz clic en Manage templates (Administrar plantillas):

    Botón de administración de plantillas

  4. Haz clic en el nombre de la plantilla que deseas editar:

    Selecciona la plantilla que editarás

  5. Haz tus cambios en la plantilla agregando o editando el código HTML, CSS o Liquid en el campo Code (Código). Para ver ejemplos de personalizaciones de plantilla, consulta Ejemplos de personalizaciones de plantilla.

  6. Cuando hayas terminado, haz clic Guardar.

Ejemplos de personalizaciones de plantilla

Los siguientes ejemplos muestran algunas formas comunes de personalizar plantillas de Order Printer:

  • Agregar tu logo a las plantillas de Order Printer.
  • Hacer que los anchos de tabla sean del 100 %.
  • Mostrar productos en miniatura.
  • Agregar detalles de pedidos.

Ejemplo: agregar tu logo a las plantillas de Order Printer

Puedes agregar tu logo a las facturas de los pedidos, las notas de entrega y las plantillas personalizadas:

  1. Haz clic en Upload Files (Cargar archivos) y selecciona el archivo de imagen en tu computadora.

  2. En la página Files (Archivos), haz clic en la imagen URL para resaltarla, luego copia el texto:

    Copia la imagen URL

  3. Desde tu panel de control de Shopify, ve a Aplicaciones.

  4. Haz clic en Order Printer para abrir la aplicación.

  5. Haz clic en Manage templates (Administrar plantillas):

    Botón de administración de plantillas

  6. Haz clic en el nombre de la plantilla que deseas editar:

    Selecciona la plantilla que editarás

  7. Introduce el siguiente fragmento de código en tu plantilla donde te gustaría que aparezca tu logo: <img src="your-image-URL">.

  8. Reemplaza your-image-URL por la URL de la imagen que copiaste. Según dónde quieras que aparezca tu logo, quizás debas agregar una etiqueta <br/> para agregar un salto de línea antes o después de tu imagen.

Debería verse así en HTML:

Ejemplo de código HTML

Y así en tu factura:

Ejemplo de una plantilla de correo electrónico personalizada

Ejemplo: hacer que los anchos de las tablas sean del 100 %.

Para hacer que tus tablas tengan bordes y se estiren hasta el 100 % de ancho, agrega una clase de table-tabular a tu tabla:

<table class="table-tabular">
    ...
</table>

Ejemplo: mostrar productos en miniatura

Para incluir miniaturas de productos, inserta este código en tu plantilla:

{{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }}

Agregar detalles de pedidos.

Puedes agregar detalles del pedido a tus plantillas, como el nombre, la cantidad y el costo de los artículos comprados. Para agregar detalles del pedido a tu plantilla, haz lo siguiente:

  1. Desde tu panel de control de Shopify, ve a Aplicaciones.

  2. Haz clic en Order Printer para abrir la aplicación.

  3. Haz clic en Manage templates (Administrar plantillas):

    Botón de administración de plantillas

  4. Haz clic en el nombre de la plantilla que deseas editar:

    Selecciona la plantilla que editarás

  5. Usa variables de Liquid para agregar detalles del pedido y HTML para agregar formato. Por ejemplo, el `` imprime el precio del artículo.

  6. Cuando hayas terminado, haz clic Guardar.

Por ejemplo, María quiere editar su plantilla de nota de entrega para incluir una lista de los artículos que se enviarán. Agrega el siguiente código a la parte inferior de su plantilla de Packing slip en la aplicación de Order Printer:

<br>
<br>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if show_line_item_taxes %}
      <th>Taxes</th>
      {% endif %}
      <th>Price</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if line_item.tax_lines %}
          <td>
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td>{{ line_item.price | money }}</td>
      </tr>
    {% endfor %}
  </tbody>
</table>

Como resultado, el formulario de empaque de Nyla ahora incluye una tabla que lista los artículos que se adquirieron:

Ejemplo de formulario de empaque

¿Estas listo(a) para comenzar a vender con Shopify?

Pruébala gratis