Diriger vers un lien, une section, un pop-up, une adresse email ou un numéro de téléphone via une action de clic

Dans cet article, vous allez apprendre comment diriger une action de clic vers un lien, une section, une adresse email et/ou un numéro de téléphone à un élément pour que vos clients puissent accéder rapidement à d’autres liens, section, envoyer un email ou vous passer un appel téléphonique sans quitter la page.

Le contenu de cette page est valide pour n’importe quel type de page mais est extrêmement pratique pour la page Nous contacter de votre boutique grâce à la possibilité d’envoyer directement un email ou lancer un appel téléphonique.

Diriger vers un autre lien

  • Sélectionnez l’élément pour lequel vous voulez insérer un lien direct (un bouton, une icône ou un bloc – vérifiez le chemin pour être sur que vous avez sélectionné le bon)
  • Cliquez sur l’onglet Général > ACTION > ACTION DE CLIC > Choisissez la première icône intitulée “Aller à une adresse URL
  • Insérez votre adresse URL en cliquant sur l’icône “Aller à une adresse URL
  • Activez Ouvrir un nouvel onglet pour diriger l’action vers un onglet différent (optionel)

Diriger vers une section interne de la page

  • Sélectionnez l’élément pour lequel vous voulez insérer un lien direct (un bouton, une icône ou un bloc – vérifiez le chemin pour être sur que vous avez sélectionné le bon)
  • Cliquez sur l’onglet Général > ACTION > ACTION DE CLIC > Choisissez la deuxième icône intitulée “Atteindre une section
  • Choisissez la section dans le menu déroulant Atteindre une section.

click action section
Cette vidéo vous donnera une meilleure démonstration de la façon de lier un élément à une section spécifique d’une page existante

Notez que toutes vos sections dans l’éditeur de page sont automatiquement nommées “Section”. Pour choisir la bonne section, nous vous suggérons de changer le nom de chaque section pour pouvoir clairement les identifier. Voir la vidéo ci-dessous pour plus détails.

click action section name
Une autre manière de changer le nom de votre section est d’utiliser les réglages ATTRIBUTS :

click action section name 2
Cette vidéo vous montrera une démonstration spécifique sur la façon de nommer une section

Ouvrir un Pop-up avec du contenu

  • Cette action de clic vous permet d’afficher un popup avec du contenu, par exemple une vidéo YouTube ou du contenu de votre boutique (une collection, un produit, un article de votre blog).
  • Sélectionnez l’élément pour lequel vous voulez insérer un lien direct (un bouton, une icône ou un bloc – vérifiez le chemin pour être sur que vous avez sélectionné le bon)
  • Cliquez sur l’onglet Général > ACTION > ACTION DE CLIC > Choisissez la dernière icône intitulée Ouvrir Pop-up.
  • Choisissez le Contenu du Pop-up dans le menu déroulant : Vidéo YouTube ou Contenu de votre boutique puis insérez l’adresse URL et modifiez les réglages suivant le contenu.

click action pop up

Lien vers un numéro de téléphone

  • Sélectionnez l’élément pour lequel vous voulez insérer un lien direct (un bouton, une icône ou un bloc – vérifiez le chemin pour être sur que vous avez sélectionné le bon)
  • Cliquez sur l’onglet Général > ACTION > ACTION DE CLIC > Choisissez la quatrième icône intitulée Appeler un numéro
  • Tapez le numéro de téléphone dans le champs. Par exemple : (+0) 111 222 333.

click action call
Lien vers une adresse email

Sélectionnez l’élément pour lequel vous voulez insérer un lien direct (un bouton, une icône ou un bloc – vérifiez le chemin pour être sur que vous avez sélectionné le bon)

Cliquez sur l’onglet Général > ACTION > ACTION DE CLIC > Choisissez la troisième icône intitulée Envoyer un Email.

click action mail
Cliquez sur l’icône dans le champs Envoyer un Email pour taper une adresse email.


Enfin, cliquez sur Sauvegarder et publier pour vérifier le résultat sur votre page publiée.

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French and Portuguese.Please check the flags on the page header.

I got it!
Languages