Le bloc Page Facebook vous permet d'intégrer un flux en direct de votre Page Facebook directement sur n'importe quelle page SeedProd. Les visiteurs peuvent voir votre chronologie, vos événements ou vos messages sans quitter votre site web, ce qui vous aide à maintenir votre audience engagée et informée.
Avec des options pour contrôler les onglets affichés, ajuster le style de l'en-tête, afficher ou masquer les photos de profil, et définir la hauteur de l'intégration, ce bloc vous donne un contrôle total sur la façon dont votre Page Facebook apparaît sur votre site.
Ajouter le bloc Page Facebook à vos pages
Suivez ces étapes pour ajouter un bloc Page Facebook à votre page SeedProd :
Étape 1 : Ajouter le bloc
Sous Design > Blocs, faites glisser le bloc Page Facebook dans la section souhaitée de votre page.
Étape 2 : Configurer les paramètres de contenu
Une fois ajouté, cliquez sur le bloc Page Facebook pour ouvrir ses paramètres. Dans l'onglet Contenu, configurez la Page Facebook à afficher et son apparence.
Paramètres Facebook :
- ID d'application Facebook : Affiche votre application Facebook connectée. Si aucun ID d'application n'est encore configuré, vous verrez une invite pour le définir dans les Paramètres de la page. Une fois connecté, une option Changer d'application apparaît pour passer à une autre application.
- Lien : Entrez l'URL complète de la Page Facebook que vous souhaitez intégrer (par exemple, https://www.facebook.com/votrepage/).
- Onglets : Sélectionnez les onglets de contenu à afficher dans le flux de la page intégrée. Vous pouvez choisir un ou plusieurs parmi Chronologie, Événements et Messages. Chronologie affiche les publications récentes, Événements affiche les événements à venir, et Messages ouvre une option de messagerie directe.
- En-tête réduit : Activez pour afficher une version compacte de l'en-tête de la Page Facebook, économisant ainsi de l'espace vertical dans l'intégration.
- Masquer la photo de couverture : Activez pour masquer la photo de couverture de la page dans le flux intégré.
- Photos de profil : Activez pour afficher les photos de profil des amis qui aiment la page à côté de l'intégration.
- Masquer le bouton d'appel à l'action : Activez pour masquer le bouton d'appel à l'action (comme J'aime ou Suivre) de la page intégrée.
- Hauteur : Définissez la hauteur du flux de la Page Facebook intégrée en pixels, de 70 à 700 px.
- Alignement : Définissez l'alignement horizontal de la page intégrée — Gauche, Centre ou Droite.
Étape 3 : Personnaliser le design
Dans l'onglet Avancé, vous pouvez ajuster l'espacement et la visibilité de votre bloc Page Facebook.
Espacement :
- Marge : Contrôlez l'espacement extérieur autour de votre bloc Page Facebook (Haut, Droite, Bas, Gauche). Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
- Rembourrage : Ajustez l'espacement intérieur de votre bloc Page Facebook (Haut, Droite, Bas, Gauche). Prend en charge les valeurs par appareil pour ordinateur, tablette et mobile.
Attributs :
- ID CSS : Affiche l'identifiant unique généré automatiquement pour votre bloc Page Facebook, créé automatiquement par SeedProd pour un style personnalisé ou un ciblage JavaScript.
- Classe personnalisée : Ajoutez des classes CSS personnalisées pour appliquer des styles spécifiques de votre thème ou de votre CSS personnalisé.
- Attributs personnalisés : Ajoutez des attributs HTML à l’élément d’encapsulation du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format : nom-attribut|valeur.
Visibilité de l'appareil :
- Masquer sur ordinateur : Masquez le bloc Page Facebook sur les écrans d’ordinateur.
- Masquer sur tablette : Masquez le bloc Page Facebook sur les appareils tablettes.
- Masquer sur mobile : Masquez le bloc Page Facebook sur les appareils mobiles.
Effets d'animation :
- Animation d’entrée : Choisissez un effet d’animation qui se joue lorsque le bloc Page Facebook apparaît à l’écran, tel que Bounce, Fade In, Zoom In, Rotate In, et bien d’autres.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc Page Facebook et de personnaliser son apparence, assurez-vous de sauvegarder votre travail.
Vous avez ajouté avec succès un bloc Page Facebook à votre page ! Ce bloc permet d’intégrer facilement votre flux de Page Facebook en direct sur n’importe quelle page SeedProd, en gardant les visiteurs connectés à votre présence sociale sans les rediriger hors de votre site. Assurez-vous que votre ID d’application Facebook est configuré pour que la page intégrée se charge correctement pour tous les visiteurs.