L’extension Flow-Flow de Social Streams permet d’afficher sur votre site internet les publications que vous faites sur vos rĂ©seaux sociaux pour composer ce que l’on appelle un « social wall ». Vous proposez ainsi en quelques clics Ă vos visiteurs un aperçu complet de vos publications sur vos rĂ©seaux sociaux.
Le plugin est disponible en version gratuite (limitĂ©e Ă l’affichage de 4 rĂ©seaux : Facebook, Twitter, Instagram et Pinterest). La version payante (36$ payable une fois pour toutes) permet de gĂ©rer 14 flux : Facebook, Twitter, Instagram, Google+, Pinterest, SoundCloud, LinkedIn, Foursquare, Dribble, YouTube, Vimeo, Flickr, Tumblr, WordPress et Flux RSS.
Sommaire
Autorisez Facebook et Instagram
authentification unifiée depuis février 2021
Ătape 1 : Connectez-vous au Tableau de bord de votre site et rendez-vous dans la section Social Apps > Flow-Flow Lite.
Ătape 2 : Cliquez sur lâonglet « AUTH » puis accĂ©dez Ă la section « Facebook and Instagram integration« .
Ătape 3 : Cliquez sur le bouton « CONNECT » :
Ătape 4 : Vous ĂȘtes redirigĂ© vers Facebook Ă vous connecter Ă votre compte et Ă accepter lâinteraction avec Flow-Flow : sĂ©lectionnez votre Page Facebook et, si c’est votre choix, votre compte Instagram, puis suivez les Ă©tapes de validation.
Ătape 5 : A la fin de cette procĂ©dure, vous ĂȘtes redirigĂ© sur la page des rĂ©glages de Flow-Flow : le code d’authentification du champ « ACCESS TOKEN » sera renseignĂ©.
Sauvegardez en cliquant sur le bouton vert « Save Changes ».
Autorisez Twitter
RĂ©cupĂ©rez vos clĂ©s d’authentification sur Twitter :
- Connectez-vous à Twitter et rendez vous sur cette page : https://apps.twitter.com pour créer une application qui va permettre la connexion entre votre site et votre Twitter.
- Cliquez sur « Create New App »
- Remplissez les champs : Name (ce que vous souhaitez, par exemple Flow-Flow pour mon site) ; Description (une petite phrase qui vous permettra de vous souvenir Ă quoi sert cette application) ; Website (l’url – l’adresse – du site qui doit recevoir cette autorisation, sous la forme : https://www.mirobolus.fr/)
- Cocher la case de consentement puis validez votre action en cliquant sur le bouton « Create your Twitter application »
- Sur la page suivante, cliquez sur l’onglet « Key Access and Tokens » : vous y trouverez les clĂ©s d’authentification Ă insĂ©rer dans la configuration de votre plugin sur votre site.
InsĂ©rez vos clĂ©s d’authentification dans les rĂ©glages de Flow-Flow sur votre site :
- Connectez-vous Ă votre tableau de bord et rendez-vous dans la section Social Apps > Flow-Flow Lite
- Cliquez sur lâonglet « AUTH » puis accĂ©dez Ă la section qui concerne Twitter
- Copiez-collez les 2 clés « CONSUMER KEY (API KEY) » et « CONSUMER SECRET (API SECRET) » délivrées par Twitter et enregistrez.
GĂ©nĂ©rez l’Access Token
- Retournez sur la page de Twitter, toujours dans lâonglet âKey Access and Tokensâ, et cliquez sur le bouton « Create my access token ».
- Copiez les nouveaux codes générés ACCESS TOKEN et ACCESS TOKEN SECRET dans la page de réglages de votre plugin.
Sauvegardez en cliquant sur le bouton vert « Save Changes »
Ajouter un nouveau réseau social
Créez votre fil de publications Facebook
- Rendez vous sur l’onglet âFEEDSâ
- Cliquez sur le bouton âCREATE FEEDâ puis sĂ©lectionnez l’icĂŽne Facebook
- Vous avez alors le choix entre 3 types de contenus :
- Le contenu d’un profil ou d’une page Facebook public : entrez son identifiant dans le champ âCONTENT TO SHOWâ.
- Le contenu dâun groupe Facebook : entrez son identifiant dans le champ âCONTENT TO SHOWâ.
- Un album photo Facebook : entrez son identifiant (album ID) dans le champ âCONTENT TO SHOWâ.
Sauvegardez en cliquant sur le bouton vert « Save Changes »
Créez votre fil de publications Instagram
- Rendez vous sur l’onglet âFEEDSâ
- Cliquez sur le bouton âCREATE FEEDâ puis sĂ©lectionnez l’icĂŽne Facebook
- Vous avez alors le choix entre 4 types de contenus :
- User feed = les photos dâun compte Instagram : entrez le nom d’utilisateur que vous trouverez dans l’URL du compte Instagram dans le champ âCONTENT TO SHOWâ.
- Userâs likes = les photos aimĂ©es par un utilisateur : entrez le nom d’utilisateur que vous trouverez dans l’URL du compte Instagram dans le champ âCONTENT TO SHOWâ.
- Hastag = les publications liĂ©es Ă un hashtag en particulier : entrez le hashtag dans le champ âCONTENT TO SHOWâ.
- Location = les publications liĂ©es Ă un lieu : entrez l’identifiant Instagram de ce lieu (voir image ci-dessous) dans le champ âCONTENT TO SHOWâ.
Sauvegardez en cliquant sur le bouton vert « Save Changes »
Créez votre fil de publications Twitter
- Rendez vous sur l’onglet âFEEDSâ
- Cliquez sur le bouton âCREATE FEEDâ puis sĂ©lectionnez l’icĂŽne Twitter
- Vous avez alors le choix entre 5 types de contenus :
- Home Timeline = Votre fil Twitter : entrez votre nom d’utilisateur dans le champ âCONTENT TO SHOWâ
- User feed = Le fil Twitter dâun autre twittos : entrez son nom d’utilisateur dans le champ âCONTENT TO SHOWâ
- Tweets by search = des tweets par hashtag : entrez le hashtag dans le champ âCONTENT TO SHOWâ
- User list = Les tweets de la liste dâabonnĂ©s dâun twittos : entrez son nom d’utilisateur dans le champ âCONTENT TO SHOWâ et le nom de sa liste dans le champ âLIST NAMEâ.
- Les âlikesâ dâun twittos : entrez son nom d’utilisateur dans le champ âCONTENT TO SHOWâ
Créer un nouveau mur
Maintenant que vous avez authentifié vos propres réseaux, et créé vos flux de contenus, vous pouvez générer un nouveau mur (ou Social Wall) que vous allez insérer dans une page de votre site.
- Rendez vous sur l’onglet âSTREAMSâ
- Cliquez sur le bouton « CREATE STREAM »
- Donnez-lui un nom pour le reconnaßtre parmi vos différents streams
- Dans l’onglet « SOURCE », sĂ©lectionnez le ou les contenu(s) souhaitĂ©s
- Parcourez les autres onglets pour modifier l’apparence et les styles de votre nouveau mur
- Rendez vous dans l’onglet « SHORTCODE » pour copier le code gĂ©nĂ©rĂ© (sous la forme : ) que vous devrez coller dans un article, une page, ou un module « Code » de DIVI.
Et voilĂ le rĂ©sultat !Â
Dépannage
Si vous constatez des erreurs dâaffichage des flux de vos rĂ©seaux sociaux dĂ©clarĂ©s dans l’extension Flow-Flow, il est nĂ©cessaire de rĂ©initialiser les autorisations des applications.
Préambule
Connectez-vous aux réseaux sociaux déclarés dans Flow-Flow.
Ătape 1 : RĂ©initialiser les caches
- Dans le Tableau de Bord > Social Apps > Flow-Flow Lite
- Cliquez sur lâonglet « FEEDS »
- Cliquez sur lâicĂŽne reprĂ©sentant 3 points en dĂ©but de la ligne du Flux en erreur, puis cliquez sur « Rebuild cache »
- Vérifiez sur la page qui affiche vos activités si le flux en question apparait de nouveau.
Sinon, passez Ă lâĂ©tape suivante.
Ătape 2 : RecrĂ©er les authentifications
- Dans le Tableau de Bord > Social Apps > Flow-Flow Lite
- Cliquez sur lâonglet « AUTH »
- Accédez au flux en erreur
- Tentez de rafraichir l’autorisation : cliquez sur le lien REFRESH TOKENÂ
- Si vous ĂȘtes dĂ©jĂ connectĂ© Ă votre rĂ©seau social, lâaction est terminĂ©e, le lien entre votre site et le rĂ©seau social est rĂ©tabli.
- Si vous nâĂȘtes pas connectĂ©, une fenĂȘtre vous invitera Ă vous identifier.
- Si le problĂšme persiste, il vous faut vous reconnecter :
- Cliquez sur le bouton « LOG OUT » (= se déconnecter)
- Cliquez sur le bouton « AUTHORIZE » :
- Si vous ĂȘtes dĂ©jĂ connectĂ© Ă votre rĂ©seau social, lâaction est terminĂ©e, le lien entre votre site et le rĂ©seau social est rĂ©tabli.
- Si vous nâĂȘtes pas connectĂ©, une fenĂȘtre vous invitera Ă vous identifier.
ALLER PLUS LOIN…
Tutoriel de Social Apps pour lâauthentification Ă Instagram : https://docs.social-streams.com/article/47-authenticate-with-instagram
Tutoriel de Social Apps pour lâauthentification Ă Facebook : https://docs.social-streams.com/article/46-authenticate-with-facebook
Si le problĂšme se rĂ©pĂšte trop frĂ©quemment, il sera nĂ©cessaire dâeffectuer cette authentification avec une mĂ©thode DĂ©veloppeur : https://docs.social-streams.com/article/46-authenticate-with-facebook#method2






