Tutoriel Elementor PRO : Boutons de partage sociaux flottants

Partager sur facebook
Facebook
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn
Partager sur reddit
Reddit
Partager sur whatsapp
WhatsApp
Partager sur email
Email

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

miniature tutoriel elementor boutons sociaux flottants camel design 01
Elementor ajouter une popup

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
miniature tutoriel elementor boutons sociaux flottants camel design 02
Réglage popup elementor

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 :
miniature tutoriel elementor boutons sociaux flottants camel design 03
exemple de réseaux sociaux flottants
  • 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.

Partager sur facebook
Facebook
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn
Partager sur reddit
Reddit
Partager sur whatsapp
WhatsApp
Partager sur email
Email

Besoin d'explication, d'aide ou de support sur un article ?

Virement bancaire

BANQUE : N26 Bank GmbH, Klosterstr. 62, 10179 Berlin Germany
BÉNÉFICIAIRE : Mr GOVIN Mathieu
IBAN : DE23 1001 1001 2624 7230 79
BIC : NTSBDEB1XXX

camel design logo transparent

Nous utilisons des cookies pour améliorer votre expérience sur notre site. En utilisant notre site, vous acceptez les cookies. En savoir plus

Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur reddit
Partager sur email