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 estes modelos:

  • Fatura: uma fatura que você pode enviar para um cliente.
  • Guia de remessa: uma impressão do endereço da sua loja e do endereço de entrega do cliente.

Use o Liquid para criar seus próprios modelos personalizados de outros elementos da embalagem, como cupons, etiquetas ou comprovantes. O app Shopify Order Printer é compatível com modelos feitos com variáveis HTML, CSS e Liquid.

Considerações sobre a criação de modelos no app Shopify Order Printer

Leve em conta o seguinte antes de criar modelos no app Shopify Order Printer:

Criar modelo

Crie um modelo para o documento do pedido.

Etapas:

  1. No admin da Shopify, acesse Configurações > Apps e canais de vendas.

  2. Clique em Order Printer.

  3. Clique em Abrir app.

  4. Clique em Modelos.

  5. Clique em Criar um modelo.

  6. No campo Nome, insira um nome para o modelo, como etiqueta ou cupom.

  7. Na seção Editar código, adicione código HTML, CSS ou Liquid para criar o modelo.

  8. Opcional: para ver o modelo, clique em Pré-visualizar.

  9. Clique em Salvar.

Editar modelo

Você pode editar um modelo existente. Se quiser saber mais, consulte Exemplos de personalizações de modelo.

Etapas:

  1. No admin da Shopify, acesse Configurações > Apps e canais de vendas.

  2. Clique em Order Printer.

  3. Clique em Abrir app.

  4. Clique em Modelos.

  5. Clique no modelo que você quer editar.

  6. Na seção Editar código, adicione ou edite código HTML, CSS ou Liquid.

  7. Opcional: para ver o modelo, clique em Pré-visualizar.

  8. Clique em Salvar.

Restaurar o modelo-padrão

É possível restaurar a guia de remessa e os modelos de fatura integrados aos valores-padrão. Para fazer isso, use os blocos de código abaixo.

Modelo-padrão da fatura

Versão de 6 de junho de 2024.

liquid <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 da guia de remessa

Versão de 6 de junho de 2024.

liquid <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>

Não encontrou as respostas que está procurando? Estamos sempre à disposição para ajudar você.