Rendre vos images cliquables peut ajouter une fonctionnalité supplémentaire à vos projets ou pages sur EngagementHQ. Ce faisant, vous serez en mesure de diriger votre communauté vers de l’information additionnelle.

Il y a deux principaux moyens de rendre les images cliquables sur EngagementHQ.

1. Utiliser l’éditeur intégré et l’outil de téléchargement des images
2. Utiliser le code HTML dans la vue code

Décider quelle option choisir dépendrait à quel endroit du site vous travaillez. Pour la meilleure partie il y a très peu de différences entre les deux méthodes, sauf qu’une vous oblige à comprendre la syntaxe de HTML de base et l’autre la génère pour vous. 

Utiliser l'éditeur intégré

Afin d’utiliser l’éditeur INTÉGRÉ pour rendre vos images cliquables, suivre ces étapes;

• Ouvrir la zone de description de la page de votre projet
• Utilisez l’icône d’image pour insérer votre image
• Cliquer sur l’image pour accéder aux options et cliquer sur l’icône de lien.
• Ajouter l’adresse de la page à laquelle vous souhaitez lier l’image et sélectionner l’option d’ouvrir dans un nouvel onglet, si vous désirez.

Utiliser le code HTML

Ajouter le code HTML à vos projets est une autre méthode pour faire les images cliquables. Afin de faire ceci, vous devez comprendre la syntaxe de base. Vous pouvez utiliser HTML partout où vous pouvez passer à la vue code, y compris;

• L’éditeur
Utiliser un widget personnalisé
• Type de question « Survey Header »
• Le « Freestyle Widget » de la page d’accueil

Avant que vous puissiez insérer une image cliquable en utilisant le code HTML, vous devrez vous assurer que votre image est déjà téléchargée quelque part sur le web, car vous devrez copier l’adresse (lien) de l’image. Ceci peut-être dans votre galerie photo ou un site web externe. Si elle est dans la galerie de photos, veuillez consulter cet article pour savoir comment obtenir l'emplacement correct de l'image.

Pour ajouter une image cliquable en utilisant le code HTML, vous devez utiliser le code suivant :

<a href="insérer l'URL de destination ici"><img src="insérer l'emplacement de l'image ici" title="insérer le titre" alt="insérer la description ici"></a>

Remplacez le texte entre guillemets comme suit :

  • Insérer l'URL de destination ici: Remplacez ceci avec le lien vers lequel vous souhaitez diriger vos visiteurs quand ils cliquent sur l’imagei

  • Insérer l'emplacement de l'image ici: Remplacez ceci avec l’emplacement de l’image que vous voulez rendre cliquable (donc « image src ». « src » représent la source)

  • Insérer le titre: Ceci est pour l’accessibilité – par ex. pour les gens qui utilisent les lecteurs d’écran. Nous recommandons de décrire l’image, c’est une bonne pratique.

  • Insérer la description ici: Remplacez ceci avec une description alternative. C’est aussi important pour les raisons d’accessibilité comme indiqué ci-dessus.

Copier et coller ce code, en cliquant sur l’icône </> dans l’éditeur

Vous trouverez ici des détails sur les différents types de fichiers compatibles avec EngagementHQ.

NOTE : Vous avez aussi l’option d’utiliser un widget personnalisé (custom widget) pour créer les images cliquables comme expliqué en détail dans l’article sur Utiliser un widget personnalisé pour afficher les images cliquables.

Contactez notre équipe d'assistance si vous avez besoin d'une aide supplémentaire via le chat ou l'e-mail support@engagementhq.com.

Avez-vous trouvé votre réponse?