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.
En esta página
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 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:
En el panel de control de Shopify, haz clic en Configuración > Aplicaciones y canales de ventas.
Haz clic en Order Printer para abrir la aplicación.
Haz clic en Gestionar plantillas.
Haz clic en Agregar plantilla.
Introduce un nombre para tu nueva plantilla en el campo Name (Nombre).
Agrega un código de HTML, CSS o Liquid en el campo Code (Código) para crear tu plantilla.
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:
En el panel de control de Shopify, haz clic en Configuración > Aplicaciones y canales de ventas.
Haz clic en Order Printer para abrir la aplicación.
Haz clic en Gestionar plantillas.
Haz clic en el nombre de la plantilla que deseas editar.
Agrega o edita el código HTML, CSS o Liquid en el campo Code para realizar los cambios en la plantilla. Para obtener una vista previa de ejemplos de personalizaciones de plantilla, consulta Ejemplos de personalizaciones de plantilla.
Cuando hayas terminado, haz clic Guardar.
Ejemplos de personalizaciones de plantilla
En los siguientes ejemplos se explican 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 el logo a las plantillas de Order Printer
- Desde el panel de control de Shopify, ve a Contenido > Archivos.
- Haz clic en Subir archivos y selecciona el archivo de imagen en tu computadora.
- En la página Archivos, busca el archivo subido y haz clic en Copiar URL.
- En el panel de control de Shopify, haz clic en Configuración > Aplicaciones y canales de ventas.
- Haz clic en Order Printer para abrir la aplicación.
- Haz clic en Gestionar plantillas.
- Haz clic en el nombre de la plantilla que deseas editar.
- Introduce el siguiente fragmento de código en tu plantilla donde te gustaría que aparezca tu logo:
<img src="your-image-URL">
. - Reemplaza
your-image-URL
por la URL de la imagen que copiaste. Según dónde quieras que se muestre el logo, quizás debas agregar una etiqueta<br/>
para agregar un salto de línea antes o después de la imagen.
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, toca Archivos.
- Toca Subir archivos y selecciona el archivo de imagen en tu computadora.
- En la página Archivos, busca el archivo subido y toca Copiar URL.
- En el panel de control de Shopify, toca Configuración > Aplicaciones y canales de ventas.
- Toca Order Printer para abrir la aplicación.
- Toca Gestionar plantillas.
- Toca el nombre de la plantilla que deseas editar.
- Introduce el siguiente fragmento de código en tu plantilla donde te gustaría que aparezca tu logo:
<img src="your-image-URL">
. - 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.
- En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
- En la sección Configuración de la tienda, toca Archivos.
- Toca Subir archivos y selecciona el archivo de imagen en tu computadora.
- En la página Archivos, busca el archivo subido y toca Copiar URL.
- En el panel de control de Shopify, toca Configuración > Aplicaciones y canales de ventas.
- Toca Order Printer para abrir la aplicación.
- Toca Gestionar plantillas.
- Toca el nombre de la plantilla que deseas editar.
- Introduce el siguiente fragmento de código en tu plantilla donde te gustaría que aparezca tu logo:
<img src="your-image-URL">
. - 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: hacer que los anchos de tabla 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:
Ejemplo: mostrar productos en miniatura
Para incluir miniaturas de productos, inserta este código en tu plantilla:
Agregar detalles del pedido
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:
En el panel de control de Shopify, haz clic en Configuración > Aplicaciones y canales de ventas.
Haz clic en Order Printer para abrir la aplicación.
Haz clic en Gestionar plantillas.
Haz clic en el nombre de la plantilla que deseas editar.
Usa variables de Liquid para agregar detalles del pedido y HTML para agregar formato. Por ejemplo, el
{{ line_item.price | money }}
imprime el precio del artículo.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:
Como resultado, las notas de entrega de María ahora incluyen una tabla que lista los artículos que se compraron.