Fuentes de Datos Externas

Una vez que su fuente de datos externa esté configurada correctamente, puede usar su salida en la plantilla de correo electrónico utilizando el lenguaje de plantillas liquid.

Uso de Fuente de Datos Externa para Alimentación de Contenido

Para mostrar una alimentación de contenido, puede crear una API que proporcione un JSON con muchos elementos de la alimentación de contenido. Como ejemplo, puede verse como a continuación:

{
  "feed": {
    "version": "1.0",
    "title": "sample-data-feed",
    "items": [
      {
        "title": "Meet the Full Cast",
        "link": "https://bird.com/article",
        "description": "See who's joining previously announced stars Katie Brayben and Christian Borle in the Elton John-Jake Shears-James Graham musical.",
        "thumbnail": "https://assets.bird.com.jpg",
        "date": "2024-08-28T11:21:00",
        "creator": "Joe Black"
      },
      {
        "title": "Stars in ASL American",
        "link": "https://bird.com/article",
        "description": "Center Theatre Group is teaming up with Deaf West Theatre to reopen the Mark Taper Forum with a new production of the Green Day musical after bringing revivals of Big River and Spring Awakening to Broadway.",
        "thumbnail": "https://assets.bird.com.jpg",
        "date": "2024-08-28T11:59:00",
        "creator": "Joe Black"
      }
    ]
  }
}

El feed JSON anterior se puede usar como una URL de API al crear una fuente de datos externa.

Una vez creado, puede referirse a él en una plantilla de correo electrónico de la siguiente manera:

1. Primero agregue un elemento HTML y añada el siguiente código para obtener la fuente de datos externa por nombre, es decir, {% datafetch "external-data-source-name" %}

2. Usa la función for en liquid para obtener todos los elementos en su feed junto con la ruta, es decir, {% for <your-item> in dataFetchResponse.<your-json-path> %}.

Si solo tiene un elemento, esto puede no ser necesario.

Asumiendo que sample-data-feed es el nombre de la fuente de datos externa y feed.items es la ruta en el JSON del feed para obtener los elementos, se verá como a continuación:

{% datafetch "sample-data-feed" %}
{% for item in dataFetchResponse.feed.items %}

• Después de que esto se haya agregado, puede agregar cualquier elemento de imagen, texto, botón y referirse a la fuente de datos externa como a continuación, asumiendo la estructura de sample-data-feed:

{{item.title}} - Para mostrar el título en un elemento de texto

{{item.description}} - Para mostrar la descripción en un elemento de texto

{{item.link}} - Para agregar un enlace en un elemento de botón

{{item.thumbnail}} - Para agregar una URL de imagen en un elemento de imagen

• Ahora agregue otro bloque HTML para finalizar la obtención de la fuente de datos externa y la función for como se muestra a continuación

{% endfor %}
{% enddatafetch %}

Para previsualizar su correo electrónico, puede cambiar a vista previa y ver cómo se ve su feed de contenido.

Nota: Si tiene un feed estático, puede actualizarlo aquí manualmente seleccionando la fuente de datos externa en el menú desplegable Actualizar Fuente de Datos Externa.