Personalizzazione del design

7 articoli Manfred Da Manfred

Tipografia

Clicca su Font nella barra degli strumenti per cambiare font e dimensioni per diversi elementi di testo: - Intestazione Shopify — l'intestazione principale dell'email (ad esempio "Ordine confermato") - Intestazioni — intestazioni di sezione - Sottotitoli — etichette e intestazioni secondarie più piccole - Testo del corpo — testo principale del contenuto - Footer — testo del footer A seconda del livello di testo, è possibile modificare la famiglia di font, la dimensione, il peso, lo stile corsivo, lo stile maiuscolo o l'altezza delle righe. I font disponibili sono selezionati per una compatibilità ampia email-client, ma un client di posta può comunque ricorrere a un font di sistema sicuro se non supporta il font scelto. Impostazione globale: La tipografia si applica a tutti i 52 modelli di email. Le modifiche vengono attivate istantaneamente.

Personalizzazione dei pulsanti

Seleziona Pulsanti nella barra degli strumenti per personalizzare tutti i pulsanti delle tue email contemporaneamente. Le scelte di icone in ogni riga sono ordinate da sinistra a destra: - Stile pulsante — Riempimento solido, solo bordo o link testo - Dimensione pulsante — Piccolo, medio o grande - Larghezza pulsante — Automatico o largo - Stile angoli — Angolo quadrato, arrotondato o a forma di pillola - Raggio angoli — Regolare finemente gli angoli arrotondati quando si seleziona lo stile dell'angolo centrale - Font pulsanti — Scegli un font, una dimensione, un peso e uno stile maiuscolo opzionale - Colori — Imposta i colori del testo, dello sfondo e dei bordi per gli stili disponibili Le impostazioni sotto Pulsanti sono globali. Controllano il design visivo delle sezioni dei pulsanti supportate su tutti i 52 template, inclusi Pulsante stato ordine, Pulsante tracciamento, Pulsante paga ora e Pulsante. Una sezione può comunque definire un'etichetta, URL, allineamento o visibilità diversa per un singolo pulsante. Devo configurare ogni pulsante singolarmente? No. Usa il pannello globale Pulsanti una volta per un design visivo coerente. Modifica un pulsante specifico solo quando la sua etichetta, URL, allineamento o visibilità dovrebbero differire. Impostazione globale: Il design selezionato sotto Pulsanti si applica a tutti e 52 i modelli di email. Le modifiche vengono attivate istantaneamente.

Logo

Clicca su Logo nella barra degli strumenti o clicca sull'area del logo nella tela. Immagine del logo Carica il tuo logo o scegline uno dai tuoi file Shopify. Puoi anche rimuovere il logo e collegarlo all'URL del tuo negozio. Dimensioni e allineamento - Dimensione del logo — regola la larghezza con un cursore percentuale - Desktop Allineato — Sinistra, Centrale o Destra - Alignment Mobile — allineamento separato per mobile Disposizione dell'intestazione - Contenuto — logo all'interno della larghezza del corpo dell'email - Full — il logo copre tutta la larghezza dell'email Spaziatura e colori - Densità Verticale — controlla la distanza sopra e sotto il logo - Colore di sfondo — lo sfondo dietro il logo - Accent Bar — striscia colorata opzionale sopra il logo (attivazione/disattivazione, altezza e colore regolabili) Impostazione globale: Il logo si applica a tutti i 52 modelli di email. Le modifiche vengono pubblicate istantaneamente.

Contesti e stili

Clicca su Colori nella barra degli strumenti per aprire il pannello colore globale. Contesti - Sfondo esterno — l'area intorno alla tua email - Background interno — il corpo principale dell'email - Sfondo del piè di pagina — l'area del piè di pagina - Sfondo del logo — l'area dietro il logo dell'intestazione - Sfondo del contenitore — lo sfondo dei contenitori di sezione Testo e link Sono disponibili controlli colore separati per il titolo principale, i titoli delle sezioni, i sottotitoli, il corpo del testo, i link, il testo a piè di pagina e i link a piè di pagina. Mantenere sempre un contrasto sufficiente tra testo e sfondo. Confine e Divisore - Colore — colore condiviso per i bordi e i divisori - Stile Divisore — nessuno, massiccio, tratteggiato o punteggiato - Spessore del divisore Contenitore di sezione - Contenitore Fondo — colore di sfondo per le sezioni di contenuto - Raggio angolo — angoli arrotondati o netti Impostazione globale: I colori si applicano a tutti i 52 template supportati. Smart Emails dichiara uno schema di colori solo chiaro per preservare la palette selezionata dal commerciante e prevenire che una conversione parziale in modalità scura crei combinazioni di testo/sfondo illeggibili.

Guida completa alle sezioni email

Le sezioni sono i mattoni di base di un modello Smart Emails. L'editor offre solo sezioni compatibili con la notifica Shopify selezionata, e alcune sezioni specifiche per notifiche non possono essere aggiunte manualmente. Struttura e testo - Intestazione Shopify — l'intestazione principale delle notifiche - Testo introduttivo, Testo introduttivo staff e Testo introduttivo spedizione — contenuti di apertura specifici per il contesto - Testo, Messaggio personalizzato e Testo di chiusura — aree di testo modificabili - Colonne di testo — più blocchi di testo in colonne - Spaziatore e Divisore — spaziatura e separazione visiva - FAQ — un elenco di domande e risposte personalizzate Ordini, prodotti e totali - Prodotto e Prodotti — informazioni di base sui prodotti - Prodotti con prezzi — voci di linea, sconti, tasse, spedizione e totali - Prodotti con rimborso e Prodotti con cambio — dettagli di rimborso e cambio - Numero ordine, Note ordine, Info pagamento, Termini di pagamento, Promemoria pagamento e Totale dovuto - Dettagli indirizzo, Dettagli spedizione e Punto di ritiro Queste sezioni mostrano i dati Shopify solo quando la notifica li fornisce. I dati di esempio possono essere abilitati nei pannelli supportati per scopi di anteprima. Pulsanti e azioni - Pulsante stato ordine, Pulsante tracciamento e Pulsante paga ora - Pulsante — un call to-action personalizzato con etichetta e URL - Pulsante Apple Wallet - Link negozio — link di navigazione verso le pagine del negozio Immagini e layout - Immagine - Immagine con testo - Immagine due colonne - Immagine con sovrapposizione - Download app mobile Sezioni marketing - Banner messaggio - Sconti - Prodotto in evidenza - Prodotti consigliati - Carta regalo - Riordina Le sezioni di marketing possono essere assegnate a modelli selezionati e gestite tramite impostazioni live dopo l'installazione del modello principale. Gift card, resi e notifiche di account - Codice carta regalo, Dettagli carta regalo e Messaggio al destinatario - Istruzioni etichetta reso e Motivi rifiuto reso - Dettagli credito negozio - Cambio indirizzo email e Modifiche attribuzione vendite - Sondaggio Sezioni globali Il logo dell'intestare, il Banner del Messaggio, i Link del Negozio e il Piè di pagina utilizzano impostazioni condivise. Il loro design visivo è gestito dall'editor primario, mentre il testo supportato è memorizzato separatamente per ogni lingua. Importante: Aggiungere, eliminare o riordinare una sezione è un cambiamento strutturale e richiede una nuova esportazione nella lingua primaria.

Collegamenti al negozio

I link per negozi forniscono un'area di navigazione compatta nelle tue email di notifica. Usali per destinazioni come la tua home page, nuovi prodotti, collezione in saldo, pagina di contatto o informazioni sui resi. Link per il negozio aperto Clicca Link negozio nella barra degli strumenti dell'editor o seleziona l'area Shop Links nella tela. Configura i contenuti Puoi: - Abilita o disabilita i Shop Links - modifica l'intestazione opzionale - configura le etichette dei link e gli URL disponibili - Controlla lo stile del link tramite le impostazioni globali di colore e tipografia Usa URL https:// completi e testa ogni link in una vera email di test. Linguaggi e sincronizzazione La disposizione e il design dei link provengono dall'editor primario. Le etichette dei link possono essere tradotte per lingua. Gli URL vengono copiati come valori funzionali e non sono tradotti. Se lingue diverse necessitano di URL di destinazione differenti, apri l'editor di seconda lingua pertinente e verifica le impostazioni specifiche della lingua prima di pubblicare. I Link Shop sono memorizzati in Metafield Shopify specifici per la zona e si applicano su tutti i 52 template supportati che contengono il blocco Shop Links.

Slot di salvataggio per il design

Smart Emails offre quattro slot di design per i clienti. Sono utili per mantenere variazioni stagionali, stili di campagna o una copia sicura prima di applicare un altro preset. Che negozi di slot Un design snapshot include le impostazioni visive globali, come colori, tipografia, pulsanti, piè di pagina, Link del negozio, Message Banner, impostazioni di marketing, spaziatura e altri valori di design preimpostati. Salva un design 1. Apri il preset e il controllo di salvataggio nel mont. 2. Seleziona uno slot vuoto. 3. Inserisci un nome descrittivo. 4. Salva il design attuale. Gestire i progetti salvati Per uno slot occupato puoi: - carica il progetto memorizzato - Sovrascrivila con il progetto attuale - rinomina - Eliminalo dopo la conferma Caricare uno slot sostituisce le impostazioni globali attuali. Salva prima lo stato attuale in un altro slot se vuoi tornarci. Importante: Uno slot design non è un'installazione Shopify separata. Se lo carica cambia la struttura del template o il preset base, genera e installa una nuova esportazione primaria.