### [Comment lier le logo de votre formulaire conversationnel](https://wpforms.com/developers/how-to-link-your-conversational-form-logo/) **Publié le :** 6 octobre 2021 **Auteur :** David Ozokoye **Extrait :** Ce tutoriel vous montrera comment lier le logo de votre formulaire conversationnel à la page d'accueil à l'aide de JavaScript et PHP. **Contenu :** ## Introduction Souhaitez-vous lier le logo de vos formulaires conversationnels de votre formulaire à votre page d'accueil ? Dans ce tutoriel, nous allons créer un formulaire conversationnel à l'aide du [module complémentaire WPForms Conversational Forms](https://wpforms.com/addons/conversational-forms-addon/ "Module complémentaire Conversational Forms"), télécharger un logo pour notre formulaire, puis ajouter un extrait de code qui lierait ce logo à notre page d'accueil à l'aide d'un petit extrait de code. Ce guide vous montrera comment activer cette fonctionnalité étape par étape. ## Configuration de votre formulaire Tout d'abord, nous devrons créer un nouveau formulaire et y ajouter nos champs. Aux fins de ce tutoriel, nous allons simplement créer un formulaire de réservation avec quelques champs de base. ### Activation des formulaires conversationnels Ensuite, vous devrez activer le formulaire en tant que **Formulaire conversationnel**. Pour ce faire, accédez à **Paramètres » Formulaires conversationnels** pour activer le format conversationnel pour votre formulaire. Pour plus d'informations sur les formulaires conversationnels, consultez notre guide détaillé sur le [module complémentaire Conversational Forms](https://wpforms.com/docs/how-to-install-and-use-the-conversational-forms-addon/). ### Téléchargement de votre logo Il est maintenant temps de télécharger votre logo sur le formulaire conversationnel. Dans l'onglet **Formulaires conversationnels**, cliquez sur **Télécharger l'image** et téléchargez votre logo. Une fois terminé, cliquez sur **Enregistrer** pour sauvegarder les modifications. Par défaut, cette image ne renvoie à rien. À l'étape suivante, nous allons ajouter un extrait de code qui transformera cette image en lien. ## Ajout de l'extrait de code Il est maintenant temps d'ajouter un extrait à votre site qui transformera votre image de logo en lien. Pour obtenir de l'aide sur l'ajout de code, consultez notre guide sur [l'ajout de JavaScript ou PHP personnalisé](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/). ## Personnalisation du code Vous devrez apporter deux modifications importantes au code : À la **ligne 10**, remplacez `375` par l'ID de votre formulaire. Vous pouvez trouver l'ID de votre formulaire sur la page d'aperçu des formulaires WPForms. À la **ligne 20**, remplacez `'/'` par l'URL souhaitée. Par exemple : - Pour la page d'accueil : conservez `'/'` - Pour une autre page : utilisez `'/about'` - Pour un site externe : utilisez `'https://example.com'` **Remarque :** Nous avons utilisé `'/'` pour représenter la page de destination de l'image. Cela redirigerait les utilisateurs vers votre page d'accueil. Cependant, vous pouvez mettre à jour la valeur `'/'` à côté de la clé `href` avec n'importe quel lien que vous souhaitez utiliser. Maintenant, lorsque vous visualisez votre formulaire conversationnel et que vous survolez l'image du logo, vous verrez le pointeur pour cliquer sur l'image. Et c'est tout ce dont vous avez besoin pour lier le logo de vos formulaires conversationnels. Souhaitez-vous faire de même pour le module complémentaire **Pages de formulaire** ? Consultez notre tutoriel sur [Comment lier le logo de votre formulaire Pages de formulaire](https://wpforms.com/developers/how-to-link-your-form-pages-form-logo/ "Comment lier le logo de votre formulaire Pages de formulaire"). ## Lié Référence d'action : [wpforms\_wp\_footer](https://wpforms.com/developers/wpforms_wp_footer/ "Utilisation de l'action wpforms_wp_footer") **Catégories :** Tutoriels **Tags :** Javascript, JS, PHP ---