Personalizzazione dei template di Order Printer

Nel pannello di controllo Shopify, puoi creare e personalizzare fino a 15 template per l'app Order Printer. Per impostazione predefinita, l'app Order Printer include due template:

  • Fattura - Fattura di base che puoi inviare al cliente.
  • Documento di trasporto - Stampa dell'indirizzo del negozio e dell'indirizzo di spedizione del cliente.

Per crescere: fatture e documenti di trasporto sono solo un inizio. Aggiungere agli ordini inserti promozionali come campioni di prodotti e coupon, rappresenta un modo ottimale per stabilire un contatto con i clienti.

Crea un nuovo template Order Printer

Per creare un nuovo template Order Printer, è necessario avere dimestichezza con HTML, CSS e Liquid. Il servizio di assistenza per i temi di Shopify può aiutarti a effettuare modifiche limitate nell'ambito della Design Policy di Shopify.

Procedura:

  1. Dal tuo pannello di controllo Shopify, passa ad App.

  2. Clicca su Order Printer per aprire l'app.

  3. Clicca su Manage templates (Gestisci template).

  4. Clicca su Add template (Aggiungi template).

  5. Nel campo Nome, inserisci un nome per il nuovo template.

  6. Nel campo Codice aggiungi codice HTML, CSS o Liquid per creare il template.

  7. Quando hai finito, clicca Salva.

Modifica un template Order Printer

Per modificare i template Order Printer, è necessario avere dimestichezza con HTML, CSS e Liquid. Il servizio di assistenza per i temi di Shopify può aiutarti a effettuare modifiche limitate nell'ambito della Design Policy di Shopify.

Procedura:

  1. Dal tuo pannello di controllo Shopify, passa ad App.

  2. Clicca su Order Printer per aprire l'app.

  3. Clicca su Manage templates (Gestisci template).

  4. Clicca sul nome del template da modificare.

  5. Apporta le modifiche al template aggiungendo o modificando il codice HTML, CSS o Liquid nel campo Codice. Esempi di personalizzazione dei template sono disponibili in Esempi di personalizzazione dei template.

  6. Quando hai finito, clicca Salva.

Esempi di personalizzazione dei template

I seguenti esempi mostrano alcuni modi comuni per personalizzare i template Order Printer:

  • Aggiungi il tuo logo ai template Order Printer
  • Crea tabelle con larghezza al 100%
  • Mostra anteprime dei prodotti
  • Aggiungie dettagli dell'ordine

Esempio: aggiungere il tuo logo ai template Order Printer

Puoi aggiungere il tuo logo alle fatture degli ordini, ai documenti di trasporto e ai template personalizzati:

  1. Clicca su Carica file e seleziona il file immagine sul computer.

  2. Nella pagina File, clicca sull'URL dell'immagine per evidenziarlo e copia il testo.

  3. Dal tuo pannello di controllo Shopify, passa ad App.

  4. Clicca su Order Printer per aprire l'app.

  5. Clicca su Manage templates (Gestisci template).

  6. Clicca sul nome del template da modificare

  7. Inserisci il seguente snippet di codice nel punto del template in cui vuoi posizionare il logo: <img src="your-image-URL">.

  8. Sostituisci your-image-URL con l'URL dell'immagine che hai copiato. A seconda del punto in cui vuoi posizionare il logo potrebbe essere necessario inserire un tag <br/> per aggiungere un'interruzione di riga prima o dopo l'immagine.

Nel campo HTML, dovresti visualizzarlo in questo modo:

Esempio di codice HTML

E sulla tua fattura così:

Esempio di modello di email personalizzato

Esempio: creare tabelle con larghezza al 100%

Per ottenere tabelle con bordi e larghezza pari al 100%, aggiungi una classe table-tabular alla tua tabella:

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

Esempio: mostrare anteprime dei prodotti

Per includere le anteprime dei prodotti, inserisci nel template questo codice:

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

Aggiungie dettagli dell'ordine

Puoi aggiungere ai template dettagli dell'ordine quali il nome, la quantità e il costo degli articoli acquistati. Per aggiungere dettagli dell'ordine al template:

  1. Dal tuo pannello di controllo Shopify, passa ad App.

  2. Clicca su Order Printer per aprire l'app.

  3. Clicca su Manage templates (Gestisci template).

  4. Clicca sul nome del template da modificare.

  5. Utilizza le variabili Liquid per aggiungere dettagli dell'ordine e HTML per aggiungere la formattazione. Ad esempio, `` stampa il prezzo dell'articolo.

  6. Quando hai finito, clicca Salva.

Ad esempio, Monica vuole modificare il suo modello di documento di trasporto per includere un elenco degli articoli in consegna e aggiunge il seguente codice in fondo al template Packing slip nell'app 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>

Di conseguenza, i documenti di trasporto di Nyla ora includono una tabella che elenca gli articoli acquistati:

Esempio di documento di trasporto

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis