Personalizzazione dei modelli di Order Printer
Nel pannello di controllo Shopify, puoi creare e personalizzare fino a 15 modelli per l'app Order Printer. Per impostazione predefinita, l'app Order Printer include due modelli:
- 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.
Su questa pagina
Crea un nuovo modello Order Printer
Per creare un nuovo modello 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.
Passaggi:
Dal pannello di controllo Shopify clicca su Impostazioni > App e canali di vendita.
Clicca su Order Printer per aprire l'app.
Clicca su Manage templates (Gestisci modelli).
Clicca su Add template (Aggiungi modello).
Nel campo Nome, inserisci un nome per il nuovo modello.
Nel campo Codice aggiungi codice HTML, CSS o Liquid per creare il modello.
Quando hai finito, clicca Salva.
Modifica un modello Order Printer
Per modificare i modelli 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.
Passaggi:
Dal pannello di controllo Shopify clicca su Impostazioni > App e canali di vendita.
Clicca su Order Printer per aprire l'app.
Clicca su Manage templates (Gestisci modelli).
Clicca sul nome del modello da modificare.
Apporta le modifiche al modello aggiungendo o modificando il codice HTML, CSS o Liquid nel campo Codice. Per visualizzare in anteprima degli esempi di personalizzazione dei modelli, consulta gli Esempi di personalizzazione dei modelli.
Quando hai finito, clicca Salva.
Esempi di personalizzazione del modello
I seguenti esempi spiegano alcuni modi comuni per personalizzare i modelli Order Printer:
- Aggiungi il tuo logo ai modelli Order Printer
- Creazione di tabelle con larghezza al 100%
- Visualizzazione delle miniature dei prodotti
- Aggiunta dei dettagli degli ordini
Esempio: aggiunta del tuo logo ai modelli Order Printer
- Dal pannello di controllo Shopify vai su Contenuti > File.
- Clicca su Carica file e seleziona il file immagine sul computer.
- Nella pagina File, trova il file caricato e clicca su Copia URL.
- Dal pannello di controllo Shopify clicca su Impostazioni > App e canali di vendita.
- Clicca su Order Printer per aprire l'app.
- Clicca su Manage templates (Gestisci modelli).
- Clicca sul nome del modello da modificare.
- Inserisci il seguente snippet di codice nel punto del modello in cui vuoi posizionare il logo:
<img src="your-image-URL">
. - Sostituisci
your-image-URL
con l'URL dell'immagine che hai copiato. A seconda del punto in cui vuoi che venga visualizzato il logo potrebbe essere necessario inserire un tag<br/>
per aggiungere un'interruzione di riga prima o dopo l'immagine.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio tocca File.
- Clicca su Carica file e seleziona il file immagine sul computer.
- Nella pagina File, trova il file caricato e clicca su Copia URL.
- Dal pannello di controllo Shopify clicca su Impostazioni > App e canali di vendita.
- Clicca su Order Printer per aprire l'app.
- Clicca su Manage templates (Gestisci modelli).
- Clicca sul nome del modello da modificare.
- Inserisci il seguente snippet di codice nel punto del modello in cui vuoi posizionare il logo:
<img src="your-image-URL">
. - 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.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio tocca File.
- Clicca su Carica file e seleziona il file immagine sul computer.
- Nella pagina File, trova il file caricato e clicca su Copia URL.
- Dal pannello di controllo Shopify clicca su Impostazioni > App e canali di vendita.
- Clicca su Order Printer per aprire l'app.
- Clicca su Manage templates (Gestisci modelli).
- Clicca sul nome del modello da modificare.
- Inserisci il seguente snippet di codice nel punto del modello in cui vuoi posizionare il logo:
<img src="your-image-URL">
. - 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: creazione di tabelle con larghezza 100%
Per ottenere tabelle con bordi e larghezza pari al 100%, aggiungi una classe table-tabular
alla tua tabella:
Esempio: visualizzazione delle miniature dei prodotti
Per includere le anteprime dei prodotti, inserisci nel modello questo codice:
Aggiunta dei dettagli degli ordini
Puoi aggiungere ai modelli dettagli dell'ordine quali il nome, la quantità e il costo degli articoli acquistati. Per aggiungere dettagli dell'ordine al modello:
Dal pannello di controllo Shopify clicca su Impostazioni > App e canali di vendita.
Clicca su Order Printer per aprire l'app.
Clicca su Manage templates (Gestisci modelli).
Clicca sul nome del modello da modificare.
Utilizza le variabili Liquid per aggiungere dettagli dell'ordine e HTML per aggiungere la formattazione. Ad esempio,
{{ line_item.price | money }}
stampa il prezzo dell'articolo.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 modello Packing slip
nell'app Order Printer:
Di conseguenza, i documenti di trasporto di Nyla ora includono una tabella che elenca gli articoli acquistati.