Contenu dynamique : Collections Airtable

Airtable peut servir de collection, vous permettant de créer des pages dynamiques (voir Contenu dynamique : Pages dynamiques) ainsi que d'améliorer les pages ordinaires. L'utilisation d'une collection sur une page ordinaire est similaire à celle des données connectées avec les informations commerciales du site (voir Contenu dynamique : collections pour les pages ordinaires). Pour plus d'informations sur les données connectées avec les informations commerciales, voir Contenu dynamique : Informations commerciales, texte et images.

Pour une vue d'ensemble des collections et des règles de formatage, voir Contenu dynamique : Collections.

Attention

À partir du 1er février 2024, les clés API seront complètement supprimées. Pour l'instant, les collections dont la clé API n'a pas été remplacée par un jeton d'accès personnel peuvent connaître des perturbations (pour plus d'informations, consultez la section Mettre à jour la clé API d'une collection existante avec un jeton d'accès personnel dans cet article).

Limitations et spécifications par type de collecte

Les collections internes

Google Sheets

Airtable

Externe

Nombre de collections par site

100

100

100

100

Données par collection

Sans objet

20 Mo

20 Mo

20 Mo

Lignes

500

Sans objet

Sans objet

Sans objet

Champs (colonnes)

50

100

100

100

Limite de caractère du nom de la collection

50

50

50

50

Limite de caractère du nom du champ

50

50

50

50

Limite de caractères de l'URL de l'élément de page

350

350

350

350

Limite de caractère du champ de texte

5 000

Sans objet

Sans objet

Sans objet

lignes des collections internes

Non pris en charge

Non pris en charge

Soutenu

Sans objet

Collection d'images

Soutenu

Sans objet

Sans objet

Sans objet

Mise à jour des données

Publication sur le site/dans la bibliothèque de contenus

Automatique

Automatiquement chaque heure

Automatique

Champs disponibles et champs correspondants d'Airtable

Remarque

Airtable a modifié l'URL des pièces jointes (URL des images téléchargées directement dans Airtable), ce qui les fait expirer au bout de deux heures. IONOS n'est pas affecté par ce changement puisqu'il tire les données d'Airtable toutes les heures.

Type de données

Champ(s) de table aérienne correspondant(s)

Exemples

Remarques

Texte brut

  • Texte brut

  • Numéro

  • Texte long

  • Devise

  • Pourcentage

  • Évaluation

  • Formule

  • Numéro automatique

Bienvenue dans mon cabinet de dentiste.

Texte standard, peut être utilisé pour widget comme le titre tag et le texte widget.

Notes sur les champs Airtable :

  • Texte long : Ce champ prend en charge le HTML et les sauts de ligne.

  • Devise : Affiche uniquement le nombre, sans le signe $.

  • Pourcentage : S'affiche avec la décimale et sans le signe %.

  • Cote : Affiche le numéro.

  • Formule : Le résultat de la formule peut être une chaîne de caractères.

Texte brut

Texte riche et texte long

Bienvenue dans mon cabinet dentaire.

Le formatage de texte riche intégré à Airtable n'est pas pris en charge.

Pour inclure des éléments de texte enrichi, utilisez plutôt HTML tag. Par exemple, pour ajouter du texte en gras, utilisez le <b> tag:

<b>Texte en gras</b>

Image

Pièce jointe (lorsque vous téléchargez une image dans Airtable)

OU 

URL (lors de l'utilisation du lien d'une image)

https://irp.cdn-website.com/tr59jkwo/dms3rep/multi/name.jpg (lorsque vous utilisez le champ URL dans Airtable)

Le type de données de l'éditeur, Image, ne prend en charge qu'une seule image.

Pour télécharger une image dans l'éditeur et obtenir son URL :

  1. Dans le panneau de gauche, cliquez sur Contenu, cliquez sur Gestionnaire de médias.

  2. Téléchargez une image ou, si elle est déjà téléchargée, localisez-la.

  3. hover sur l'image souhaitée et cliquez sur Sélectionner.

  4. L'image et les informations complémentaires doivent apparaître. Sous la grande vignette, cliquez sur le nom du fichier (par exemple : nom.jpg).

L'image doit s'ouvrir dans un nouvel onglet avec son URL dans la barre d'adresse du navigateur.

Lien

URL

Exemple : https://goo.gl/maps/F81HPm4CBTQSTsJ5A

Les pages génèrent une erreur 404 si l'URL contient un espace au début ou à la fin.

Numéro

Numéro

10,000

Après avoir sélectionné le type de données du nombre, cliquez sur Format pour formater le nombre.

Date et heure

Texte

2021-10-06 16:12:00

Format : AAAA-MM-JJ HH:mm:SS

Pour une liste complète des formats de date et d'heure et de leur mode d'affichage, voir la classe DateTimeFormatter.

  • Le site s'affichera toujours dans le fuseau horaire UTC, indépendamment de ce qui est défini dans Airtable, même si l'option Utiliser le même fuseau horaire pour tous les collaborateurs est activée (dans Airtable).

  • Pour éviter la confusion des fuseaux horaires entre le site et Airtable, il est recommandé d'activer l'option Utiliser le même fuseau horaire pour tous les collaborateurs (située dans Airtable) et de sélectionner le fuseau horaire GTM/UTC.

Ce champ peut servir à faire le tri lors de l'utilisation de filtres ou de la fonction de tri dans la fenêtre contextuelle Données connectées.

heures d'ouverture

Texte

SAM, DIM: 08:00-20:00; JEU, VEN: 08:00-12:00;

Emplacement

Texte

846 Kerry way, 90017, CA, Los Angeles, États-Unis

Format : streetAddress, postalCode, region, city, country

Vidéo

URL ou texte

https://www.youtube.com/watch?v=8EsYwAKxAFU

Les vidéos Vimeo, YouTube et Dailymotion sont prises en charge (les vidéos téléchargées dans l'éditeur ne peuvent pas être ajoutées aux collections).

Vous devez utiliser les formats suivants :

  • YouTube : https://www.youtube.com/watch?v=8EsYwAKxAFU)

  • Vimeo : https://player.vimeo.com/video/77523904

  • Dailymostion : https://www.dailymotion.com/embed/video/x70n2l8

E-mail

Adresse e-mail ou texte

email@email.com

numéro de téléphone

Numéro de téléphone ou texte

123456789

Comptes sur les réseaux sociaux

Valeur

Courriel : my@gmail.com ; WhatsApp: 123456 ; Facebook: Website Builder

Le format doit être : nom : valeur ; nom : valeur ;

Réseaux sociaux pris en charge : email, WhatsApp, Facebook, Twitter, Instagram, youtube, LinkedIn, yelp, pinterest, waze, vimeo, snapchat, reddit, tripadvisor, foursquare, rss.

Sélection multiple

Sélection multiple

Après avoir défini le champ comme multi-sélection, cliquez sur Options pour ajouter des options. Chaque ligne de la collection peut se voir attribuer une ou plusieurs des options tu créées.

Ce champ peut être utilisé pour filtrer la collection affichée dans les widgets, comme les widgets Galerie photo, Liste, Accordéon et personnalisés connectés aux collections.

Collection intérieure

Pièce jointe

Images ajoutées via Airtable.

Connecter une collection Airtable

Pour connecter une collection Airtable :

  1. Dans le panneau de gauche, cliquez sur Contenu, cliquez sur Collections, puis cliquez sur + Nouvelle collection.

  2. Cliquez sur Airtable.

  3. Saisissez votre jeton d'accès Airtable et l'URL d'exemple fournie par Airtable. Les étapes sont indiquées dans l'éditeur ; pour des instructions détaillées, voir la section Obtenir un jeton d'accès personnel et un exemple d'URL dans cet article.

  4. Cliquez sur Importer des champs.

  5. Définissez le type de données pour chaque champ.

  6. Cliquez sur Connecter la feuille de calcul.

  7. Définissez le type de données pour chaque champ.

  8. Cliquez sur Continuer.

Remarque

En raison des restrictions de l'API, les champs sans contenu dans les 10 premières lignes ne sont pas importés par IONOS.

Obtenir un jeton d'accès personnel et un exemple d'URL
Jeton d'accès personnel

Pour obtenir un jeton d'accès personnel :

  1. Visitez la page d'Airtable, jeton d'accès personnel (si vous n'êtes pas déjà connecté à Airtable, vous serez invité à le faire).

  2. Une fois sur la page Jetons d'accès personnels, cliquez sur Créer un jeton.

  3. Saisissez le nom du jeton.

  4. Dans la section Scopes, cliquez sur + Add a scope et sélectionnez data.records:read (Voir les données dans les enregistrements).

  5. Dans la section Accès, cliquez sur + Ajouter une base et sélectionnez l'option Toutes les bases actuelles et futures dans tous les espaces de travail actuels et futurs située sous Tous les espaces de travail.

  6. Cliquez sur Créer un jeton.

  7. Cliquez sur le bouton de copie situé à côté du jeton.

  8. Retournez dans l'éditeur et collez le jeton dans le champ Jeton d'accès.

Exemple d'URL

Pour obtenir l'URL d'exemple de la collection :

  1. Visitez la page d'Airtable, API Reference (si vous n'êtes pas déjà connecté à Airtable, vous serez invité à le faire).

  2. Une fois sur la page Référence API, faites défiler vers le bas et sélectionnez la collection souhaitée.

  3. Dans le panneau latéral, cliquez sur Authentification.

  4. Dans l'onglet Curl, copiez le lien sous EXEMPLE.

  5. Retournez dans l'éditeur et collez-la dans le champ Exemple d'URL.

exempleURL.jpg

Ajouter une nouvelle colonne à une collection Airtable

  1. Dans le panneau latéral, cliquez sur Contenu, puis sur Collections.

  2. Cliquez sur pour ouvrir la collection Airtable.

  3. Cliquez sur +Ajouter un champ.

  4. Sélectionnez le type de données dans le menu déroulant Type de données et saisissez le nom du champ dans l'espace Nom du champ.

  5. Cliquez sur Rafraîchir les données.

La nouvelle colonne apparaît dans les champs disponibles lors de la connexion d'un widget.

Ordre des rangs

Lors de l'utilisation de collections Airtable, l'ordre des lignes peut sembler aléatoire en raison d'une limitation de l'API du côté d'Airtable. Les filtres et le tri dans Airtable ne sont pas reconnus.

Pour gérer l'ordre d'affichage des collections dans l'éditeur, vous pouvez utiliser les méthodes suivantes :

  • Filtre & Fonction de tri: Utilisez la fonction de tri Filter & dans le widget d'affichage de la collection (tel que le widget de la galerie de photos ou le widget de la liste) pour trier par ordre croissant ou décroissant. Pour plus d'informations, consultez la fonction de tri du filtre & .

    Remarque

    Les collections ne peuvent être triées que par ordre croissant ou décroissant. Pour cette méthode, la collection Airtable doit avoir une colonne ou un champ qui peut être trié de cette manière. Si ce n'est pas le cas, cette méthode ne fonctionnera pas et il sera nécessaire d'ajuster l'URL de l'exemple pour maintenir l'ordre souhaité.

  • Ajustez l'URL d'exemple: Si les enregistrements sont listés dans la navigation, vous pouvez spécifier le nom de la vue Airtable dans l'exemple d'URL pour maintenir l'ordre souhaité. Cet ajustement permettra également de s'assurer que les enregistrements sont dans l'ordre souhaité pour l'affichage de la collection widget. Pour plus d'informations, consultez l'assistance Airtable ou la section ci-dessous, Ajustez l'exemple d'URL

Filtre & Fonction de tri

Lorsque vous vous connectez à un affichage de collection widget (comme la galerie de photos widget ou la liste widget; voir Affichage de collection widget pour plus d'informations), vous pouvez trier la collection à afficher dans l'ordre croissant ou décroissant.

Pour trier :

  1. Si l'affichage de collection souhaité widget n'est pas déjà placé sur le site, ajoutez-le à la page où vous voulez qu'il existe. Pour plus d'informations,widget voir: Library and Overview.

  2. Cliquez avec le bouton droit de la souris sur le widget pour ouvrir le menu des paramètres, puis cliquez sur Connecter aux données.

    • Si le site widget existe déjà : cliquez avec le bouton droit de la souris sur le site widget, hover sur Connected Data, et sélectionnez Change Connection.

  3. Si vous ajoutez un nouveau widget, sélectionnez la collection dans le menu déroulant Connecter à. (Sautez cette étape si le widget existe déjà).

  4. Pour trier :

    1. Cliquez sur +Ajouter un tri.

    2. Cliquez sur la liste déroulante Trier par pour sélectionner le champ/la colonne à trier.

    3. Cliquez sur la liste déroulante Ordre pour sélectionner l'ordre (croissant ou décroissant).

    D'autres options sont également disponibles :

    • Affichage. Sélectionnez le nombre d'éléments que vous souhaitez afficher (par exemple, Tous ou 2).

    • Filtres fixes. Le filtre fixe affichera les enregistrements de la connexion connectée avec le terme exact saisi.

    • Filtres dynamiques. Le filtre dynamique associe 2 champs de 2 collections différentes (Dynamic page & widget) pour présenter dynamiquement le contenu de widget.

Ajustez l'URL d'exemple

Pour ajouter la vue, après avoir ajouté l'URL de l'exemple, ajoutez ?view=nom de la vue. Le nom de la vue est sensible à la casse et doit être tapé exactement comme il est écrit dans Airtable.

Attention

La suppression ou la modification du nom de l'affichage après l'importation de la collection brisera la connexion.

Voici un exemple d'URL avant l' ajout du nom de la vue :

https:// api.airtable.com/v0/appbiL1pCyvFcW8WG/Feedback%20Session?view=Main%20View 

Voici un exemple d'URL après l' ajout du nom de la vue :

https://api.airtable.com/v0/appbiL1pCyvFcW8WG/Feedback%20Session?view=Main View 

Pour plus d'informations sur l'ajout du nom de la vue à l'URL, consultez la vidéo ci-dessous :

Mettre à jour la clé API d'une collection existante avec un jeton d'accès personnel

Pour mettre à jour l'API d'une collection avec un jeton d'accès personnel :

  1. Dans le panneau de gauche, cliquez sur Contenu, cliquez sur Collections, puis sur la collection Airtable souhaitée.

  2. Cliquez sur Paramètres de collecte situé vers le bas.

  3. Dans le champ Jeton d'accès, remplacez la clé API par un jeton d'accès personnel. L'étape se trouve dans l'éditeur ; pour des instructions détaillées, voir la section Jeton d'accès personnel de cet article.

  4. Sélectionnez le type de données dans le menu déroulant Type de données et saisissez le nom du champ dans l'espace Nom du champ.

  5. Cliquez sur Refaire la collection.

  6. Cliquez sur Terminé.