Creazione e modifica di modelli tramite Shopify Order Printer

Puoi creare e modificare i modelli utilizzando l'app Shopify Order Printer nel pannello di controllo Shopify. Per impostazione predefinita, l'app Shopify Order Printer include i seguenti modelli:

  • Fattura: una fattura che puoi inviare a un cliente
  • Documento di trasporto: una stampa dell'indirizzo del negozio e dell'indirizzo di spedizione del cliente.

Puoi utilizzare Liquid per creare modelli personalizzati per altri inserti per gli imballaggi , come coupon, etichette o ricevute. L'app Shopify Order Printer supporta i modelli realizzati con variabili HTML, CSS e Liquid.

Considerazioni sulla creazione di modelli nell'app Shopify Order Printer

Prima di creare modelli nell'app Shopify Order Printer, verifica le seguenti considerazioni:

Creazione di un modello

Puoi creare un nuovo modello per il documento dell'ordine.

Passaggi:

  1. Dal pannello di controllo Shopify clicca su Impostazioni > App e canali di vendita.

  2. Dalla pagina App e canali di vendita clicca su Order Printer.

  3. Clicca su Apri app.

  4. Clicca su Modelli.

  5. Clicca su Crea un modello.

  6. Nel campo Nome inserisci un nome per il modello, ad esempio etichetta o coupon.

  7. Nella sezione Modifica codice aggiungi il codice HTML, CSS o Liquid per creare il modello.

  8. Facoltativo: per visualizzare l'anteprima del modello, clicca su Anteprima.

  9. Clicca su Salva.

Modifica di un modello

È possibile modificare un modello esistente. Per maggiori informazioni sulle personalizzazioni dei modelli, consulta Esempi di personalizzazione dei modelli.

Passaggi:

  1. Dal pannello di controllo Shopify clicca su Impostazioni > App e canali di vendita.

  2. Dalla pagina App e canali di vendita clicca su Order Printer.

  3. Clicca su Apri app.

  4. Clicca su Modelli.

  5. Clicca sul modello che desideri modificare.

  6. Nella sezione Modifica codice aggiungi o modifica il codice HTML, CSS o Liquid.

  7. Facoltativo: per visualizzare l'anteprima del modello, clicca su Anteprima.

  8. Clicca su Salva.

Ripristino del modello predefinito

Puoi ripristinare i valori predefiniti dei modelli di documento di trasporto e fattura incorporati. Utilizza i blocchi di codice seguenti per ripristinare i template predefiniti.

Modello predefinito fattura

Versione dal 6 giugno 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>Qty</th> <th>Item</th> <th style="text-align: right;">Price</th> </tr> </thead> <tbody> {% for line_item in order.line_items %} <tr> <td>{{ 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 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 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 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 colspan="2" style="text-align: right;">Shipping</td> <td style="text-align: right;">{{ order.shipping_price | money }}</td> </tr> {% endif %} <tr> <td 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 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 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 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>Type</th> <th>Amount</th> <th>Kind</th> <th>Status</th> </tr> </thead> <tbody> {% for transaction in transactions %} <tr> <td>{{ 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>

Modello predefinito per il documento di trasporto

Versione dal 6 giugno 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 style="width: 15%; text-align: left;">Qty</th> <th style="width: 85%; text-align: left;">Item</th> </tr> </thead> <tbody> {% for line_item in order.line_items %} <tr> <td style="text-align: left;">{{ line_item.quantity }}</td> <td style="text-align: left;">{{ line_item.title }}</td> </tr> {% endfor %} </tbody> </table> </div>

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis