IT
Inizia gratis

Modelli di email Magento: conquista i clienti, accendi le vendite

Hai bisogno di nuovi modelli di email HTML per Magento? Scegli uno dei nostri modelli progettati da professionisti, modificalo nell'editor di email no-code e copia il codice HTML in Magento! I nostri modelli sono pienamente compatibili con Magento e appaiono splendidi su ogni dispositivo.

5 motivi per creare modelli di email Magento in Blocks

Potremmo darti moltissimi motivi per provare Blocks come strumento perfetto per creare bellissimi modelli di email per Magento in pochissimo tempo. In questo articolo abbiamo deciso di condividere 5 funzionalità che ti aiuteranno a prendere la decisione giusta. 

1. Splendidi modelli di email Magento per qualsiasi settore 

Non importa in quale settore lavori: e-commerce, bellezza, finanza, immobiliare, ecc. In Blocks puoi creare modelli di email impeccabili per qualsiasi settore. Se non vuoi partire da zero, vai nella Galleria di modelli, cerca il tuo settore usando i filtri, scegli uno dei modelli di email Magento che ti piace, ed è fatta. Non ti resta che adattarne lo stile alle esigenze della tua campagna email, in modo rapido e semplice. 

2. Non servono competenze di programmazione

Blocks è un editor no-code. Come puoi immaginare, non devi sapere nulla di programmazione per creare bellissimi modelli di email Magento in pochi semplici passaggi. Puoi prendere un modello pronto all'uso oppure costruirne uno a partire da strutture ed elementi già pronti, modificarli secondo le tue esigenze, e Blocks scriverà il codice per te.

C'è un'opzione anche per chi ama programmare e vuole partecipare a questo processo: basta aprire la sezione Codice ed è libero di modificarlo come preferisce. 

3. Strutture ed elementi già pronti per velocizzare la produzione dei modelli di email Magento

Blocks è un editor drag-and-drop, il che significa che per costruire un'email ti basta scegliere le strutture e gli elementi adatti alla tua campagna, trascinarli nella parte desiderata del modello di email Magento e rilasciarli lì. Le strutture e gli elementi già pronti includono vari tipi di intestazioni, footer, pulsanti, griglie di prodotti, blocchi descrittivi e altro ancora. Questo velocizzerà la produzione delle email e ti permetterà di concentrarti su altri compiti importanti!

4. Blocks può conservare i tuoi progetti al posto tuo 

Blocks ha la funzione di conservare tutti i tuoi progetti sui nostri server sicuri: basta cercare informazioni sul tuo computer o chiedere ai colleghi di inviarti i materiali. Dividi i tuoi progetti in cartelle separate per una navigazione più semplice e tu (e i tuoi colleghi) avrete accesso 24 ore su 24 a tutto ciò che vi serve! 

5. Modelli di email Magento ottimizzati per mobile

Ogni modello di email Magento che crei in Blocks è responsive, quindi la tua email avrà un aspetto impeccabile su tutti i dispositivi. Blocks ha una funzione di anteprima che ti permette di vedere come il modello si trasforma dalla versione desktop a quella mobile:

Modello di email Magento in Blocks: versione mobile

Come aggiungere un modello di Blocks alle email transazionali di Magento 2

Blocks esporta un documento HTML completo con stili inline. In Magento 2 e Adobe Commerce puoi trasformarlo in un'email transazionale, come una conferma d'ordine, in due modi: nel pannello Admin oppure come file nel tuo tema.

Dove inserire il modello

Nel pannello Admin, vai su Marketing > Communications > Email Templates e fai clic su Add New Template. Carica il modello predefinito che stai sostituendo, ad esempio New Order, per vedere quali variabili usa, poi incolla l'HTML esportato in Template Content. Tieni il CSS in un tag <style> all'interno del contenuto: Magento applica il campo Template Styles solo insieme alla sua intestazione predefinita. Assegna il risultato in Stores > Settings > Configuration > Sales > Sales Emails e ricorda che gli ordini degli ospiti hanno un campo a parte. Consulta la guida di Adobe ai modelli di email personalizzati.

Per tenere il modello nel codice, salvalo nel tuo tema come app/design/frontend/<Vendor>/<theme>/Magento_Sales/email/order_new.html. Un file del tema può contenere il documento completo oppure solo il corpo dell'email di Blocks, tra le direttive predefinite di intestazione e piè di pagina. I modelli assegnati nel pannello Admin hanno la precedenza sui file del tema, come spiega la guida al frontend di Adobe Commerce.

<!--@subject {{trans "Your %store_name order confirmation" store_name=$store.frontend_name}} @-->
{{template config_path="design/email/header_template"}}

<!-- body of the Blocks email -->

{{template config_path="design/email/footer_template"}}

Quali variabili usare

Magento compila l'email con direttive tra doppie parentesi graffe. {{var order.increment_id}} stampa il numero d'ordine, {{trans}} restituisce una stringa traducibile con variabili e {{layout}} inserisce la tabella degli articoli ordinati. Dalla versione 2.4.4 ogni modello viene elaborato in modalità rigorosa, quindi metodi come getCustomerName() non si possono più chiamare e al loro posto si usano chiavi di dati come $order_data.customer_name. I dettagli sono nella guida alla migrazione verso la modalità rigorosa.

<p>{{trans "%customer_name," customer_name=$order_data.customer_name}}</p>
<p>Order #{{var order.increment_id}}</p>
{{layout handle="sales_email_order_items" order_id=$order_id area="frontend"}}
<p>{{trans "Thank you for your order from %store_name." store_name=$store.frontend_name}}</p>

Usi ancora Magento 1? Le sue email transazionali si gestiscono in System > Transactional Emails e sono salvate in app/locale/en_US/template/email/, e i suoi modelli potevano chiamare direttamente i metodi, come in {{var order.getCustomerName()}}. Il supporto di Magento 1 è terminato il 30 giugno 2020, quindi quando passi a Magento 2 questi modelli richiedono la sintassi rigorosa descritta sopra.

Come testare l'email

Fai clic su Preview Template per controllare il layout prima di assegnare il modello, poi effettua un ordine di prova su una copia di test del negozio e apri la conferma nei client di posta usati dai tuoi clienti. Se nelle impostazioni Sales Emails è attivo Asynchronous Sending, l'email parte alla successiva esecuzione di cron anziché al completamento dell'ordine. Per i modelli salvati nel pannello Admin, bin/magento dev:email:override-compatibility-check elenca le variabili che la modalità rigorosa non riuscirà a risolvere.

Considerazioni finali

Blocks porterà la produzione delle tue email a un livello superiore. In questo modo puoi risparmiare risorse e dedicarle ad altri compiti importanti che aspettavano il loro turno. Prova Blocks, e se hai domande il nostro team è sempre felice di aiutarti!

Parti da questo modello, non da una pagina bianca

Aprilo nell’editor, cambia testi e colori, poi esportalo ovunque tu invii. Disponibile nei piani a pagamento e durante la prova gratuita di 14 giorni.

Sfoglia tutti i modelli