


{"id":487,"date":"2018-01-25T14:19:30","date_gmt":"2018-01-25T13:19:30","guid":{"rendered":"https:\/\/www.raphaelle-lecot.fr\/blog\/?p=487"},"modified":"2019-12-01T21:22:43","modified_gmt":"2019-12-01T20:22:43","slug":"reussir-avec-le-web-2","status":"publish","type":"post","link":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/","title":{"rendered":"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; admin_label=\u00a0\u00bbsection\u00a0\u00bb _builder_version=\u00a0\u00bb3.22&Prime;][et_pb_row admin_label=\u00a0\u00bbrow\u00a0\u00bb _builder_version=\u00a0\u00bb3.25&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb][et_pb_column type=\u00a0\u00bb4_4&Prime; _builder_version=\u00a0\u00bb3.25&Prime; custom_padding=\u00a0\u00bb|||\u00a0\u00bb custom_padding__hover=\u00a0\u00bb|||\u00a0\u00bb][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p style=\"text-align: justify;\">Il est indispensable pour toute soci\u00e9t\u00e9 de mettre \u00e0 jour r\u00e9guli\u00e8rement son site Internet et ses pages de r\u00e9seaux sociaux (Facebook, Twitter, Instagram,&#8230;). Pour mes clients, g\u00e9n\u00e9ralement, je me charge de la mise \u00e0 jour de leur site tandis qu&rsquo;eux g\u00e8rent leur(s) page(s) de r\u00e9seaux sociaux. Pour l&rsquo;un d&rsquo;entre eux, j&rsquo;ai voulu coupler les deux en installant un <strong>Social Wall<\/strong> sur son site.\u00a0 \u00ab<i>\u00a0Un quoi\u00a0???<\/i>\u00a0\u00bb me diront certains. Un \u00ab mur social\u00a0\u00bb. Il s&rsquo;agit tout simplement d&rsquo;un espace sur lequel sont diffus\u00e9es des publications issues des r\u00e9seaux sociaux. Les informations sont en g\u00e9n\u00e9ral r\u00e9percut\u00e9es en temps r\u00e9el, ce qui permet d&rsquo;<strong>animer un site<\/strong>, <strong>faire grandir ses communaut\u00e9s Social Media<\/strong> mais \u00e9galement <strong>augmenter le temps pass\u00e9 sur son site web<\/strong>.<br \/> Pour mon client, il s&rsquo;agissait d&rsquo;int\u00e9grer les publications provenant de la page Facebook de sa soci\u00e9t\u00e9 directement sur son site internet. C&rsquo;est ce que j&rsquo;ai choisi de faire en testant le plugin <a href=\"https:\/\/codecanyon.net\/item\/flowflow-wordpress-social-stream-plugin\/9319434?ref=alexandreB&amp;clickthrough_id=1176073137&amp;redirect_back=true\" target=\"_blank\" rel=\"noopener noreferrer\">Flow-Flow<\/a>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/flow-flow-wordpress.png\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p style=\"text-align: justify;\">L&rsquo;extension <a href=\"https:\/\/codecanyon.net\/item\/flowflow-wordpress-social-stream-plugin\/9319434\" target=\"_blank\" rel=\"noopener noreferrer\">Flow-Flow<\/a> est un Freemium. La version gratuite permet d&rsquo;int\u00e9grer des publications provenant de Facebook, Twitter et Instagram. La version payante, quant \u00e0 elle, propose de nombreux autres r\u00e9seaux sociaux dont Google+, LinkedIn, Pinterset ou encore YouTube.<\/p>\n<h2 style=\"text-align: justify;\">\u00c9tape 1\u00a0: Autoriser la r\u00e9cup\u00e9ration de vos fils r\u00e9seaux sociaux<\/h2>\n<p style=\"text-align: justify;\">Il s&rsquo;agit dans un premier temps d&rsquo;autoriser toutes les API des r\u00e9seaux sociaux dont vous souhaitez diffuser les publications sur votre Social Wall.<br \/> Apr\u00e8s avoir install\u00e9 le plugin Flow-Flow, cliquez dans la colonne de gauche de votre administration WordPress sur <strong>Social Apps<\/strong> puis <strong>Flow-Flow Lite<\/strong>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/flow-flow-1.jpg\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p style=\"text-align: justify;\">Rendez-vous ensuite dans l&rsquo;onglet <strong>AUTH<\/strong> du Plugin. C&rsquo;est alors le moment de param\u00e9trer vos comptes r\u00e9seaux sociaux. Dans cet article, nous n&rsquo;aborderons que la question de Facebook mais je vous incite vivement \u00e0 lire la publication d&rsquo;<a href=\"https:\/\/wpmarmite.com\/social-wall-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">El\u00e9onor de la Marmite<\/a> qui aborde \u00e9galement les r\u00e9seaux Twitter, Instagram, LinkedIn, YouTube et Google+.<br \/> En ce qui concerne Facebook, allez dans la rubrique en question (<em>Facebook auth settings<\/em>) et d\u00e9sactiver l&rsquo;option <strong>Use Own App<\/strong> en mettant <strong>No<\/strong>. Un bouton \u00ab\u00a0Authorize\u00a0\u00bb appara\u00eet alors, cliquez dessus.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/flow-flow-2.jpg\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p style=\"text-align: justify;\">Il vous suffit alors de vous connecter \u00e0 votre compte Facebook et accepter le lien avec l&rsquo;application Flow-Flow. . Sauvegardez ensuite et passez \u00e0 l&rsquo;\u00e9tape suivante!<\/p>\n<h2 id=\"etape2\" style=\"text-align: justify;\">\u00c9tape 2 : Ajouter les flux Social Media au plugin Flow-Flow<\/h2>\n<p style=\"text-align: justify;\">Basculez d\u00e9sormais dans l&rsquo;onglet <strong>FEEDS<\/strong> (= flux) du plugin Flow-Flow.<br \/> Cliquez alors sur le bouton <strong>Create Feed<\/strong> pour cr\u00e9er un fil d&rsquo;actualit\u00e9. Choisir alors l&rsquo;ic\u00f4ne <strong>Facebook<\/strong>. Plusieurs options apparaissent alors.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/flow-flow-3.jpg\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p style=\"text-align: justify;\">Pour la <strong>Timeline Type<\/strong>, vous avez le choix entre\u00a0:<\/p>\n<ul style=\"text-align: justify;\">\n<li>les publications d\u2019un profil Facebook public<\/li>\n<li>les publications d\u2019un groupe Facebook<\/li>\n<li>un album photo Facebook<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Pour les deux premi\u00e8res options, Il vous suffira de rentrer l\u2019identifiant (ID) dans le champ \u00ab\u00a0PUBLIC PAGE &#8211; What content to stream\u00a0\u00bb. Pour trouver l\u2019identifiant d\u2019une page ou d\u2019un groupe Facebook, rendez-vous ici : <a href=\"http:\/\/lookup-id.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/lookup-id.com\/<\/a><br \/> Pour trouver son \u00ab\u00a0album ID\u00a0\u00bb et le saisir dans le champ \u00ab\u00a0PUBLIC PAGE &#8211; What content to stream\u00a0\u00bb, allez sur l\u2019album Facebook en question, et s\u00e9lectionnez dans l\u2019URL, comme suit :<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/id-facebook.jpg\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p style=\"text-align: justify;\">L\u2019option \u00ab\u00a0MODERATE THIS FEED\u00a0\u00bb vous permet d&rsquo;ajouter une \u00e9tape de <strong>validation des publications sur votre Social Wall<\/strong>. Elle peut \u00eatre utile si vous souhaitez s\u00e9lectionner certaines publications plut\u00f4t que d\u2019autres mais n&rsquo;est accessible qu&rsquo;avec la version payante du plugin.<br \/> Validez cette \u00e9tape en cliquant sur <strong>Add feed<\/strong>. Lorsque le fil d&rsquo;actualit\u00e9 a \u00e9t\u00e9 cr\u00e9\u00e9, il appara\u00eet normalement dans la liste des feeds.<\/p>\n<h2 id=\"etape3\" style=\"text-align: justify;\">\u00c9tape 3 : Cr\u00e9er votre Social Wall personnalis\u00e9<\/h2>\n<p style=\"text-align: justify;\">Dans cette partie, vous allez choisir les \u00ab\u00a0feeds\u00a0\u00bb que vous voudrez voir appara\u00eetre sur votre Social Wall, mais aussi personnaliser l\u2019apparence de ce mur.<\/p>\n<h3 id=\"etape3-sources\" style=\"text-align: justify;\">3.1 S\u00e9lectionner les sources<\/h3>\n<p style=\"text-align: justify;\">Allez dans l\u2019onglet <strong>STREAMS<\/strong> de votre plugin Flow-Flow. Cliquez sur le bouton <strong>CREATE STREAM<\/strong>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/flow-flow-4.jpg\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p style=\"text-align: justify;\">Vous atterrissez automatiquement dans l\u2019onglet <strong>SOURCE<\/strong>.<br \/> Donnez un nom \u00e0 votre Social Wall, puis cliquez sur le bouton <strong>CONNECT NEW FEED TO STREAM<\/strong>. S\u00e9lectionnez alors dans la liste d\u00e9roulante le(s) flux que vous avez cr\u00e9\u00e9(s) \u00e0 l\u2019\u00e9tape pr\u00e9c\u00e9dente et validez votre choix gr\u00e2ce au bouton vert.<br \/> Basculez ensuite dans l\u2019onglet <strong>GENERAL<\/strong> pour personnaliser les options de votre Social Wall.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/flow-flow-5.jpg\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p style=\"text-align: justify;\">Les plus importantes me paraissent \u00eatre les 3 premi\u00e8res :<\/p>\n<ul style=\"text-align: justify;\">\n<li>La fa\u00e7on de trier les diff\u00e9rentes publications sur le Social Wall : soit par importance et par date, soit strictement par date, soit de mani\u00e8re totalement al\u00e9atoire. Je pr\u00e9f\u00e8re personnellement la deuxi\u00e8me option, qui permet aux visiteurs de suivre mes actions sur les r\u00e9seaux sociaux au fil du temps.<\/li>\n<li>Le nombre de publications visibles sur le Social Wall. Un bouton \u201cvoir plus\u201d s\u2019affichera quoiqu\u2019il arrive s\u2019il y a plus de publications \u00e0 montrer, mais il vous faut choisir combien s\u2019affichent par d\u00e9faut.<\/li>\n<li>L\u2019option SHOW LIGHTBOX ON CARD CLICK : il s\u2019agit d\u2019une option qui permet, au clic, d\u2019agrandir la publication (disponible dans la version payante uniquement).<\/li>\n<\/ul>\n<h3 id=\"etape3-sources\" style=\"text-align: justify;\">3.2 Personnaliser le design de votre Social Wall<\/h3>\n<p style=\"text-align: justify;\">Dans l\u2019onglet <strong>GRID<\/strong>, il va s\u2019agir de choisir quelle apparence donner \u00e0 ce Social Wall.<br \/> Vous devrez d\u2019abord choisir votre \u00ab\u00a0Stream layout\u00a0\u00bb, c\u2019est-\u00e0-dire la forme que prendra votre Social Wall. Le seul choix possible pour la version gratuite est le layout <strong>\u00ab\u00a0Masonry\u00a0\u00bb<\/strong>, qui organise les publications en\u00a0 quinconce en fonction de leur taille.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/flow-flow-6.jpg\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;]<\/p>\n<p style=\"text-align: justify;\">La version payante propose \u00e9galement le layout \u00ab\u00a0<strong>Grid<\/strong>\u00a0\u00bb (publications toutes \u00e0 la m\u00eame taille) et le layout \u00ab\u00a0<strong>Justified<\/strong>\u00a0\u00bb (qui r\u00e9duit toutes les publications \u00e0 la taille de la plus petite).<br \/> Des param\u00e8tres de couleurs, marges ou encore alignement sont encore disponibles plus bas. N&rsquo;oubliez pas de cliquer sur <strong>Save Changes<\/strong> avant de passer \u00e0 l&rsquo;onglet suivant!<\/p>\n<h3 id=\"etape3-apparence\" style=\"text-align: justify;\">3.3 Personnaliser l\u2019apparence des publications r\u00e9seaux sociaux<\/h3>\n<p style=\"text-align: justify;\">Pour modifier l\u2019apparence de chacune de vos publications, rendez-vous dans l\u2019onglet <strong>STYLING<\/strong>.<br \/> Vous pouvez changer la mani\u00e8re dont les photos de profil apparaissent, les couleurs d\u2019encadrement ou de fond de vos posts, l\u2019alignement du texte\u2026 Un aper\u00e7u du rendu vous est directement donn\u00e9 dans la colonne de droite. Un syst\u00e8me de drag&rsquo;n&rsquo;drop est m\u00eame activ\u00e9 afin de modifier la position des diff\u00e9rents \u00e9l\u00e9ments.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00a0\u00bbhttps:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/flow-flow-7.jpg\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; show_in_lightbox=\u00a0\u00bbon\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb max_width=\u00a0\u00bb600px\u00a0\u00bb module_alignment=\u00a0\u00bbcenter\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime;][\/et_pb_image][et_pb_text admin_label=\u00a0\u00bbText\u00a0\u00bb _builder_version=\u00a0\u00bb4.0.7&Prime; background_size=\u00a0\u00bbinitial\u00a0\u00bb background_position=\u00a0\u00bbtop_left\u00a0\u00bb background_repeat=\u00a0\u00bbrepeat\u00a0\u00bb hover_enabled=\u00a0\u00bb0&Prime; custom_padding=\u00a0\u00bb||1px|||\u00a0\u00bb]<\/p>\n<p style=\"text-align: justify;\">L\u2019onglet <strong>CSS<\/strong> vous permet m\u00eame de rajouter manuellement des lignes de code pour personnaliser encore plus votre Social Wall.<\/p>\n<h2 id=\"etape4\" style=\"text-align: justify;\">\u00c9tape 4 : Int\u00e9grer votre Social Wall \u00e0 votre site WordPress<\/h2>\n<p style=\"text-align: justify;\">Notre Social Wall \u00e9tant d\u00e9sormais totalement configur\u00e9 et personnalis\u00e9, nous n&rsquo;avons plus qu&rsquo;\u00e0 l&rsquo;int\u00e9grer au site.<\/p>\n<h3 id=\"etape4-recuperer\" style=\"text-align: justify;\">4.1 R\u00e9cup\u00e9rer le shortcode de votre Social Wall<\/h3>\n<p style=\"text-align: justify;\">Toujours dans l\u2019onglet <strong>STREAM<\/strong>, rendez-vous dans le dernier onglet, nomm\u00e9 <strong>SHORTCODE<\/strong>. Copiez le shortcode (avec les crochets \ud83d\ude42 ), et appr\u00eatez-vous \u00e0 le coller dans le code de la page de votre choix.<\/p>\n<h3 id=\"etape4-inserer\" style=\"text-align: justify;\">4.2 Ins\u00e9rer le shortcode sur la page de votre choix<\/h3>\n<p style=\"text-align: justify;\">Si vous cr\u00e9ez une page d\u00e9di\u00e9e \u00e0 votre Social Wall, collez-y le shortcode dans le mode \u00ab\u00a0Texte\u00a0\u00bb.<br \/> Vous pouvez \u00e9galement int\u00e9grer le shortcode dans un module (un bloc de texte, par exemple) si vous utilisez un constructeur de page, voire m\u00eame dans un Widget (vous retrouverez le widget Flow-Flow), une bonne pratique pour dynamiser un blog, ou une page produit.<\/p>\n<h2 style=\"text-align: justify;\">Conclusion<\/h2>\n<p style=\"text-align: justify;\">Et voil\u00e0, si vous avez respect\u00e9 toutes ces \u00e9tapes, votre Social Wall est en ligne !<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il est indispensable pour toute soci\u00e9t\u00e9 de mettre \u00e0 jour r\u00e9guli\u00e8rement son site Internet et ses pages de r\u00e9seaux sociaux (Facebook, Twitter, Instagram,&#8230;). Pour mes clients, g\u00e9n\u00e9ralement, je me charge de la mise \u00e0 jour de leur site tandis qu&rsquo;eux g\u00e8rent leur(s) page(s) de r\u00e9seaux sociaux. Pour l&rsquo;un d&rsquo;entre eux, j&rsquo;ai voulu coupler les deux [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":885,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Il est indispensable pour toute soci\u00e9t\u00e9 de mettre \u00e0 jour r\u00e9guli\u00e8rement son site Internet et ses pages de r\u00e9seaux sociaux (Facebook, Twitter, Instagram,...). Pour mes clients, g\u00e9n\u00e9ralement, je me charge de la mise \u00e0 jour de leur site tandis qu'eux g\u00e8rent leur(s) page(s) de r\u00e9seaux sociaux. Pour l'un d'entre eux, j'ai voulu coupler les deux en installant un <strong>Social Wall<\/strong> sur son site.\u00a0 \u00ab<i>\u00a0Un quoi\u00a0???<\/i>\u00a0\u00bb me diront certains. Un \u00ab mur social\u00a0\u00bb. Il s'agit tout simplement d'un espace sur lequel sont diffus\u00e9es des publications issues des r\u00e9seaux sociaux. Les informations sont en g\u00e9n\u00e9ral r\u00e9percut\u00e9es en temps r\u00e9el, ce qui permet d'<strong>animer un site<\/strong>, <strong>faire grandir ses communaut\u00e9s Social Media<\/strong> mais \u00e9galement <strong>augmenter le temps pass\u00e9 sur son site web<\/strong>.\nPour mon client, il s'agissait d'int\u00e9grer les publications provenant de la page Facebook de sa soci\u00e9t\u00e9 directement sur son site internet. C'est ce que j'ai choisi de faire en testant le plugin <a href=\"https:\/\/codecanyon.net\/item\/flowflow-wordpress-social-stream-plugin\/9319434?ref=alexandreB&amp;clickthrough_id=1176073137&amp;redirect_back=true\" target=\"_blank\" rel=\"noopener noreferrer\">Flow-Flow<\/a>.\n<img class=\"aligncenter size-image-recette wp-image-490\" src=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/01\/flow-flow-wordpress-600x304.png\" alt=\"extension Flow-Flow pour Social Wall sur WordPress \" width=\"600\" height=\"304\" \/>\nL'extension <a href=\"https:\/\/codecanyon.net\/item\/flowflow-wordpress-social-stream-plugin\/9319434\" target=\"_blank\" rel=\"noopener noreferrer\">Flow-Flow<\/a> est un Freemium. La version gratuite permet d'int\u00e9grer des publications provenant de Facebook, Twitter et Instagram. La version payante, quant \u00e0 elle, propose de nombreux autres r\u00e9seaux sociaux dont Google+, LinkedIn, Pinterset ou encore YouTube.\n<h2>\u00c9tape 1\u00a0: Autoriser la r\u00e9cup\u00e9ration de vos fils r\u00e9seaux sociaux<\/h2>\nIl s'agit dans un premier temps d'autoriser toutes les API des r\u00e9seaux sociaux dont vous souhaitez diffuser les publications sur votre Social Wall.\nApr\u00e8s avoir install\u00e9 le plugin Flow-Flow, cliquez dans la colonne de gauche de votre administration WordPress sur <strong>Social Apps<\/strong> puis <strong>Flow-Flow Lite<\/strong>.\n<img class=\"aligncenter size-image-recette wp-image-493\" src=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/01\/flow-flow-1-600x303.jpg\" alt=\"plugin Flow-Flow pour site WordPress\" width=\"600\" height=\"303\" \/>\nRendez-vous ensuite dans l'onglet <strong>AUTH<\/strong> du Plugin. C'est alors le moment de param\u00e9trer vos comptes r\u00e9seaux sociaux. Dans cet article, nous n'aborderons que la question de Facebook mais je vous incite vivement \u00e0 lire la publication d'<a href=\"https:\/\/wpmarmite.com\/social-wall-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">El\u00e9onor de la Marmite<\/a> qui aborde \u00e9galement les r\u00e9seaux Twitter, Instagram, LinkedIn, YouTube et Google+.\nEn ce qui concerne Facebook, allez dans la rubrique en question (<em>Facebook auth settings<\/em>) et d\u00e9sactiver l'option <strong>Use Own App<\/strong> en mettant <strong>No<\/strong>. Un bouton \"Authorize\" appara\u00eet alors, cliquez dessus.\n<img class=\"aligncenter wp-image-496 size-image-recette\" src=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/01\/flow-flow-2-600x309.jpg\" alt=\"Plugin Flow-Flow pour site WordPress\" width=\"600\" height=\"309\" \/>\nIl vous suffit alors de vous connecter \u00e0 votre compte Facebook et accepter le lien avec l'application Flow-Flow. . Sauvegardez ensuite et passez \u00e0 l'\u00e9tape suivante!\n<h2 id=\"etape2\">\u00c9tape 2 : Ajouter les flux Social Media au plugin Flow-Flow<\/h2>\nBasculez d\u00e9sormais dans l'onglet <strong>FEEDS<\/strong> (= flux) du plugin Flow-Flow.\nCliquez alors sur le bouton <strong>Create Feed<\/strong> pour cr\u00e9er un fil d'actualit\u00e9. Choisir alors l'ic\u00f4ne <strong>Facebook<\/strong>. Plusieurs options apparaissent alors.\n<img class=\"aligncenter size-image-recette wp-image-498\" src=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/01\/flow-flow-3-600x309.jpg\" alt=\"Plugin Flow-Flow pour site WordPress\" width=\"600\" height=\"309\" \/>\nPour la <strong>Timeline Type<\/strong>, vous avez le choix entre\u00a0:\n<ul>\n \t<li>les publications d\u2019un profil Facebook public<\/li>\n \t<li>les publications d\u2019un groupe Facebook<\/li>\n \t<li>un album photo Facebook<\/li>\n<\/ul>\nPour les deux premi\u00e8res options, Il vous suffira de rentrer l\u2019identifiant (ID) dans le champ \"PUBLIC PAGE - What content to stream\". Pour trouver l\u2019identifiant d\u2019une page ou d\u2019un groupe Facebook, rendez-vous ici : <a href=\"http:\/\/lookup-id.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/lookup-id.com\/<\/a>\nPour trouver son \"album ID\" et le saisir dans le champ \"PUBLIC PAGE - What content to stream\", allez sur l\u2019album Facebook en question, et s\u00e9lectionnez dans l\u2019URL, comme suit :\n<img class=\"aligncenter size-image-recette wp-image-500\" src=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/01\/id-facebook-600x45.jpg\" alt=\"identifiant album facebook\" width=\"600\" height=\"45\" \/>\n&nbsp;\nL\u2019option \"MODERATE THIS FEED\" vous permet d'ajouter une \u00e9tape de <strong>validation des publications sur votre Social Wall<\/strong>. Elle peut \u00eatre utile si vous souhaitez s\u00e9lectionner certaines publications plut\u00f4t que d\u2019autres mais n'est accessible qu'avec la version payante du plugin.\nValidez cette \u00e9tape en cliquant sur <strong>Add feed<\/strong>. Lorsque le fil d'actualit\u00e9 a \u00e9t\u00e9 cr\u00e9\u00e9, il appara\u00eet normalement dans la liste des feeds.\n<h2 id=\"etape3\">\u00c9tape 3 : Cr\u00e9er votre Social Wall personnalis\u00e9<\/h2>\nDans cette partie, vous allez choisir les \"feeds\" que vous voudrez voir appara\u00eetre sur votre Social Wall, mais aussi personnaliser l\u2019apparence de ce mur.\n<h3 id=\"etape3-sources\">3.1 S\u00e9lectionner les sources<\/h3>\nAllez dans l\u2019onglet <strong>STREAMS<\/strong> de votre plugin Flow-Flow. Cliquez sur le bouton <strong>CREATE STREAM<\/strong>.\n<img class=\"aligncenter size-image-recette wp-image-503\" src=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/01\/flow-flow-4-600x311.jpg\" alt=\"Plugin Flow-Flow pour site WordPress\" width=\"600\" height=\"311\" \/>\nVous atterrissez automatiquement dans l\u2019onglet <strong>SOURCE<\/strong>.\nDonnez un nom \u00e0 votre Social Wall, puis cliquez sur le bouton <strong>CONNECT NEW FEED TO STREAM<\/strong>. S\u00e9lectionnez alors dans la liste d\u00e9roulante le(s) flux que vous avez cr\u00e9\u00e9(s) \u00e0 l\u2019\u00e9tape pr\u00e9c\u00e9dente et validez votre choix gr\u00e2ce au bouton vert.\nBasculez ensuite dans l\u2019onglet <strong>GENERAL<\/strong> pour personnaliser les options de votre Social Wall.\n<img class=\"aligncenter size-image-recette wp-image-504\" src=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/01\/flow-flow-5-600x310.jpg\" alt=\"Plugin Flow-Flow pour site WordPress\" width=\"600\" height=\"310\" \/>\nLes plus importantes me paraissent \u00eatre les 3 premi\u00e8res :\n<ul>\n \t<li>La fa\u00e7on de trier les diff\u00e9rentes publications sur le Social Wall : soit par importance et par date, soit strictement par date, soit de mani\u00e8re totalement al\u00e9atoire. Je pr\u00e9f\u00e8re personnellement la deuxi\u00e8me option, qui permet aux visiteurs de suivre mes actions sur les r\u00e9seaux sociaux au fil du temps.<\/li>\n \t<li>Le nombre de publications visibles sur le Social Wall. Un bouton \u201cvoir plus\u201d s\u2019affichera quoiqu\u2019il arrive s\u2019il y a plus de publications \u00e0 montrer, mais il vous faut choisir combien s\u2019affichent par d\u00e9faut.<\/li>\n \t<li>L\u2019option SHOW LIGHTBOX ON CARD CLICK : il s\u2019agit d\u2019une option qui permet, au clic, d\u2019agrandir la publication (disponible dans la version payante uniquement).<\/li>\n<\/ul>\n<h3 id=\"etape3-sources\">3.2 Personnaliser le design de votre Social Wall<\/h3>\nDans l\u2019onglet <strong>GRID<\/strong>, il va s\u2019agir de choisir quelle apparence donner \u00e0 ce Social Wall.\nVous devrez d\u2019abord choisir votre \"Stream layout\", c\u2019est-\u00e0-dire la forme que prendra votre Social Wall. Le seul choix possible pour la version gratuite est le layout <strong>\"Masonry\"<\/strong>, qui organise les publications en\u00a0 quinconce en fonction de leur taille.\n<img class=\"aligncenter size-image-recette wp-image-506\" src=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/01\/flow-flow-6-600x309.jpg\" alt=\"Plugin Flow-Flow pour site WordPress\" width=\"600\" height=\"309\" \/>\nLa version payante propose \u00e9galement le layout \"<strong>Grid<\/strong>\" (publications toutes \u00e0 la m\u00eame taille) et le layout \"<strong>Justified<\/strong>\" (qui r\u00e9duit toutes les publications \u00e0 la taille de la plus petite).\nDes param\u00e8tres de couleurs, marges ou encore alignement sont encore disponibles plus bas. N'oubliez pas de cliquer sur <strong>Save Changes<\/strong> avant de passer \u00e0 l'onglet suivant!\n<h3 id=\"etape3-apparence\">3.3 Personnaliser l\u2019apparence des publications r\u00e9seaux sociaux<\/h3>\nPour modifier l\u2019apparence de chacune de vos publications, rendez-vous dans l\u2019onglet <strong>STYLING<\/strong>.\nVous pouvez changer la mani\u00e8re dont les photos de profil apparaissent, les couleurs d\u2019encadrement ou de fond de vos posts, l\u2019alignement du texte\u2026 Un aper\u00e7u du rendu vous est directement donn\u00e9 dans la colonne de droite. Un syst\u00e8me de drag'n'drop est m\u00eame activ\u00e9 afin de modifier la position des diff\u00e9rents \u00e9l\u00e9ments.\n<img class=\"aligncenter size-image-recette wp-image-508\" src=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2018\/01\/flow-flow-7-600x309.jpg\" alt=\"Plugin Flow-Flow pour site WordPress\" width=\"600\" height=\"309\" \/>\nL\u2019onglet <strong>CSS<\/strong> vous permet m\u00eame de rajouter manuellement des lignes de code pour personnaliser encore plus votre Social Wall.\n<h2 id=\"etape4\">\u00c9tape 4 : Int\u00e9grer votre Social Wall \u00e0 votre site WordPress<\/h2>\nNotre Social Wall \u00e9tant d\u00e9sormais totalement configur\u00e9 et personnalis\u00e9, nous n'avons plus qu'\u00e0 l'int\u00e9grer au site.\n<h3 id=\"etape4-recuperer\">4.1 R\u00e9cup\u00e9rer le shortcode de votre Social Wall<\/h3>\nToujours dans l\u2019onglet <strong>STREAM<\/strong>, rendez-vous dans le dernier onglet, nomm\u00e9 <strong>SHORTCODE<\/strong>. Copiez le shortcode (avec les crochets :) ), et appr\u00eatez-vous \u00e0 le coller dans le code de la page de votre choix.\n<h3 id=\"etape4-inserer\">4.2 Ins\u00e9rer le shortcode sur la page de votre choix<\/h3>\nSi vous cr\u00e9ez une page d\u00e9di\u00e9e \u00e0 votre Social Wall, collez-y le shortcode dans le mode \"Texte\".\nVous pouvez \u00e9galement int\u00e9grer le shortcode dans un module (un bloc de texte, par exemple) si vous utilisez un constructeur de page, voire m\u00eame dans un Widget (vous retrouverez le widget Flow-Flow), une bonne pratique pour dynamiser un blog, ou une page produit.\n<h2>Conclusion<\/h2>\nEt voil\u00e0, si vous avez respect\u00e9 toutes ces \u00e9tapes, votre Social Wall est en ligne!","_et_gb_content_width":"","footnotes":""},"categories":[3,5,6,7],"tags":[20,37,41,44,45,46,48,49],"class_list":["post-487","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet","category-site-web","category-tous","category-wordpress","tag-facebook","tag-plugin","tag-reseaux-sociaux","tag-site-internet","tag-social-media","tag-social-wall","tag-webmarketing","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow - Astuces, Notes et Techniques du Web<\/title>\n<meta name=\"description\" content=\"Voici 5 bonnes raisons pour lesquelles chaque entreprise a besoin d&#039;un site Web Pro pour le marketing de la recherche locale. Chiffres \u00e0 l&#039;appui...\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow - Astuces, Notes et Techniques du Web\" \/>\n<meta property=\"og:description\" content=\"Voici 5 bonnes raisons pour lesquelles chaque entreprise a besoin d&#039;un site Web Pro pour le marketing de la recherche locale. Chiffres \u00e0 l&#039;appui...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Astuces, Notes et Techniques du Web\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-25T13:19:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-01T20:22:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/Social-wall-Flow-Flow-WordPress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Rapha\u00eblle L\u00e9cot\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rapha\u00eblle L\u00e9cot\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/\"},\"author\":{\"name\":\"Rapha\u00eblle L\u00e9cot\",\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/#\\\/schema\\\/person\\\/cf1702a56eb8ac0ef5c22a850684c9c9\"},\"headline\":\"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow\",\"datePublished\":\"2018-01-25T13:19:30+00:00\",\"dateModified\":\"2019-12-01T20:22:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/\"},\"wordCount\":1826,\"image\":{\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Social-wall-Flow-Flow-WordPress.jpg\",\"keywords\":[\"Facebook\",\"Plugin\",\"R\u00e9seaux sociaux\",\"Site internet\",\"Social media\",\"Social Wall\",\"webmarketing\",\"WordPress\"],\"articleSection\":[\"Internet\",\"Site Web\",\"Tous\",\"WordPress\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/\",\"url\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/\",\"name\":\"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow - Astuces, Notes et Techniques du Web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Social-wall-Flow-Flow-WordPress.jpg\",\"datePublished\":\"2018-01-25T13:19:30+00:00\",\"dateModified\":\"2019-12-01T20:22:43+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/#\\\/schema\\\/person\\\/cf1702a56eb8ac0ef5c22a850684c9c9\"},\"description\":\"Voici 5 bonnes raisons pour lesquelles chaque entreprise a besoin d'un site Web Pro pour le marketing de la recherche locale. Chiffres \u00e0 l'appui...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Social-wall-Flow-Flow-WordPress.jpg\",\"contentUrl\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/Social-wall-Flow-Flow-WordPress.jpg\",\"width\":800,\"height\":410,\"caption\":\"Cr\u00e9er un social wall avec le plugin Flow-Flow\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/reussir-avec-le-web-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/\",\"name\":\"Astuces, Notes et Techniques du Web\",\"description\":\"par Rapha\u00eblle L\u00e9cot\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.raphaelle-lecot.fr\\\/blog\\\/#\\\/schema\\\/person\\\/cf1702a56eb8ac0ef5c22a850684c9c9\",\"name\":\"Rapha\u00eblle L\u00e9cot\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow - Astuces, Notes et Techniques du Web","description":"Voici 5 bonnes raisons pour lesquelles chaque entreprise a besoin d'un site Web Pro pour le marketing de la recherche locale. Chiffres \u00e0 l'appui...","robots":{"index":"noindex","follow":"follow"},"og_locale":"fr_FR","og_type":"article","og_title":"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow - Astuces, Notes et Techniques du Web","og_description":"Voici 5 bonnes raisons pour lesquelles chaque entreprise a besoin d'un site Web Pro pour le marketing de la recherche locale. Chiffres \u00e0 l'appui...","og_url":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/","og_site_name":"Astuces, Notes et Techniques du Web","article_published_time":"2018-01-25T13:19:30+00:00","article_modified_time":"2019-12-01T20:22:43+00:00","og_image":[{"width":800,"height":410,"url":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/Social-wall-Flow-Flow-WordPress.jpg","type":"image\/jpeg"}],"author":"Rapha\u00eblle L\u00e9cot","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Rapha\u00eblle L\u00e9cot","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/#article","isPartOf":{"@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/"},"author":{"name":"Rapha\u00eblle L\u00e9cot","@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/#\/schema\/person\/cf1702a56eb8ac0ef5c22a850684c9c9"},"headline":"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow","datePublished":"2018-01-25T13:19:30+00:00","dateModified":"2019-12-01T20:22:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/"},"wordCount":1826,"image":{"@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/Social-wall-Flow-Flow-WordPress.jpg","keywords":["Facebook","Plugin","R\u00e9seaux sociaux","Site internet","Social media","Social Wall","webmarketing","WordPress"],"articleSection":["Internet","Site Web","Tous","WordPress"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/","url":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/","name":"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow - Astuces, Notes et Techniques du Web","isPartOf":{"@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/#primaryimage"},"image":{"@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/Social-wall-Flow-Flow-WordPress.jpg","datePublished":"2018-01-25T13:19:30+00:00","dateModified":"2019-12-01T20:22:43+00:00","author":{"@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/#\/schema\/person\/cf1702a56eb8ac0ef5c22a850684c9c9"},"description":"Voici 5 bonnes raisons pour lesquelles chaque entreprise a besoin d'un site Web Pro pour le marketing de la recherche locale. Chiffres \u00e0 l'appui...","breadcrumb":{"@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/#primaryimage","url":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/Social-wall-Flow-Flow-WordPress.jpg","contentUrl":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-content\/uploads\/2019\/12\/Social-wall-Flow-Flow-WordPress.jpg","width":800,"height":410,"caption":"Cr\u00e9er un social wall avec le plugin Flow-Flow"},{"@type":"BreadcrumbList","@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/reussir-avec-le-web-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.raphaelle-lecot.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Cr\u00e9er un Social Wall sur son site WordPress avec Flow-Flow"}]},{"@type":"WebSite","@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/#website","url":"https:\/\/www.raphaelle-lecot.fr\/blog\/","name":"Astuces, Notes et Techniques du Web","description":"par Rapha\u00eblle L\u00e9cot","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.raphaelle-lecot.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/www.raphaelle-lecot.fr\/blog\/#\/schema\/person\/cf1702a56eb8ac0ef5c22a850684c9c9","name":"Rapha\u00eblle L\u00e9cot"}]}},"_links":{"self":[{"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/posts\/487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/comments?post=487"}],"version-history":[{"count":0,"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/posts\/487\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/media\/885"}],"wp:attachment":[{"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/media?parent=487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/categories?post=487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.raphaelle-lecot.fr\/blog\/wp-json\/wp\/v2\/tags?post=487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}