Reach

Grow

Manage

Automate

Accedi

Prenota demo

Reach

Grow

Manage

Automate

Accedi

Prenota demo

Prenota demo

G

G

M

M

Templating Email Avanzato

Email Dinamiche e Personalizzate con Linguaggio Liquid

Templating Email Avanzato

Templating Email Avanzato

Variabili Predefinite

Variabili Predefinite

Condizionale Logica e Loops

Condizionale Logica e Loops

Lavorare con Prodotti

Lavorare con Prodotti

Templating Email Avanzato

Templating Email Avanzato

Templating Email Avanzato

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

Documentazione del Linguaggio Modello Email Bird

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

  • Le caratteristiche principali del Linguaggio Modello Email Bird includono:

  • Personalizzazione semplice utilizzando variabili predefinite

  • Visualizzazione condizionale dei contenuti 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 avanzate di formattazione con filtri

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

Variabili Predefinite

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

Variabili Contatto

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

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

Puoi anche utilizzare qualsiasi attributo personalizzato che hai definito per i tuoi contatti.

Variabili 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 Indirizzo Email

Riferisci direttamente l'indirizzo email del destinatario:

{{ emailAddress }}

Best Practice: Avere sempre un'alternativa per le variabili di personalizzazione nel caso in cui non siano impostate per un particolare destinatario.

Filtri Tag

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

  • default: Imposta un valore alternativo se la variabile è vuota

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

  • capitalize, upcase, downcase: Cambia maiuscole/minuscole del testo

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

  • date: Formatta le date secondo i modelli specificati

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

  • currencyFormat: Formatta i numeri come valuta

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

Best Practice: Utilizza il filtro currencyFormat per tutte le visualizzazioni di prezzo per garantire coerenza e formattazione corretta in diverse regioni.

Tag Speciali

I tag speciali forniscono rapido accesso ai requisiti comuni di email marketing, come i link di cancellazione dalla sottoscrizione e le visualizzazioni web.

Link di Cancellazione

Essenziali per la conformità alle normative sulle email:

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

Link di Visualizzazione Web

Fornisci 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 %}

Best Practice: Inclui sempre un link di cancellazione nelle tue email, tipicamente nel footer.

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

Variabili Contatto

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

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

Puoi anche utilizzare qualsiasi attributo personalizzato che hai definito per i tuoi contatti.

Variabili 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 Indirizzo Email

Riferisci direttamente l'indirizzo email del destinatario:

{{ emailAddress }}

Best Practice: Avere sempre un'alternativa per le variabili di personalizzazione nel caso in cui non siano impostate per un particolare destinatario.

Filtri Tag

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

  • default: Imposta un valore alternativo se la variabile è vuota

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

  • capitalize, upcase, downcase: Cambia maiuscole/minuscole del testo

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

  • date: Formatta le date secondo i modelli specificati

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

  • currencyFormat: Formatta i numeri come valuta

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

Best Practice: Utilizza il filtro currencyFormat per tutte le visualizzazioni di prezzo per garantire coerenza e formattazione corretta in diverse regioni.

Tag Speciali

I tag speciali forniscono rapido accesso ai requisiti comuni di email marketing, come i link di cancellazione dalla sottoscrizione e le visualizzazioni web.

Link di Cancellazione

Essenziali per la conformità alle normative sulle email:

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

Link di Visualizzazione Web

Fornisci 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 %}

Best Practice: Inclui sempre un link di cancellazione nelle tue email, tipicamente nel footer.

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

Variabili Contatto

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

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

Puoi anche utilizzare qualsiasi attributo personalizzato che hai definito per i tuoi contatti.

Variabili 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 Indirizzo Email

Riferisci direttamente l'indirizzo email del destinatario:

{{ emailAddress }}

Best Practice: Avere sempre un'alternativa per le variabili di personalizzazione nel caso in cui non siano impostate per un particolare destinatario.

Filtri Tag

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

  • default: Imposta un valore alternativo se la variabile è vuota

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

  • capitalize, upcase, downcase: Cambia maiuscole/minuscole del testo

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

  • date: Formatta le date secondo i modelli specificati

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

  • currencyFormat: Formatta i numeri come valuta

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

Best Practice: Utilizza il filtro currencyFormat per tutte le visualizzazioni di prezzo per garantire coerenza e formattazione corretta in diverse regioni.

Tag Speciali

I tag speciali forniscono rapido accesso ai requisiti comuni di email marketing, come i link di cancellazione dalla sottoscrizione e le visualizzazioni web.

Link di Cancellazione

Essenziali per la conformità alle normative sulle email:

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

Link di Visualizzazione Web

Fornisci 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 %}

Best Practice: Inclui sempre un link di cancellazione nelle tue email, tipicamente nel footer.

Condizionale Logica e Loops

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

If Statements

Usa if statements per mostrare contenuti diversi in base agli attributi del destinatario:

{% 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 ai Segmenti

Mirare il contenuto 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 %}

Loops

Itera su array di dati per creare elenchi dinamici:

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

Best Practice: utilizza la logica condizionale per personalizzare il tuo messaggio per diversi segmenti di pubblico, aumentando la rilevanza e il coinvolgimento.

Lavorare con Prodotti

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

Ricerca Singolo Prodotto

Mostra 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

Mostra 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 Pratica: Utilizza i feed dei prodotti per creare contenuti dinamici come sezioni "Prodotti Consigliati" o "Nuovi Arrivi" nelle tue email.

Eventi

Utilizza i dati degli eventi per creare email altamente pertinenti e tempestive basate sulle azioni degli iscritti. Questo è generalmente rilevante per le email inviate tramite percorsi 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>
{

Best Practice: Utilizza i dati degli eventi per attivare email tempestive e pertinenti come promemoria di carrelli abbandonati o conferme di acquisto.

Codici Sconto

Genera e mostra 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>

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

Traduzioni

Crea modelli di email multilingue utilizzando la funzione di traduzione.

Per prima cosa, configura i tuoi file di traduzione (in formato JSON) per ogni lingua supportata. Per 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>

Migliore Pratica: Usa le traduzioni per creare un singolo modello che può essere utilizzato per più lingue, riducendo la 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 degli URL dinamici

Per le 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>
{

Miglior pratica: utilizza fonti di dati esterne per includere informazioni aggiornate e personalizzate nelle tue email, come saldi del conto, punti fedeltà o raccomandazioni personalizzate.


Sintassi Liquida Avanzata

Pur mantenendo il Bird Email Template Language, che offre funzionalità potenti specifiche per l'email marketing, è 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 di Stringhe

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

Flusso di Controllo

{% 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 completa su queste funzionalità avanzate di Liquid, fai riferimento alla documentazione Shopify Liquid.

Pratica migliore: Pur essendo potenti, utilizza queste funzionalità avanzate con giudizio. Template eccessivamente complessi possono essere difficili da mantenere e possono influire sulle prestazioni di rendering delle email.

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

Con la padronanza del Bird Email Template Language, sarai in grado di creare campagne email altamente dinamiche, personalizzate e coinvolgenti che risuonano con il tuo pubblico e generano risultati.

Connettiamoci con un esperto di Bird.
Scopri tutta la potenza del Bird in 30 minuti.

Inviando, accetti che Bird possa contattarti riguardo ai nostri prodotti e servizi.

Puoi annullare l'iscrizione in qualsiasi momento. Consulta la Informativa sulla Privacy di Bird per i dettagli sul trattamento dei dati.

R

Raggiungi

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp API

G

Grow

M

Marketing

S

Vendite

M

Manage

S

Supporto

P

Pagamenti

H

HR

E

Spese

A

Automate

A

AI

W

Workflows

Risorse

Changelog

Base di conoscenza

Developer hub

Centro di supporto

Clienti

Blog

Azienda

Informazioni

Prezzi

Partners

Careers

Legale

Terms

Impostazioni sulla privacy

Newsletter

Rimani aggiornato con Bird attraverso aggiornamenti settimanali nella tua inbox.

x.com

Instagram

LinkedIn

Contatta Support

Connettiamoci con un esperto di Bird.
Scopri tutta la potenza del Bird in 30 minuti.

Inviando, accetti che Bird possa contattarti riguardo ai nostri prodotti e servizi.

Puoi annullare l'iscrizione in qualsiasi momento. Consulta la Informativa sulla Privacy di Bird per i dettagli sul trattamento dei dati.

R

Raggiungi

E

Email

V

Voice API

N

Numbers API

S

SMS API

W

WhatsApp API

G

Grow

M

Marketing

S

Vendite

M

Manage

S

Supporto

P

Pagamenti

H

HR

E

Spese

A

Automate

A

AI

W

Workflows

Risorse

Changelog

Base di conoscenza

Developer hub

Centro di supporto

Clienti

Blog

Azienda

Informazioni

Prezzi

Partners

Careers

Legale

Terms

Impostazioni sulla privacy

Newsletter

Rimani aggiornato con Bird attraverso aggiornamenti settimanali nella tua inbox.

x.com

Instagram

LinkedIn

Contatta Support

Connettiamoci con un esperto di Bird.
Scopri tutta la potenza del Bird in 30 minuti.

Inviando, accetti che Bird possa contattarti riguardo ai nostri prodotti e servizi.

Puoi annullare l'iscrizione in qualsiasi momento. Consulta la Informativa sulla Privacy di Bird per i dettagli sul trattamento dei dati.

R

Raggiungi

G

Grow

M

Manage

A

Automate

Risorse

Changelog

Base di conoscenza

Developer hub

Centro di supporto

Clienti

Blog

Azienda

Informazioni

Prezzi

Partners

Careers

Legale

Terms

Impostazioni sulla privacy

Newsletter

Rimani aggiornato con Bird attraverso aggiornamenti settimanali nella tua inbox.

Contatta Support