Rendre un texte ou une image cliquable

Pourquoi rendre le texte ou les images cliquables ?

Rendre le texte ou les images cliquables ou interactifs améliore l'expérience et l'engagement de l'utilisateur. 

En rendant ces éléments cliquables, vous pouvez guider les utilisateurs pour effectuer des actions spécifiques, telles que l'ouverture d'une fenêtre contextuelle ou la navigation vers une section spécifique de la page. 

Exemples :

• Cliquez sur une image de produit:Ouvrez une fenêtre contextuelle contenant des informations détaillées sur le produit.

• Utiliser le texte comme un Bouton:Permettre aux utilisateurs de faire défiler des sections spécifiques, telles que les FAQ ou les fonctionnalités du produit.

Comment rendre un texte ou une image cliquable dans GemPages ?

Pour ce guide, nous allons créer le texte «Des questions ? Nous vous aidons." cliquable pour faire défiler les utilisateurs vers le section FAQ de la page.

Étape 1 : ajouter l’élément texte ou image

Si vous utilisez du texte, assurez-vous qu'il est stylisé et qu'il se démarque afin que les utilisateurs sachent qu'il est interactif.

Pour de plus amples Élément de bloc de texte personnalisations, se référer à cet article.

Étape 2 : Utiliser les interactions pour déclencher des actions

Dans la barre latérale gauche, accédez à l' Avancé onglet et faites défiler jusqu'à Interaction .

Cliquez à nouveau sur Créer pour ouvrir le panneau de configuration.

"1. Commencez par…« : Ceci définit l'élément déclenchant l'action. 

Sélectionnez le Bloc de texte comme élément cible.

Lorsque l’option :Choisissez le type d'interaction pour déclencher l'action :

• Cliquez sur Élément:L'interaction se produit lorsque l'utilisateur clique sur le texte ou l'image.
• Survoler l'élément:Facultatif, pour déclencher l'action lorsque l'utilisateur survole l'élément.

"2. Ensuite, faites ceci…« : Spécifiez l'action déclenchée par l'interaction.

Cliquez à nouveau sur Sélectionnez la cible sur la page. Faites défiler vers le bas section FAQ et cliquez sur le Titre élément dans cette section.

Frappé Définir comme objectif pour confirmer.

Changer: l'action déclenchée lorsqu'un utilisateur interagit avec l'élément (par exemple, en cliquant ou en survolant).

• Faites défiler jusqu'à:Déplacer la vue de la page vers une section spécifiée.
• Afficher / Masquer:Rendre visible un élément caché ou vice versa.
• Contexte et forme:Modifiez la couleur d'arrière-plan, l'opacité ou la forme d'un élément de manière dynamique.

Sélectionnez "Faites défiler jusqu'à " comme action pour déclencher l'effet de défilement.

Ensuite, ajustez Distance du haut du défilement:Saisissez une valeur en pixels (px) pour contrôler l'endroit où la page s'arrête lors du défilement vers la section cible.