Le bloc Facebook Page vous permet d'intégrer un flux Facebook Page en direct 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 l'intérêt de votre public et à le tenir informé.
Avec des options permettant de contrôler les onglets affichés, d'ajuster le style de l'en-tête, d'afficher ou de masquer les photos de profil et de définir la hauteur d'intégration, ce bloc vous offre un contrôle total sur l'apparence de votre page Facebook 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, glissez-déposez 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 de l'application Facebook : affiche votre application Facebook connectée. Si aucun ID d'application n'est encore configuré, vous serez invité à le définir dans les paramètres de la page. Une fois connecté, une option Modifier l'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/yourpage/).
- Onglets : sélectionnez les onglets de contenu à afficher dans le flux de la page intégrée. Vous pouvez en choisir un ou plusieurs parmi Chronologie, Événements et Messages. La chronologie affiche les publications récentes, les événements affichent les événements à venir et les messages ouvrent une option de messagerie directe.
- Petit en-tête : activez cette option pour afficher une version compacte de l'en-tête de la page Facebook, ce qui permet de gagner de l'espace vertical dans l'intégration.
- Masquer la photo de couverture : activez cette option pour masquer la photo de couverture de la page dans le flux intégré.
- Photos de profil : activez cette option pour afficher les photos de profil des amis qui aiment la page à côté de l'intégration.
- Masquer le bouton CTA : activez cette option pour masquer le bouton d'appel à l'action (tel que « 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, entre 70 et 700 px.
- Alignement : définissez l'alignement horizontal de la page intégrée : à gauche, au centre ou à droite.
Étape 3 : Personnalisez le design
Dans l'onglet Avancé, vous pouvez régler 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 les ordinateurs de bureau, les tablettes et les mobiles.
- Remplissage : ajustez l'espacement intérieur dans votre bloc Page Facebook (haut, droite, bas, gauche). Prend en charge les valeurs par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
Attributs :
- CSS ID : 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 à partir de votre thème ou de votre CSS personnalisé.
- Attributs personnalisés : ajoutez n'importe quel attribut HTML à l'élément conteneur du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format : nom-de-l'attribut|valeur.
Visibilité des appareils :
- Masquer sur le bureau : masquer le bloc Page Facebook sur les écrans d'ordinateur.
- Masquer sur tablette : masquez le bloc Page Facebook sur les 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 s'affiche lorsque le bloc Page Facebook apparaît à l'écran, tel que Rebond, Fondu entrant, Zoom avant, Rotation vers l'intérieur, et bien d'autres encore.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc Page Facebook et de personnaliser son apparence, veillez à enregistrer votre travail.
Vous avez ajouté avec succès un bloc Facebook Page à votre page ! Ce bloc vous permet d'afficher facilement le fil d'actualité de votre page Facebook sur n'importe quelle page SeedProd, ce qui permet aux visiteurs de rester connectés à votre présence sur les réseaux sociaux sans les rediriger hors de votre site. Assurez-vous que votre identifiant d'application Facebook est configuré correctement afin que la page intégrée s'affiche correctement pour tous les visiteurs.