Smart Elements_Cover Image
timer ~ 8 minuti letti
21470 visualizzazioni
valutalo
20 luglio 2021

Automazione della Realizzazione di E-mail, o come utilizzare gli Elementi Intelligenti nell'E-mail Marketing

Stripo / Blog / Automazione della Realizzazione di E-mail, o come utilizzare gli Elementi Intelligenti nell'E-mail Marketing

Immagina solo di realizzare una scheda prodotto con il design che ti piace davvero, in pochi click!

Tutto quello che devi fare è incollare un link al tuo sito web, e Stripo, in autonomia, estrae l'immagine del prodotto, la descrizione del prodotto e il nome nelle tue email promozionali.

Non c'è bisogno di salvare e caricare immagini, non c'è bisogno di copiare e incollare le descrizioni dei prodotti, aggiungere gli URL necessari ai pulsanti - ci pensiamo noi.

Sembra un sogno che si avvera?

Bene, ora ti mostreremo come iniziare a usare questa magia nelle email.

Automatizzare la produzione di email con Stripo
Iscriviti

Cosa sono gli Elementi Intelligenti, o come funzionano?

Gli elementi intelligenti sono una funzionalità progettata da Stripo. Permettono di automatizzare la realizzazione delle e-mail. Questo è un vero risparmio di tempo per coloro che devono realizzare più schede prodotto e email digest. Li configuri una volta sola e li usi in numerose campagne promozionali.

In uno dei post precedenti, abbiamo già mostrato come lavorare con i nostri  Elementi Intelligenti.

Dovevi impostare regole interne ed esterne in modo che il sistema recuperava ed estraeva le informazioni di correzione nei rispettivi elementi delle tue e-mail.

Ma questa volta è molto più facile iniziare a usare gli Elementi Intelligenti.

Se il tuo sito contiene tag OG, basta incollare il link al prodotto e specificare dove esattamente nell'email devono andare certe informazioni di quel prodotto. Ci vorranno meno di 5 minuti - solo una volta. La volta successiva, quando userai di nuovo gli Elementi Smart, dovrai solo incollare il link al prodotto e la configurazione non verrà più richiesta.

I nostri Elementi Intelligenti aggiornati sono pienamente compatibili con i seguenti siti web:

  1. Ebay.com.

  2. Aliexpress.com.

  3. Walmart.com.

  4. Etsy.com.

  5. Medium.com.

  6. Pocket.com.

  7. Vk.com.

  8. Reddit.com.

  9. Linkedin.com.

Come controllare se il tuo sito contiene elementi intelligenti

Se il tuo sito web non si trova nella lista data sopra, devi controllare se supporta i tag OG - Open Graph :

  • clicca con il tasto destro del mouse sul tuo sito web;
  • clicca su Ctrl+F su Windows, o CMD+F su macOS;
  • inserisci "og:";
  • se lo trovi nel codice, allora il sito lo supporta.

Tag OG

Se il tuo sito non supporta i tag OG, fai riferimento al nostro post sul blog "Gli Elementi Intelligenti Riducono il Tempo Impiegato nella Creazione di e-mail simili" per il manuale su come lavorare con gli Elementi Intelligenti in questo caso.

Per coloro il cui sito web supporta i tag OG, abbiamo preparato un breve manuale su come configurare gli elementi intelligenti in meno di 10 minuti.

Cominciamo, va bene?

Progettazione di una scheda prodotto

La prima cosa che devi fare è costruire una scheda prodotto con tutti i campi di cui hai bisogno.

Tieni presente che se vuoi il nome e la descrizione di un prodotto, devi trascinare due volte il blocco di base "Testo" nella tua scheda prodotto.

Poi si progetta ogni elemento della scheda prodotto/blocco e-mail nel modo che si preferisce - si imposta la dimensione del carattere per ogni elemento individualmente, si lavora sul colore e la forma del pulsante, ecc.

Per farlo, è necessario aggiungere un'immagine "segnaposto" e un testo "lorem ipsum" in ogni rispettivo elemento.

È importante che tutti i blocchi si trovino in un unico contenitore!

Elementi intelligenti_Progettazione di una scheda prodotto

O in un'unica struttura, se vuoi che la tua scheda/post sul blog occupi l’intera riga dell'email.

Strutture come schede prodotto Product

Configurare gli Elementi Intelligenti

Una volta che hai finito con il prototipo della scheda prodotto, puoi procedere alla configurazione degli elementi Intelligenti.

Passo 1. Attivare questa opzione

  • clicca sull'icona "Contenitore"/"Struttura" nel modello;
  • nel pannello delle impostazioni, entra nella scheda "Dati";
  • e clicca sul pulsante "Inizia".

Attivazione dell'opzione Elementi intelligenti

Passo 2. Configurazione degli Elementi Intelligenti

Nella scheda "Configurazione", devi:

  • aggiungere le variabili necessarie cliccando sull'icona "Più";

Configurazione degli elementi intelligenti_Aggiunta di variabili

  • il sistema aggiungerà automaticamente le variabili necessarie.

Ti informiamo che l'attuale integrazione con Amazon, eBay, Etsy, ecc. recupera i dati come segue: Nome del prodotto, descrizione e immagine. I prezzi li aggiungeremo manualmente. Tuttavia, puoi aggiungere il campo "Prezzo" nella scheda prodotto - Illustreremo più tardi come modificarlo.

Passo 3. Impostazione delle regole di corrispondenza

Buone notizie! Stripo è sulle regole esterne. Quindi, dovrai impostare manualmente solo quelle Interne.

URL di una pagina prodotto

Se fatto bene, il link alla pagina del tuo prodotto sarà aggiunto all'immagine del prodotto e al pulsante CTA nella tua scheda prodotto. Cliccando su di esso, gli utenti saranno indirizzati alla rispettiva pagina del tuo sito web.

Quindi, per impostare le regole interne per l'URL, è necessario:

  • aprire le impostazioni necessarie andando alla scheda "URL";
  • nel campo di input "selettore CSS", inserisci "a";
  • nel campo di input "Attributo", inserisci "href".

Lavorare sulle regole interne per i link

Nome del prodotto

Se fatto bene, il nome del prodotto sarà automaticamente estratto nell'email dal tuo sito web.

  • apri la scheda "p_name";
  • scorri verso il basso per inserire la variabile ".p_name" nel campo di input "Selettore CSS". È importante che metti il punto (.) all'inizio;
  • ora clicca sul nome del prodotto sono nel modello di e-mail per aprire il suo codice HTML;
  • incolla class="p_name" nel tag <p> di apertura.

Aggiunta di una classe per il nome del prodotto

Puoi dare a questa classe qualsiasi altro nome. Deve semplicemente essere unico e coincidere con la variabile che hai impostato nel campo di input Selettore CSS.

C'è un altro modo per collegare le e-mail con il tuo sito web per recuperare i nomi dei prodotti.

Se hai applicato una qualsiasi intestazione al tuo nome prodotto, come me che ho usato Heading 2, devi solo inserire "h2" (o h3, h4, h5) nel campo di input Selettore CSS. E NON aggiungere nulla al codice.

Lavorare sulle variabili per CSS Selector_Name

Descrizione del prodotto
Se fatto bene, la descrizione del prodotto necessaria sarà trascinata nell'email dal tuo sito web.
  • vai alla scheda "p_descrizione";
  • inserisci la variabile ".p_description" nel campo di input "Selettore CSS". È importante che metti il punto (.) all'inizio;
  • ora clicca sull'area della descrizione del prodotto nel modello di e-mail per aprire il suo codice HTML;
  • incolla class="p_description" nel tag <p> di apertura.

Aggiunta dei tag di descrizione nel codice e-mail

Proprio come nel paragrafo precedente, voglio informarti che puoi usare qualsiasi nome per la classe. Dipende da te. Assicurati soltanto che lo stesso nome venga usato nel campo di input del selettore CSS.

Lo stesso vale per il paragrafo seguente.

Immagine del prodotto

Se fatto bene, l'immagine del prodotto necessaria sarà trascinata nell'email dal tuo sito web.

  • vai alla scheda "p_image";
  • inserisci la variabile ".p_image" nel campo di input "Selettore CSS". È importante che metti il punto (.) all'inizio;
  • inserisci "src" nel campo Attributo;
  • ora clicca sull'immagine nel modello di email per aprire il suo codice HTML;
  • incolla class="p_image" nel tag di apertura <img> prima di src.

Aggiunta di attributi per le immagini

Passo 4. Incollare il tuo URL

Ora che hai configurato il tuo Elemento Intelligente, puoi incollare il link al prodotto nel campo di input "Link". Non importa se scegli la scheda "Configurazione" o "Aspetto" - il campo di inserimento è reciproco per le due schede.

Incolla l'URL del prodotto nel campo di input del collegamento

Guarda la magia in azione.

Passo 5. Modifica dei prezzi

Come abbiamo già detto, l'attuale integrazione con Amazon, Etsy, eBay, Walmart e AliExpress non permette di recuperare i prezzi tramite gli elementi intelligenti.

Ma se aggiungi questo campo alla tua scheda prodotto con gli Elementi Intelligenti, potrebbe essere un po' più facile per te modificare il prezzo.

Dopo aver incollato il link alla Pagina Prodotto, nella scheda Aspetto, modifica il prezzo nel campo in evidenza. Gli stili di design che hai impostato in precedenza saranno applicati immediatamente.

Modifica dei prezzi per gli elementi intelligenti

Salvare questa scheda prodotto per riutilizzarla nelle future campagne email

  • In primo luogo, è necessario duplicare la "scheda prodotto" se si desidera avere due o più schede per riga;
  • poi si deve evidenziare l'intera struttura e cliccare sul pulsante "Salva come modulo";
  • dare un nome a questo Modulo;

  • quando si inizia una nuova campagna, è sufficiente estrarre questo modulo dal tuo archivio personale di moduli nel modello;

Utilizzo di moduli con elementi intelligenti nelle campagne future

  • incollare i link ai nuovi prodotti.

Questo è tutto!

Conclusioni

L'opzione Elementi Intelligenti velocizza la realizzazione di email, specialmente per le aziende di eCommerce che inviano email promozionali abbastanza spesso.

Se hai bisogno di aiuto per configurare gli Elementi Intelligenti per le tue email, lascia un commento qui sotto o scrivici all’ indirizzo email contact@stripo.email.

Risparmia tempo prezioso con Stripo

Karina 1 anno fa

Цікава стаття

Hanna Kuznietsova ha commentato Karina 1 anno fa

Дякую ?

Potresti essere interessato a

indietro avanti
banner9
06 giugno 2022 · 15 minuti letti
I 10 migliori generatori di modelli di e-mail per il 2022

Tutti i generatori di modelli di e-mail vi sembrano uguali? Siete confusi su quale scegliere per le vostre campagne, vero? Non c'è da stupirsi, visto che ce ne sono così tanti. Faremo un'indagine sui generatori più popolari per trovare le loro caratteristiche distintive e aiutarvi a trovare il miglior creatore di e-mail HTML per le vostre esigenze attuali. Proverò a creare un modello in tutti questi editor con gli stessi file multimediali per vedere se tali realizzatori sono diversi l’uno...

Design Marketing Modelli
best-fonts-for-email-cover-image-stripo
24 maggio 2022 · 18 minuti letti
I migliori caratteri per e-mail: suggerimenti e trucchetti per l'utilizzo

Una delle preoccupazioni maggiori durante il processo di realizzazione di una email è la scelta del carattere giusto. Dimensione, colore, forma, spaziatura... Conta tutto? Sì, ma una delle cose fondamentali è quella di scegliere un carattere leggibile. In questo post, ti mostreremo come scegliere il carattere più professionale per le tue email. Progettate email eleganti con Stripo in pochissimo tempo grazie ai nostri modelli precostituiti Sfoglia   Caratteri nelle e-mail HTML: regole generali da seguire Ci sono tre regole di...

Design Marketing
Greatest Examples of GIF animations in Emails_Cover Image
27 ottobre 2021 · 10 minuti letti
16 Ottimi Esempi di Animazione GIF nelle Email

Le GIF nelle email sono di grande utilità se si vuole mostrare il proprio prodotto, attirare l'attenzione degli utenti su determinati elementi o semplicemente decorare leggermente il tuo testo. In questo articolo, ti mostriamo alcuni dei migliori esempi di animazione gif nelle email. Esempi di Animazioni GIF nelle email Ecco una raccolta dei migliori esempi con GIF nelle email. Ogni GIF svolge la sua missione. 1. Adidas (Fonte: email da Adidas) Adidas ha utilizzato le animazioni nelle email per mostrare...

Design Marketing
08 aprile 2021 · 17 minuti letti
14 migliori esempi di design di firme e-mail

Una buona firma email ci aiuta a costruire il nostro business e a fare una buona impressione sui clienti. Poiché questo è l'ultimo elemento che le persone vedono nelle e-mail, dovremmo rendere le nostre firme personali creative e memorabili. Esaminiamo i migliori esempi di firma e-mail e il loro uso appropriato nelle e-mail e nei modelli di newsletter per email. Va detto che tutte le tipologie di aziende richiedono firme email professionali con informazioni di contatto dettagliate. Usa questo modello...

Design Marketing Modelli
Rimani sempre informato sulle ultime notizie, alle guide, agli articoli e alle tecniche relativi all'email marketing