Modelli di Email Avanzati

Email dinamiche e personalizzate con il linguaggio Liquid

Modelli di Email Avanzati

La creazione avanzata di modelli email consente di avere modelli email altamente personalizzati. Può essere utilizzata sia nell'editor drag-and-drop che direttamente su HTML importato.

Documentazione del linguaggio dei modelli email Bird

Il linguaggio dei modelli email Bird è uno strumento potente basato sulla sintassi Liquid di Shopify, con estensioni personalizzate progettate specificamente per il marketing via email. Questo linguaggio ti consente di creare modelli email dinamici e personalizzati in modo efficiente, permettendoti di inviare contenuti mirati ai tuoi iscritti.

Le principali caratteristiche del linguaggio dei modelli email Bird includono:
Facile personalizzazione utilizzando variabili predefinite
Visualizzazione di contenuti condizionali basata su attributi o segmenti degli iscritti
Integrazione con il tuo catalogo prodotti e fonti di dati esterne
Supporto per l'internazionalizzazione attraverso le traduzioni
Opzioni di formattazione avanzate con filtri

Questa guida ti accompagnerà attraverso i componenti essenziali del linguaggio, fornendo esempi e best practice per aiutarti a creare modelli email efficaci. Per un riferimento completo sulla sintassi Liquid sottostante, ti preghiamo di fare riferimento alla documentazione Liquid di Shopify.

Variabili Predefinite

Le variabili predefinite ti consentono di personalizzare facilmente le tue email con informazioni sui destinatari e dettagli dell'organizzazione.

Variabili di Contatto

Usa queste per inserire informazioni specifiche per il destinatario nelle tue email:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

Puoi anche utilizzare eventuali attributi personalizzati che hai definito per i tuoi contatti.

Variabili dell'Organizzazione

Includi le informazioni della tua azienda in modo coerente in tutte le email:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

Variabile dell'Indirizzo Email

Fai riferimento all'indirizzo email del destinatario direttamente:

{{ emailAddress }}

Migliore Pratica: Assicurati sempre di avere un fallback per le variabili di personalizzazione nel caso non siano impostate per un particolare destinatario.

Filtri dei Tag

I filtri ti permettono di modificare l'output delle tue variabili, assicurando che il contenuto sia formattato correttamente per le tue email.

default: Imposta un valore di fallback se la variabile è vuota

{{ contact.attributes.firstName | default: 'Valued Customer' }}

capitalize, upcase, downcase: Cambia il maiuscolo/minuscolo del testo

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}

date: Formattta le date secondo schemi specificati

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}

currencyFormat: Formattta i numeri come valute

{{ product.price | currencyFormat: 'USD' }}

Migliore Pratica: Usa il filtro currencyFormat per tutte le visualizzazioni di prezzo per garantire coerenza e corretta formattazione tra le diverse regioni.

Tag Speciali

I tag speciali forniscono accesso rapido ai requisiti comuni del marketing via email, come i link per disiscriversi e le visualizzazioni web.

Link per Disiscriversi

Essenziali per la compliance con le normative email:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

Link per Visualizzazione Web

Forniscono un'opzione per visualizzare l'email in un browser web:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

Tag Data

Utili per visualizzare le date correnti nelle tue email:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

Migliore Pratica: Includi sempre un link per disiscriversi nelle tue email, tipicamente nel piè di pagina.

Le variabili predefinite ti consentono di personalizzare facilmente le tue email con informazioni sui destinatari e dettagli dell'organizzazione.

Variabili di Contatto

Usa queste per inserire informazioni specifiche per il destinatario nelle tue email:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

Puoi anche utilizzare eventuali attributi personalizzati che hai definito per i tuoi contatti.

Variabili dell'Organizzazione

Includi le informazioni della tua azienda in modo coerente in tutte le email:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

Variabile dell'Indirizzo Email

Fai riferimento all'indirizzo email del destinatario direttamente:

{{ emailAddress }}

Migliore Pratica: Assicurati sempre di avere un fallback per le variabili di personalizzazione nel caso non siano impostate per un particolare destinatario.

Filtri dei Tag

I filtri ti permettono di modificare l'output delle tue variabili, assicurando che il contenuto sia formattato correttamente per le tue email.

default: Imposta un valore di fallback se la variabile è vuota

{{ contact.attributes.firstName | default: 'Valued Customer' }}

capitalize, upcase, downcase: Cambia il maiuscolo/minuscolo del testo

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}

date: Formattta le date secondo schemi specificati

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}

currencyFormat: Formattta i numeri come valute

{{ product.price | currencyFormat: 'USD' }}

Migliore Pratica: Usa il filtro currencyFormat per tutte le visualizzazioni di prezzo per garantire coerenza e corretta formattazione tra le diverse regioni.

Tag Speciali

I tag speciali forniscono accesso rapido ai requisiti comuni del marketing via email, come i link per disiscriversi e le visualizzazioni web.

Link per Disiscriversi

Essenziali per la compliance con le normative email:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

Link per Visualizzazione Web

Forniscono un'opzione per visualizzare l'email in un browser web:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

Tag Data

Utili per visualizzare le date correnti nelle tue email:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

Migliore Pratica: Includi sempre un link per disiscriversi nelle tue email, tipicamente nel piè di pagina.

Le variabili predefinite ti consentono di personalizzare facilmente le tue email con informazioni sui destinatari e dettagli dell'organizzazione.

Variabili di Contatto

Usa queste per inserire informazioni specifiche per il destinatario nelle tue email:

{{ contact.attributes.firstName }}
{{ contact.attributes.lastName }}
{{ contact.attributes.email }}

Puoi anche utilizzare eventuali attributi personalizzati che hai definito per i tuoi contatti.

Variabili dell'Organizzazione

Includi le informazioni della tua azienda in modo coerente in tutte le email:

{{ organization.name }}
{{ organization.fullAddress }}
{{ organization.websiteUrl }}
{{ organization.street }}
{{ organization.city }}
{{ organization.state }}
{{ organization.country }}
{{ organization.zipCode }}

Variabile dell'Indirizzo Email

Fai riferimento all'indirizzo email del destinatario direttamente:

{{ emailAddress }}

Migliore Pratica: Assicurati sempre di avere un fallback per le variabili di personalizzazione nel caso non siano impostate per un particolare destinatario.

Filtri dei Tag

I filtri ti permettono di modificare l'output delle tue variabili, assicurando che il contenuto sia formattato correttamente per le tue email.

default: Imposta un valore di fallback se la variabile è vuota

{{ contact.attributes.firstName | default: 'Valued Customer' }}

capitalize, upcase, downcase: Cambia il maiuscolo/minuscolo del testo

{{ contact.attributes.firstName | capitalize }}
{{ product.brand | upcase }}
{{ 'IMPORTANT NOTICE' | downcase }}

date: Formattta le date secondo schemi specificati

{{ contact.attributes.birthday | date: '%B %d, %Y' }}
{{ 'now' | date: '%Y-%m-%d %H:%M' }}

currencyFormat: Formattta i numeri come valute

{{ product.price | currencyFormat: 'USD' }}

Migliore Pratica: Usa il filtro currencyFormat per tutte le visualizzazioni di prezzo per garantire coerenza e corretta formattazione tra le diverse regioni.

Tag Speciali

I tag speciali forniscono accesso rapido ai requisiti comuni del marketing via email, come i link per disiscriversi e le visualizzazioni web.

Link per Disiscriversi

Essenziali per la compliance con le normative email:

{% unsubscribe %}  <!-- Outputs: <a href="...">Unsubscribe</a> -->
{% unsubscribe 'Click here to unsubscribe' %}  <!-- Custom text -->
<a href="{% unsubscribeLink %}">Manage your preferences</a>  <

Link per Visualizzazione Web

Forniscono un'opzione per visualizzare l'email in un browser web:

{% webView %}  <!-- Outputs: <a href="...">View in browser</a> -->
{% webView 'View this email online' %}  <!-- Custom text -->
<a href="{% webViewLink %}">Trouble viewing? Click here</a>  <

Tag Data

Utili per visualizzare le date correnti nelle tue email:

Today's Date: {% currentYear %}-{% currentMonthName %}-{% currentDay %}
Sent on: {% currentWeekday %}

Migliore Pratica: Includi sempre un link per disiscriversi nelle tue email, tipicamente nel piè di pagina.

Logica Condizionale e Cicli

La logica condizionale e i cicli ti consentono di creare contenuti dinamici che si adattano alle caratteristiche o alle preferenze di ciascun destinatario.

Dichiarazioni If

Usa le dichiarazioni if per mostrare contenuti diversi in base alle caratteristiche dei destinatari:

{% if contact.attributes.membership == "gold" %}
  <h2>Exclusive Gold Member Offer</h2>
  <p>Enjoy 20% off your next purchase!</p>
{% elsif contact.attributes.membership == "silver" %}
  <h2>Special Silver Member Discount</h2>
  <p>Get 15% off select items!</p>
{% else %}
  <h2>Limited Time Offer</h2>
  <p>Save 10% on your next order!</p>
{% endif %}

Verifica dell'appartenenza al segmento

Destina contenuti a segmenti specifici del tuo pubblico:

{% if contact.segments contains "abcd-1234-efgh-5678" }
  This contact is a member of the segment with ID "abcd-1234-efgh-5678".
{% endif %}

Cicli

Itera su array di dati per creare liste dinamiche:

<h3>Your Favorite Colors:</h3>
<ul>
{% for color in contact.attributes.favoriteColors %}
  <li style="color: {{ color }};">{{ color }}</li>
{% endfor %}
<

Best Practice: Usa la logica condizionale per personalizzare il tuo messaggio a diversi segmenti del pubblico, aumentando la pertinenza e l'engagement.

Lavorare con i prodotti

Integra il tuo catalogo prodotti direttamente nei tuoi modelli di email per visualizzazioni dinamiche dei prodotti.

Ricerca di un Prodotto Singolo

Visualizza i dettagli di un prodotto specifico:

{% catalog 'PRODUCT-ID-123' %}
  <div class="product">
    <h2>{{ catalogItem.title }}</h2>
    <img src="{{ catalogItem.imageUrl }}" alt="{{ catalogItem.title }}">
    <p>Price: {{ catalogItem.price | currencyFormat: catalogItem.currency }}</p>
    {% if catalogItem.originalPrice > catalogItem.price %}
      <p>Original Price: <strike>{{ catalogItem.originalPrice | currencyFormat: catalogItem.currency }}</strike></p>
    {% endif %}
    <a href="{{ catalogItem.url }}">Shop Now</a>
  </div>
{

Feed Prodotti

Visualizza più prodotti da un feed:

<h2>Recommended for You</h2>
<div class="product-grid">
  {% productfeed 'FEED-ID-456' %}
    {% for item in catalogItems limit:3 %}
      <div class="product">
        <h3>{{ item.title }}</h3>
        <img src="{{ item.imageUrl }}" alt="{{ item.title }}">
        <p>{{ item.price | currencyFormat: item.currency }}</p>
        <a href="{{ item.url }}">View Product</a>
      </div>
    {% endfor %}
  {% endproductfeed %}
</div>

Migliore Prassi: Utilizza i feed di prodotto per creare contenuti dinamici come le sezioni "Prodotti Consigliati" o "Novità" nelle tue email.

Eventi

Sfrutta i dati degli eventi per creare email altamente rilevanti e tempestive basate sulle azioni degli iscritti. Questo è generalmente rilevante per le email inviate attraverso viaggi con trigger di eventi.

{% if event.type == "abandoned_cart" %}
  <h2>Did you forget something?</h2>
  <p>We noticed you left some items in your cart:</p>
  <ul>
  {% for item in event.properties.items %}
    <li>{{ item.product_name }} - {{ item.price | currencyFormat: event.properties.currency }}</li>
  {% endfor %}
  </ul>
  <a href="{{ event.properties.checkout_url }}">Complete your purchase</a>
{% elsif event.type == "purchase_confirmation" %}
  <h2>Thank you for your purchase!</h2>
  <p>Order Total: {{ event.properties.total_price | currencyFormat: event.properties.currency }}</p>
  <p>Order ID: {{ event.properties.order_id }}</p>
{

Pratica migliore: Utilizza i dati degli eventi per attivare email tempestive e rilevanti come promemoria per carrelli abbandonati o conferme di acquisto.

Codici Sconto

Genera e visualizza codici sconto unici nelle tue email per incentivare gli acquisti.

<h2>Your Exclusive Offer</h2>
<p>Use this code for 15% off your next purchase:</p>
<div class="discount-code">{% discountCode "SUMMER_SALE_POOL" %}</div>

Pratica migliore: Usa codici sconto unici per monitorare le performance di diverse campagne email o segmenti.

Traduzioni

Crea modelli di email multilingue utilizzando la funzionalità di traduzione.

Per prima cosa, imposta i tuoi file di traduzione (in formato JSON) per ogni lingua che supporti. Ad esempio:

{
  "welcome_message": "Welcome to our store!",
  "sale_announcement": "Don't miss our big sale, {{name}}!",
  "product_of_the_day": "Product of the day: {{product}}"
}

Quindi usa il filtro t nei tuoi modelli:

<h1>{{ "welcome_message" | t }}</h1>
<p>{{ "sale_announcement" | t: "name", contact.attributes.firstName }}</p>
<h2>{{ "product_of_the_day" | t: "product", featuredProduct.title }}</h2>

Buona pratica: usa le traduzioni per creare un unico modello che può essere utilizzato per più lingue, riducendo il carico di manutenzione.

Fonti di Dati Esterne

Integra dati in tempo reale da fonti esterne nelle tue email. Puoi saperne di più sulle fonti di dati esterne qui.

Utilizzo di base:

{% datafetch "weather-api" %}
  <p>Current temperature in your area: {{ dataFetchResponse.temperature }}°C</p>
  <p>Weather condition: {{ dataFetchResponse.condition }}</p>
{

Utilizzo di URL dinamici

Per API che richiedono parametri dinamici:

{% datafetch "user-recommendations", "userId", contact.attributes.userId %}
  <h2>Recommended for You</h2>
  <ul>
  {% for product in dataFetchResponse.recommendations %}
    <li>{{ product.name }} - {{ product.price | currencyFormat: 'USD' }}</li>
  {% endfor %}
  </ul>
{

Pratica migliore: Utilizzare fonti di dati esterne per includere informazioni aggiornate e personalizzate nelle tue email, come saldi di conto, punti fedeltà o raccomandazioni personalizzate.

Sintassi Liquida Avanzata

Mentre il linguaggio del modello email Bird offre funzionalità potenti specifiche per il marketing tramite email, è costruito su Liquid, che offre ulteriori funzionalità avanzate. Ecco alcuni esempi:

Gestione di Array e Oggetti

{% assign sorted_products = products | sort: 'price' %}
{% assign expensive_products = sorted_products | where: "price", ">", 100 %}

Operazioni Matematiche

{% assign total = product.price | times: item.quantity %}
{% assign discount = total | divided_by: 4 %}

Manipolazione delle Stringhe

{% assign lowercase_name = contact.attributes.firstName | downcase %}
{% assign greeting = "Hello, " | append: lowercase_name | capitalize %}

Controllo del Flusso

{% case shipping_method %}
  {% when 'ground' %}
    Estimated delivery: 5-7 business days
  {% when 'express' %}
    Estimated delivery: 2-3 business days
  {% else %}
    Please contact us for shipping information
{% endcase %}

Per una guida comprensiva su queste funzionalità avanzate di Liquid, si prega di consultare la documentazione di Shopify Liquid.

Buona Pratica: Sebbene queste funzionalità avanzate siano potenti, usale con giudizio. Modelli troppo complessi possono essere difficili da mantenere e possono influenzare le prestazioni di rendering delle email.

Ricorda di testare accuratamente i tuoi modelli email su diversi client email per garantire un rendering coerente e prestazioni ottimali. La piattaforma Bird fornisce strumenti per visualizzare in anteprima e testare i tuoi modelli prima dell'invio.

Dominando il linguaggio del modello email Bird, sarai in grado di creare campagne email altamente dinamiche, personalizzate e coinvolgenti che risuonano con il tuo pubblico e guidano risultati.

A person is standing at a desk while typing on a laptop.

La piattaforma completa nativa dell'IA che si espande con la tua azienda.

Contatta le vendite

Inizia gratis

Contatta il supporto

La piattaforma completa nativa dell'IA che si espande con la tua azienda.

Contatta le vendite

Inizia gratis

Contatta il supporto

La piattaforma completa nativa dell'IA che si espande con la tua azienda.

Contatta le vendite

Inizia gratis

Contatta il supporto

Modelli di Email Avanzati