Nouveaux flux de médias sociaux : Modèles et démonstrations

Apprenez à intégrer gratuitement un flux de médias sociaux sur votre site web. Exemples de flux de médias sociaux créés avec des outils simples comme EmbedSocial.

templates for social media feeds

Nous mettons continuellement à jour la plateforme EmbedSocial, et cette fois-ci, nous avons entièrement repensé l'apparence de nos widgets de médias sociaux dans la rubrique EmbedFeed produit.

EmbedFeed est un logiciel tout-en-un agrégateur de médias sociaux intégré aux principaux réseaux de médias sociaux, conçu pour générer et afficher des informations sur la santé et la sécurité. messages sur les médias sociaux sur tous les sites possibles.

EmbedFeed fournit des outils professionnels tels que la modération, la personnalisation, des options CSS personnalisées pour marquer les posts avec des liens personnalisés, et des tonnes de paramètres qui vous aideront à vous adapter à vos besoins. flux de médias sociaux avec votre marque.

Des milliers d'utilisateurs se servent de ce produit et envoient régulièrement leurs commentaires sur les nouvelles fonctionnalités et les mises à jour possibles.

Cette fois-ci, nous sommes heureux de présenter une mise à jour importante de la conception frontale des modèles de médias sociaux :

Annonce : Nouveaux modèles de flux de médias sociaux 

Ces modèles sont déjà disponibles pour tous nos anciens et nouveaux utilisateurs, et vous pouvez les trouver dans la barre des paramètres, dans la section "Modèles". 

Pour en savoir plus sur notre phase de conception et consulter les nouveaux modèles, suivez les liens ci-dessous : 

Phase de conception : Brainstorming, maquettes et prototypes

Avant de commencer la conception, nous avons gardé à l'esprit les principes suivants : 

  • Besoins, demandes et retours d'information des utilisateurs 
  • Suivez les dernières tendances en matière de conception d'interface utilisateur.
  • Réactivité et adaptation à tout type d'appareil, de navigateur ou d'outil de création de site web

La phase de recherche comprenait quelques ateliers entre nos équipes de marketing, d'UX et de réussite client. Et beaucoup de pizzas !

design workshop

Heureusement, c'était avant la crise de COVID, et nous avons donc pu faire un brainstorming dans notre bureau et nous amuser à visualiser comment nous pouvions lancer de meilleurs widgets pour nos utilisateurs. 

Nouveau : Modèle de collage

collage social media widget

Le modèle Collage est un modèle entièrement nouveau, construit à partir de zéro et principalement destiné à afficher des posts de médias sociaux sur des pages d'accueil ou des pages de renvoi. 

Utilisation: Pages d'accueil, Pages d'atterrissage

Mise en page: Moderne 

Caractéristiques

  • Responsive, quatre grilles de mise en page
  • Possibilité de définir une rangée d'articles avec un chargement plus important ou une pagination numérotée pour s'adapter à la conception de votre page d'atterrissage.
  • Afficher la légende/le texte au survol
  • Afficher des messages entiers dans une boîte à lumière ou rediriger vers le message original
  • Ajouter un bouton "Suivre
  • Ajouter ou supprimer un titre
  • Ajouter des boutons CTA sur les articles

Démo : Modèle de collage →

Modèle de flux

social media feed widget

Le modèle Feed est notre modèle par défaut, conçu pour la plupart des utilisateurs qui souhaitent afficher un mur de médias sociaux classique sur une page dédiée. Il contient tous les éléments dont vous aurez besoin pour créer un flux de médias sociaux pour votre site web. 

Utilisation: Pages dédiées, Pages d'accueil

Mise en page: Classique 

Caractéristiques

  • Mise en page réactive, à trois grilles de colonnes
  • Définir le nombre de messages par page
  • Options pour ajouter une pagination supplémentaire ou numérotée
  • Afficher des messages entiers dans une boîte à lumière ou rediriger vers le message original
  • Ajouter un bouton "Suivre
  • Ajouter ou supprimer un titre
  • Afficher ou supprimer la légende sous les images.

Démo : Modèle de flux →

Modèle de mur

wall social media widget

Le modèle Mur est très similaire au modèle Flux. Il se concentre davantage sur l'aspect classique d'un mur de média social, où le nom d'utilisateur et les logos du réseau de média social sont plus visibles en haut des messages. 

Utilisation: Pages dédiées, Pages d'accueil

Mise en page: Classique 

Caractéristiques

  • Mise en page réactive, à trois grilles de colonnes
  • Définir le nombre de messages par page.
  • Options pour ajouter une pagination supplémentaire ou numérotée
  • Afficher des messages entiers dans une boîte à lumière ou rediriger vers le message original
  • Ajouter un bouton "Suivre
  • Ajouter ou supprimer le titre
  • Afficher ou supprimer la légende sous les images.

Démo : Modèle de mur → 

Modèle de maçonnerie

masonry social media widget

Le modèle Masonry est un design moderne de type Pinterest pour les flux de médias sociaux. Il vise à présenter de manière plus élégante les images de produits ou les articles que vous avez publiés et contient des images plus pertinentes que le texte proprement dit. 

Utilisation: Pages dédiées, Pages d'accueil

Mise en page: Moderne 

Caractéristiques

  • Responsive, three-grid masonry layout (maçonnerie à trois grilles)
  • Définir le nombre de messages par page
  • Options pour ajouter une pagination supplémentaire ou numérotée
  • Afficher des messages entiers dans une boîte à lumière ou rediriger vers le message original
  • Ajouter un bouton "Suivre
  • Ajouter ou supprimer le titre
  • Afficher ou supprimer la légende sous les images

Démo : Modèle de maçonnerie →

Modèle de grille

grid social media widget

Le modèle Grid est un modèle classique pour présenter des images et intégrer un flux qui ressemble davantage à une galerie de photos. 

Utilisation: Pages dédiées, Pages d'atterrissage, Pages d'accueil

Mise en page: Classique 

Caractéristiques

  • Option réactive permettant de définir le nombre de colonnes dans la disposition de la grille
  • Définir la pagination entre les photos
  • Afficher la légende/le texte au survol
  • Afficher des messages entiers dans une boîte à lumière ou rediriger vers le message original
  • Ajouter un bouton "Suivre
  • Ajouter ou supprimer le titre
  • Ajouter des boutons CTA sur les articles

Démo : Modèle de grille → 

carousel social media widget

Il s'agit d'un modèle de carrousel moderne qui correspond aux dernières tendances de l'interface utilisateur pour afficher les flux de médias sociaux sur les points d'entrée de votre site Web. Il est parfait pour les marques de mode ou de cosmétiques.

Utilisation: Pages d'accueil, Pied de page, Pages de produits

Mise en page: Moderne 

Caractéristiques

  • Options de navigation dans les diapositives
  • Ouvrir les articles dans une boîte à lumière ou rediriger vers l'article original
  • Ajouter un bouton "Suivre
  • Ajouter ou supprimer un titre
  • Afficher la légende au survol
  • Définir l'autoplay

Démo : Modèle de carrousel → 

Modèle de diapositive

slider social media widget

Le curseur a un aspect plus classique que le carrousel et constitue une option "sûre" qui s'adapte à presque toutes les conceptions de sites web. 

Utilisation: Pages d'accueil, Pied de page, Pages de produits

Mise en page: Classique 

Caractéristiques

  • Options de navigation dans les diapositives
  • Ouvrir les articles dans une boîte à lumière ou rediriger vers l'article original
  • Ajouter un bouton "Suivre
  • Ajouter ou supprimer un titre
  • Afficher la légende au survol
  • Définir l'autoplay

Voici une démonstration d'un modèle de curseur intégré à ce billet :

Démonstration complète : Modèle de diapositive →

Cas d'utilisation : Intégrer le flux Collage dans Shopify

Nos flux fonctionnent avec n'importe quel CMS, constructeur de sites web ou plateforme de commerce électronique.

Dans cet exemple, nous allons présenter une utilisation simple dans une boutique Shopify où vous pouvez intégrer le flux Instagram avec le nouveau modèle Slider :

embed instagram feed in shopify

Pour d'autres intégrations de plateformes, consultez les liens ci-dessous :

Pourquoi intégrer dès maintenant un flux de médias sociaux sur votre site web ?

Vous pouvez bénéficier de nombreux avantages en tant que spécialiste du marketing en fusionnant la puissance des canaux de médias sociaux et de votre site web.

Nous mettons l'accent sur les principales d'entre elles :

  • Crée une meilleure expérience utilisateur sur votre page web qui maintient l'intérêt de vos visiteurs. 
  • Réduit votre taux de rebond et augmente la durée moyenne de votre session
  • Diffuser la notoriété de la marque et montrer les valeurs que vous représentez
  • Construit solidement preuve sociale
  • Stimule les ventes en proposant vos produits dans un format immersif
  • Développe votre présence sur les médias sociaux

Avant de commencer l'intégration, prenez le temps de réfléchir à ce que vous souhaitez obtenir en ajoutant des flux de médias sociaux à votre site web. 

Par exemple, si votre objectif est d'augmenter le temps d'attente des visiteurs, vous pouvez ajouter un champ d'application Flux FacebookLes visiteurs de votre site web peuvent ainsi regarder vos photos et vos vidéos et rester sur votre site. Si vous souhaitez tenir votre public au courant des dernières nouvelles de votre entreprise, un fil Twitter vous conviendra parfaitement. 

Ou si vous souhaitez attirer l'attention de votre public en présentant votre nouvelle collection. Dans ce cas, l'intégration d'un Fil Instagram sera une bonne idée pour vous. Pour accroître la visibilité de votre événement, envisagez de lancer une campagne de hashtags.

N'oubliez pas que vous pouvez toujours combiner votre contenu social provenant de plusieurs comptes de médias sociaux en un seul endroit si nécessaire.

À vous de choisir !

Prochaines étapes : Intégrer le flux des médias sociaux

Nous espérons que vous appréciez les nouveaux modèles et nous continuerons à en créer d'autres pour nos utilisateurs actuels et nouveaux.

Pour accéder au modèle, il vous suffit de :

  1. Se connecter vers EmbedFeed
  2. Naviguez jusqu'à Widgets et cliquez sur Modifier ou Créer un nouveau widget
  3. Dans la barre latérale, cliquez sur Modèles et choisissez le modèle dans la liste
  4. Personnalisez et modifiez votre flux de médias sociaux
  5. Copiez le code HTML fourni et collez-le dans votre outil de création de site web.
feed templates

Veuillez noter que vous pouvez agréger et combiner des médias provenant de différentes plateformes de médias sociaux dans un widget comme la page Facebook, Instagram, Twitter, Vimeo, YouTube ou TikTok. C'est à vous de décider quel contenu social améliorera votre présence en ligne.

En résumé

J'espère que l'observation de ces flux de médias sociaux en action vous a incité à offrir à l'audience de votre site web une expérience exceptionnelle.

Oui, n'hésitez pas à les essayer toutes et voyez laquelle sera le facteur WOW que votre site web mérite d'avoir.

Et si vous avez besoin d'aide pendant le processus d'installation, n'hésitez pas à nous contacter ; nous serons heureux de vous guider.

Image

Affichage mur des médias sociaux sur votre site web automatiquement !

Essayer EmbedFeed et affichez les flux Instagram, Facebook, YouTube, Pinterest, TikTok et Vimeo sur votre site web en quelques secondes.

Démarrer l'essai gratuit de 7 jours

PDG d'EmbedSocial 

Nikola Bojkov est le PDG d'EmbedSocial, un entrepreneur qui transforme les problèmes en produits. Avec plus d'une décennie d'expérience pratique avec les API des médias sociaux, il guide EmbedSocial dans son rôle de partenaire technique pour les PME et les grandes agences, en maximisant l'impact de leur contenu généré par les utilisateurs. EmbedSocial a des bureaux à Skopje, Tokyo et Lisbonne et compte plus de 250 000 utilisateurs.