Documentation SeedProd

Documentation, matériel de référence et tutoriels pour SeedProd

X (Twitter) Embed Tweet Block

Le bloc X (Twitter) Embed Tweet vous permet d'intégrer un tweet spécifique directement sur n'importe quelle page SeedProd. C'est un moyen pratique de mettre en avant une publication individuelle, telle qu'un témoignage client, une annonce produit ou une mention notable, et de la partager avec vos visiteurs sans qu'ils aient besoin de se rendre sur X (Twitter).

Tout ce dont vous avez besoin, c'est de l'identifiant du tweet, que vous trouverez dans l'URL du tweet. Une fois ajouté, vous pouvez choisir un thème clair ou foncé, contrôler l'affichage du fil de conversation et des cartes multimédias, définir la largeur du widget et sélectionner la langue d'affichage en fonction de votre public.

X (Twitter) Bloc Embed Tweet affichant un tweet intégré sur une page SeedProd avec un thème sombre

Exigences :le bloc X (Twitter) Embed Tweet est disponible dans toutes nosoffres de licence.


Ajouter le bloc « X (Twitter) Embed Tweet » à vos pages

Suivez ces étapes pour ajouter un bloc X (Twitter) Embed Tweet à votre page SeedProd :

Étape 1 : Ajouter le bloc

Sous Design > Blocs, glissez-déposez le bloc X (Twitter) Embed Tweet dans la section souhaitée de votre page.

Faites glisser le bloc X (Twitter) Embed Tweet sur une page SeedProd.

Étape 2 : Configurer les paramètres de contenu

Une fois ajouté, cliquez sur le bloc X (Twitter) Embed Tweet pour ouvrir ses paramètres. Dans l'onglet Contenu, vous trouverez les options suivantes dans la section Paramètres X (Twitter):

  • Identifiant du tweet : Entrez l'identifiant numérique du tweet que vous souhaitez intégrer. Vous trouverez l'identifiant du tweet dans l'URL du tweet : il s'agit du long numéro à la fin, après /status/. Par exemple, dans https://twitter.com/seedprod/status/1385250840898850816, l'identifiant du tweet est 1385250840898850816.
  • Palette de couleurs : choisissez entre Clair et Foncé pour adapter le widget de tweet intégré au design de votre page.
  • Masquer la conversation : activez cette option pour masquer le fil de conversation qui apparaît sous le tweet (Oui/Non).
  • Masquer les photos/vidéos/cartes : activez cette option pour masquer toutes les cartes multimédias, photos ou vidéos jointes au tweet (Oui/Non).
  • Largeur : définissez la largeur du widget de tweet intégré en pixels à l'aide d'un curseur.
  • Alignement : définissez l'alignement horizontal du widget sur la page (à gauche, au centre ou à droite) à l'aide des commandes spécifiques à chaque appareil pour les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • Langue : choisissez la langue d'affichage de l'interface du widget. Les options disponibles sont les suivantes : automatique, anglais, arabe, bengali, tchèque, danois, allemand, grec, espagnol, persan, finnois, philippin, français, hébreu, hindi, hongrois, indonésien, italien, japonais, coréen, malais, néerlandais, norvégien, polonais, portugais, roumain, etc.
X (Twitter) Intégrer le tweet Onglet Contenu affichant l'ID du tweet, la palette de couleurs, les options d'activation/désactivation, la largeur et les paramètres linguistiques

Étape 3 : Personnalisez le design

Dans l'onglet Avancé, vous pouvez contrôler plus précisément la mise en page et le comportement de votre bloc X (Twitter) Embed Tweet.

Espacement :

  • Marge : définissez l'espacement extérieur autour du bloc sur les quatre côtés, avec des commandes indépendantes pour les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • Remplissage : définissez l'espacement intérieur à l'intérieur du bloc wrapper sur les quatre côtés, avec des commandes par appareil.

Attributs :

  • Classe personnalisée : ajoutez une ou plusieurs classes CSS personnalisées à l'enveloppe du bloc pour un style ciblé.
  • Identifiant CSS : SeedProd génère automatiquement un identifiant CSS unique pour ce bloc. Vous pouvez l'utiliser pour référencer le bloc dans un CSS ou un JavaScript personnalisé.
  • Attributs personnalisés : ajoutez des attributs HTML personnalisés à l'élément conteneur du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format clé|valeur.

Visibilité des appareils :

  • Masquer sur le bureau : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran d'ordinateur.
  • Masquer sur tablette : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran de tablette.
  • Masquer sur mobile : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran mobile.

Effets d'animation :

  • Effet de défilement : appliquez une animation déclenchée par le défilement au bloc, y compris les options de défilement vertical et horizontal avec des commandes de direction, de vitesse et de décalage de la fenêtre d'affichage.
  • Effet souris : appliquez un effet de parallaxe basé sur les mouvements de la souris au bloc.
X (Twitter) Intégrer le tweet Onglet Avancé affichant l'espacement, les attributs, la visibilité des appareils et les effets d'animation

Étape 4 : Enregistrez vos modifications

Une fois que vous avez terminé de configurer le bloc X (Twitter) Embed Tweet et de personnaliser son apparence, veillez à enregistrer votre travail.


Vous avez ajouté avec succès un bloc X (Twitter) Embed Tweet à votre page ! L'intégration de tweets individuels est un excellent moyen de mettre en avant la preuve sociale, de présenter des mentions notables ou de partager des annonces dans leur contexte. Utilisez les options de couleurs et de visibilité pour vous assurer que le widget s'intègre parfaitement au design de votre page.

Articles connexes