Criar e editar modelos com o Shopify Order Printer
É possível criar e editar modelos com o app Shopify Order Printer no admin da Shopify. Por padrão, o app Shopify Order Printer inclui os seguintes modelos:
- Fatura: uma fatura que pode ser enviada a um cliente.
- Guia de remessa: uma impressão com o endereço da loja e o endereço de entrega do cliente.
- Lista de coleta: um documento que inclui uma lista de itens que precisam ser coletados para processar o pedido do cliente.
É possível usar o Liquid para criar modelos personalizados para outros materiais de embalagem, como cupons, etiquetas ou comprovantes. O app Shopify Order Printer é compatível com modelos criados com HTML, CSS e variáveis do Liquid.
Nesta página
Considerações para criar modelos no app Shopify Order Printer
Analise as seguintes considerações antes de criar modelos no app Shopify Order Printer:
- Para criar ou editar modelos no app Shopify Order Printer, é preciso ter conhecimentos em HTML, CSS e Liquid. O Atendimento ao cliente de temas da Shopify talvez possa ajudar com pequenos ajustes em temas gratuitos da Shopify no escopo da Política de design da Shopify. Caso você precise de alterações mais complexas ou use um tema não criado pela Shopify, considere contratar um parceiro da Shopify.
- É possível criar até 15 modelos diferentes.
- Consulte a Referência de variáveis e filtros do Liquid para o Shopify Order Printer para ver todas as personalizações de modelo compatíveis.
Criar um modelo
É possível criar um novo modelo para o documento do pedido.
Para configurar um modelo de lista de coleta, consulte Configurar e imprimir listas de coleta com o app Shopify Order Printer.
Etapas:
No admin da Shopify, acesse Apps > Order Printer.
Clique em Modelos.
Clique em Criar um modelo.
No campo Nome, insira um nome para o modelo, como etiqueta ou cupom.
Na seção Editar código, adicione código HTML, CSS ou Liquid para criar o modelo.
Opcional: para pré-visualizar o modelo, clique em Pré-visualizar.
Clique em Salvar.
Editar um modelo
É possível editar um modelo existente. Saiba mais sobre como personalizar os modelos do Order Printer.
Etapas:
No admin da Shopify, acesse Apps > Order Printer.
Clique em Modelos.
Clique no modelo que quer editar.
Na seção Editar código, adicione ou edite o código HTML, CSS ou Liquid.
Opcional: para pré-visualizar o modelo, clique em Pré-visualizar.
Clique em Salvar.
Restaurar o modelo-padrão
É possível restaurar os modelos integrados de guia de remessa e fatura para os valores-padrão. Use os blocos de código a seguir para restaurar os modelos para o padrão.
Modelo-padrão de fatura
Versão de 6 de junho de 2024.
<div>
<div class="columns">
<h1>Invoice</h1>
<div>
<p style="text-align: right; margin: 0;">
Order {{ order.order_name }}<br />
{% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
{{ order.created_at | date: "%B %e, %Y" }}
</p>
</div>
</div>
<div class="columns" style="margin-top: 1.5em;">
<div class="address">
<strong>From</strong><br/>
{{ shop.name }}<br/>
{{ shop.address | format_address }}
{% if shop.phone %}{{ shop.phone }}{% endif %}
</div>
{% if order.billing_address %}
<div class="address">
<strong>Bill to</strong>
{{ order.billing_address | format_address }}
</div>
{% endif %}
{% if order.shipping_address %}
<div class="address">
<strong>Ship to</strong>
{{ order.shipping_address | format_address }}
{% if order.shipping_address.phone %}{{ order.shipping_address.phone }}{% endif %}
</div>
{% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
<thead>
<tr>
<th scope="col">Qty</th>
<th scope="col">Item</th>
<th scope="col" style="text-align: right;">Price</th>
</tr>
</thead>
<tbody>
{% for line_item in order.line_items %}
<tr>
<td scope="row">{{ line_item.quantity }}</td>
<td>{{ line_item.title }}
{% if line_item.line_level_discount_allocations.size > 0 %}
<span class="subduedText">
{% for discount_allocation in line_item.line_level_discount_allocations %}
<br>{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
{% endfor %}
</span>
{% endif %}
</td>
<td style="text-align: right;">
{% if line_item.original_price != line_item.final_price %}
<span class="subduedText"><s>{{ line_item.original_price | money }}</s></span>
{% endif %}
{{ line_item.final_price | money }}
</td>
</tr>
{% endfor %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Subtotal</td>
<td style="text-align: right;">{{ order.line_items_subtotal_price | money }}</td>
</tr>
{% for discount_application in order.cart_level_discount_applications %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">{% if discount_application.title %}<span class="subduedText">{{ discount_application.title }}</span>{% endif %}</td>
<td style="text-align: right;">-{{ discount_application.total_allocated_amount | money }}</td>
</tr>
{% endfor %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Tax</td>
<td style="text-align: right;">{{ order.tax_price | money }}</td>
</tr>
{% if order.shipping_address %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Shipping</td>
<td style="text-align: right;">{{ order.shipping_price | money }}</td>
</tr>
{% endif %}
<tr>
<td scope="row" colspan="2" style="text-align: right;"><strong>Total</strong></td>
<td style="text-align: right;"><strong>{{ order.total_price | money }}</strong></td>
</tr>
{% if order.net_payment != order.total_net_amount %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Total Paid</td>
<td style="text-align: right;">{{ order.net_payment | money }}</td>
</tr>
{% endif %}
{% if order.total_refunded_amount > 0 %}
<tr>
<td scope="row" colspan="2" style="text-align: right;">Total Refunded</td>
<td style="text-align: right;">-{{ order.total_refunded_amount | money }}</td>
</tr>
{% endif %}
{% if order.net_payment != order.total_net_amount %}
<tr>
<td scope="row" colspan="2" style="text-align: right;"><strong>Outstanding Amount</strong></td>
<td style="text-align: right;"><strong>{{ order.total_price | minus: order.net_payment | money }}</strong></td>
</tr>
{% endif %}
</tbody>
</table>
{% if transactions.size > 1 %}
<h2>Transaction Details</h2>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
<thead>
<tr>
<th scope="col">Type</th>
<th scope="col">Amount</th>
<th scope="col">Kind</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody>
{% for transaction in transactions %}
<tr>
<td scope="row">{{ transaction.gateway | payment_method }}</td>
<td>{{ transaction.amount | money }}</td>
<td>{{ transaction.kind }}</td>
<td>{{ transaction.status }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
{% if order.note %}
<h2>Note</h2>
<p>{{ order.note }}</p>
{% endif %}
<p style="margin-bottom: 0;">If you have any questions, please send an email to <u>{{ shop.email }}</u></p>
</div>Modelo-padrão de guia de remessa
Versão de 6 de junho de 2024.
<div>
<div class="columns">
<h1>Packing Slip</h1>
<div class="address">
<p style="text-align: right; margin: 0;">
Order {{ order.order_name }}<br />
{% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
{{ order.created_at | date: "%B %e, %Y" }}
</p>
</div>
</div>
<div class="columns" style="margin-top: 1.5em;">
<div class="address">
<strong>From</strong><br/>
{{ shop.name }}<br/>
{{ shop.address | format_address }}
</div>
{% if order.shipping_address %}
<div class="address">
<strong>Ship to</strong>
{{ order.shipping_address | format_address }}
</div>
{% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
<thead>
<tr>
<th scope="col" style="width: 15%; text-align: left;">Qty</th>
<th scope="col" style="width: 85%; text-align: left;">Item</th>
</tr>
</thead>
<tbody>
{% for line_item in order.line_items %}
<tr>
<td scope="row" style="text-align: left;">{{ line_item.quantity }}</td>
<td style="text-align: left;">{{ line_item.title }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>