Voici un tutoriel pour vous montrer comment ajouter avec le système de popup d’elementor pro, comment ajouter des boutons de partage sociaux flottants sur votre site internet.
1. Ajouter une nouvelle popup avec elementor
Rendez-vous dans votre Backoffice wordpress dans la partie réservée à elementor : Modèle => fenêtres modales et créer une nouvelle popup que vous appellerez : boutons sociaux flottants
2. Réglage de la popup elementor
Cliquer sur la petite roue crantée tout en bas a gauche et régler votre popup. Voici un exemple :
- Largeur : 100px
- Hauteur : ajusté au contenu
- Position : horizontal : droite, vertical : centre
- Superposition et bouton de fermeture : Désactivé
- Animation : vous pouvez jouer avec toutes les animations d’entrées venant de droite, par exemple un slide right pour que vous boutons apparaissent comme s’ils glissaient de la droite.
- Sous-onglet Style : couleur d’arriere plan : n’importe qu’elle couleur complètement transparente
3. Création des boutons de partage sociaux flottants
- Ajouter une zone dans votre section avec 2 colonnes de 50% chacune.
- Mettez les marges internes et externes de votre section, puis des 2 colonnes à 0 partout.
- Ajouter le Widget : Boutons de partage dans la colonne de droite
- Régler votre widget de bouton de partage en ajoutant les différents réseaux sociaux que vous désirez, voici un exemple :
- Penser également a ajuter en tablette et mobile vos colonnes pour qu’elles soient toujours les 2 à 50% de largeur
4. Conditions d’affichage de la popup
- Conditions : Inclure dans tous le site (si vous utilisez woocommerce ajouter également en plus dans toute la boutique).
- Déclencheurs : au chargement de la page avec 0 secondes
- Règles avancés : Aucunes
Voila, vous avez maintenant de beaux boutons de partage sociaux flottants créés avec elementor qui sont affichés sur tout votre site internet et qui permettront à vos visiteurs de pouvoir partager tous vos contenus sur leurs réseaux sociaux. Notre site internet utilise ce système, donc vous pouvez voir le résultat en direct sur votre droite.
