Personalizzazione del design

7 articoli Manfred Di Manfred

Tipografia

Fai clic su Caratteri nella barra degli strumenti per modificare i caratteri e le dimensioni dei diversi elementi di testo: - Intestazione Shopify — l'intestazione principale dell'email (ad esempio, "Ordine confermato") - Intestazioni — intestazioni di sezione - Sottotitoli — etichette e titoli secondari più piccoli - Testo del corpo — testo principale del contenuto - Piè di pagina — testo del piè di pagina A seconda del livello di testo, è possibile regolare il tipo di carattere, la dimensione, lo spessore, il corsivo, il maiuscolo o l'interlinea. I caratteri disponibili sono selezionati per garantire un'ampia compatibilità con i client di posta elettronica, ma un client di posta elettronica può comunque utilizzare un carattere di sistema sicuro qualora non supporti il ​​carattere scelto. | Impostazione globale: la tipografia si applica a tutti i 52 modelli di email. Le modifiche vengono applicate immediatamente.

pulsanti

Fai clic su Pulsanti nella barra degli strumenti per personalizzare tutti i pulsanti delle tue email contemporaneamente: - Stile — Riempito, Contorno o Collegamento - Taglia — Piccola, Media o Grande - Larghezza — Automatica, Ampia o Larghezza intera - Raggio d'angolo — Acuto, arrotondato o a forma di pillola - Colori — Colore del testo, colore di sfondo e colore del bordo - Tipografia — Scegli un carattere, una dimensione, uno spessore e, facoltativamente, uno stile per le maiuscole dei pulsanti Le impostazioni dei pulsanti sono globali. Si applicano ai pulsanti supportati relativi allo stato dell'ordine, al tracciamento, al pagamento e ai pulsanti personalizzati in tutti i 52 modelli. Una sezione può comunque definire la propria etichetta, URL, allineamento o visibilità del pulsante. | Impostazione globale: gli stili dei pulsanti si applicano a tutti i 52 modelli di email. Le modifiche vengono applicate immediatamente.

Logo

Fai clic su Logo nella barra degli strumenti oppure fai clic sull'area del logo nell'area di lavoro. Immagine del logo Carica il tuo logo o selezionane uno dai tuoi file Shopify. Puoi anche rimuovere il logo e collegarlo all'URL del tuo negozio. Dimensioni e allineamento - Dimensioni del logo : regola la larghezza con un cursore percentuale. - Allineamento del desktop : sinistra, centro o destra - Allineamento Mobile — allineamento separato per dispositivi mobili Layout dell'intestazione - Contenuto : logo all'interno della larghezza del corpo dell'email - Logo a schermo intero : il logo occupa l'intera larghezza dell'email. Spaziatura e colori - Densità verticale : controlla la spaziatura sopra e sotto il logo - Colore di sfondo : lo sfondo dietro il logo - Barra decorativa : striscia colorata opzionale sopra il logo (attivabile/disattivabile, altezza e colore regolabili) Impostazione globale: il logo viene applicato a tutti i 52 modelli di email. Le modifiche vengono applicate immediatamente.

Sfondi e stili

Fai clic su Colori nella barra degli strumenti per aprire il pannello globale dei colori. Sfondi - Sfondo esterno — l'area intorno alla tua email - Contesto interno — il corpo principale dell'e-mail - 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 della sezione Testo e link Sono disponibili controlli colore separati per il titolo principale, i titoli di sezione, i sottotitoli, il corpo del testo, i link, il testo del piè di pagina e i link del piè di pagina. Mantenere sempre un contrasto sufficiente tra il testo e lo sfondo. Bordo e divisore - Colore — colore condiviso per bordi e divisori - Stile del divisore — nessuno, continuo, tratteggiato o punteggiato - Spessore del divisore Contenitore di sezione - Sfondo del contenitore — colore di sfondo per le sezioni di contenuto - Raggio d'angolo — angoli arrotondati o appuntiti | Impostazione globale: I colori si applicano a tutti i 52 modelli supportati. Smart Emails dichiara una combinazione di colori solo chiara per preservare la palette selezionata dal commerciante ed evitare che una conversione parziale in modalità scura crei combinazioni di testo/sfondo illeggibili.

Guida completa alle sezioni delle email

Le sezioni sono gli elementi costitutivi di un modello di Smart Email. L'editor offre solo sezioni compatibili con la notifica Shopify selezionata e alcune sezioni specifiche per determinate notifiche non possono essere aggiunte manualmente. Struttura e testo - Intestazione Shopify — l'intestazione principale della notifica - Testo introduttivo, Testo introduttivo del personale e Testo introduttivo sull'evasione dell'ordine: contenuti di apertura specifici del contesto - Testo, Messaggio personalizzato e Testo di chiusura: aree di testo modificabili - Colonne di testo — più blocchi di testo in colonne - Distanziatore e Separatore: spaziatura e separazione visiva - FAQ — un elenco di domande e risposte personalizzate Ordini, prodotti e totali - Prodotto e Prodotti — informazioni di base sul prodotto - Prodotti con prezzi — voci, sconti, tasse, spese di spedizione e totali - Prodotti con rimborso e Prodotti con cambio — dettagli su rimborsi e cambi - Numero d'ordine, Note sull'ordine, Informazioni di pagamento, Termini di pagamento, Promemoria di pagamento e Importo totale dovuto - Dettagli dell'indirizzo, Dettagli di spedizione e Luogo di ritiro Queste sezioni mostrano i dati di Shopify solo quando la notifica li prevede. I dati di esempio possono essere abilitati nei pannelli supportati a scopo di anteprima. Pulsanti e azioni - Pulsante Stato dell'ordine, Pulsante Tracciamento e Pulsante Paga ora - Pulsante — una call-to-action personalizzata con etichetta e URL - Pulsante Apple Wallet - Link ai negozi — link di navigazione alle pagine dei negozi Immagini e layout - Immagine - Immagine con testo - Immagine a due colonne - Sovrapposizione di immagini - Scarica l'app per dispositivi mobili Sezioni marketing - Banner di messaggio - Sconti - Prodotto in evidenza - Prodotti consigliati - Carta regalo - Riordina Le sezioni di marketing possono essere assegnate a modelli selezionati e gestite tramite impostazioni in tempo reale dopo l'installazione del modello principale. Carte regalo, resi e notifiche relative all'account - Codice della carta regalo, Dettagli della carta regalo e Messaggio al destinatario - Istruzioni per l'etichetta di reso e Motivi del rifiuto del reso - Dettagli del credito del negozio - Modifica dell'indirizzo email e Modifiche all'attribuzione delle vendite - Sondaggio Sezioni globali Il logo dell'intestazione, il banner dei messaggi, i link del negozio e il piè di pagina utilizzano impostazioni condivise. Il loro design visivo è gestito dall'editor principale, mentre il testo supportato è memorizzato separatamente per ogni lingua. || L'aggiunta, la cancellazione o il riordino di una sezione costituisce una modifica strutturale e richiede una nuova esportazione nella lingua principale.

Link al negozio

I link al negozio offrono un'area di navigazione compatta nelle tue email di notifica. Utilizzali per destinazioni come la tua home page, i nuovi prodotti, la collezione in saldo, la pagina dei contatti o le informazioni sui resi. Link al negozio aperto Fai clic su Collegamenti negozio nella barra degli strumenti dell'editor oppure seleziona l'area Collegamenti negozio nell'area di lavoro. configurare il contenuto Puoi: - abilita o disabilita i link del negozio - modifica l'intestazione facoltativa - Configura le etichette dei link e gli URL disponibili - Controlla lo stile del collegamento tramite le impostazioni globali di colore e tipografia. Utilizza URL completi del tipo https:// e testa ogni link in un'email di prova reale. Lingue e sincronizzazione Il layout e il design dei link provengono dall'editor principale. Le etichette dei link possono essere tradotte in base alla lingua. Gli URL vengono copiati come valori funzionali e non vengono tradotti da Google Cloud Translation. Se lingue diverse richiedono URL di destinazione diversi, apri l'editor della lingua secondaria corrispondente e verifica le impostazioni specifiche per quella lingua prima di pubblicare. | I link ai negozi vengono memorizzati nei metadati Shopify specifici per la lingua e si applicano a tutti i 52 modelli supportati che contengono il blocco Link ai negozi.

Progetta slot di salvataggio

Smart Emails offre quattro slot di personalizzazione. Sono utili per memorizzare varianti stagionali, stili di campagna o una copia di sicurezza prima di applicare un altro preset. Che slot machine! Un'istantanea di progettazione include le impostazioni visive globali, come colori, tipografia, pulsanti, piè di pagina, link del negozio, banner dei messaggi, impostazioni di marketing, spaziatura e altri valori di progettazione controllati da impostazioni predefinite. Salva un progetto 1. Apri il controllo del preset e del progetto salvato nell'editor. 2. Seleziona uno slot vuoto. 3. Inserisci un nome descrittivo. 4. Salva il progetto corrente. Gestisci i progetti salvati Per uno slot occupato puoi: - caricare il progetto memorizzato - sovrascrivilo con il progetto attuale - rinominalo - eliminalo dopo la conferma Il caricamento di uno slot sostituisce le impostazioni di progettazione globali correnti. Salva prima lo stato corrente in un altro slot se intendi ripristinarlo in seguito. || Uno slot di design non costituisce un'installazione separata di Shopify. Se il caricamento modifica la struttura del template o il preset di base, è necessario generare e installare una nuova esportazione primaria.