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):

    Pulsante Manage templates (Gestisci template)

  4. Clicca su Add template (Aggiungi template):

    Clicca su

  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):

    Pulsante Manage templates (Gestisci template)

  4. Clicca sul nome del template da modificare:

    Seleziona il 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:

    Copia dell'URL dell'immagine

  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):

    Pulsante Manage templates (Gestisci template)

  6. Clicca sul nome del template da modificare:

    Seleziona il 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):

    Pulsante Manage templates (Gestisci template)

  4. Clicca sul nome del template da modificare:

    Seleziona il 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