{"id":65801,"date":"2021-10-30T13:57:24","date_gmt":"2021-10-30T13:57:24","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-un-formulaire-de-contact-dans-un-widget-de-barre-laterale-wordpress\/"},"modified":"2021-10-30T13:57:24","modified_gmt":"2021-10-30T13:57:24","slug":"comment-ajouter-un-formulaire-de-contact-dans-un-widget-de-barre-laterale-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-un-formulaire-de-contact-dans-un-widget-de-barre-laterale-wordpress\/","title":{"rendered":"Comment ajouter un formulaire de contact dans un widget de barre lat\u00e9rale WordPress …"},"content":{"rendered":"

Vous voulez ajouter un widget de formulaire de contact WordPress \u00e0 votre barre lat\u00e9rale ? L’ajout d’un formulaire de contact dans la barre lat\u00e9rale de la page permet \u00e0 vos visiteurs de vous contacter facilement.<\/p>\n

Dans cet article, nous allons vous montrer le moyen simple d’ajouter un formulaire de contact dans un widget de barre lat\u00e9rale WordPress sans \u00e9crire de code.<\/p>\n

<\/span>Comment ajouter un widget de barre lat\u00e9rale dans WordPress ?<\/span><\/h3>\n

Pour ajouter un widget de barre lat\u00e9rale dans WordPress, vous devrez acc\u00e9der \u00e0 Apparence \u00bbWidgets<\/strong> dans la barre lat\u00e9rale de WordPress.<\/p>\n

\"Trouver<\/p>\n

Dans la liste, vous pouvez voir les widgets disponibles sur votre site WordPress. Vous pouvez continuer et faire glisser n’importe quel widget vers la zone de la barre lat\u00e9rale \u00e0 droite pour l’utiliser.<\/p>\n

\"Ajouter<\/p>\n

Lisez ce guide sur la fa\u00e7on d’ajouter et d’utiliser des widgets pour plus d’aide pour d\u00e9marrer avec les widgets.<\/p>\n

Le menu des widgets dans WordPress vous manque ? Les th\u00e8mes comme Hello Elementor n’ont pas de barre lat\u00e9rale, il n’y a donc pas Widgets<\/strong> menu ci-dessous Apparence<\/strong>. Pour afficher le menu, lisez ce guide sur la fa\u00e7on d’ajouter une barre lat\u00e9rale pr\u00eate pour les widgets dans WordPress.<\/p>\n

Maintenant que nous savons comment ajouter des widgets dans WordPress, cr\u00e9ons un formulaire de contact que nous pourrons facilement ajouter \u00e0 la barre lat\u00e9rale.<\/p>\n

<\/span>Comment ajouter un formulaire de contact dans un widget de barre lat\u00e9rale WordPress<\/span><\/h2>\n

Mettre un formulaire de contact dans votre barre lat\u00e9rale avec un widget est tr\u00e8s simple. Nous analyserons le processus en 3 \u00e9tapes simples :<\/p>\n

    \n
  1. Installer le plugin WPForms<\/li>\n
  2. Cr\u00e9er un formulaire de contact<\/li>\n
  3. Ajouter un widget de barre lat\u00e9rale de formulaire de contact<\/li>\n<\/ol>\n

    <\/span>Formulaire de contact de la barre lat\u00e9rale – Tutoriel vid\u00e9o<\/span><\/h3>\n

    Cette vid\u00e9o explique toutes les \u00e9tapes que vous devrez suivre pour ajouter un widget de barre lat\u00e9rale de formulaire de contact.<\/p>\n

    Si vous pr\u00e9f\u00e9rez suivre les instructions \u00e9crites, lisez la suite. Nous allons commencer par installer le plugin WPForms.<\/p>\n

    <\/span>\u00c9tape 1 : Installez le plugin WPForms<\/span><\/h3>\n

    Commencez par installer et activer le plugin WPForms. Pour plus de d\u00e9tails, consultez ce guide \u00e9tape par \u00e9tape sur la fa\u00e7on d’installer un plugin dans WordPress.<\/p>\n

    Ensuite aller \u00e0 WPForms \u00bbAjouter un nouveau<\/strong> pour cr\u00e9er un nouveau formulaire.<\/p>\n

    \"Ajouter<\/p>\n

    Vous verrez la fen\u00eatre WPForms s’ouvrir dans votre navigateur. Ensuite, ajoutons un formulaire de contact \u00e0 votre site Web.<\/p>\n

    <\/span>\u00c9tape 2 : ajouter un formulaire de contact<\/span><\/h3>\n

    Dans l’\u00e9cran des param\u00e8tres WPForms, nommez votre formulaire en haut. Cliquez ensuite sur le Formulaire de contact simplifi\u00e9<\/strong> mod\u00e8le pour l’ouvrir.<\/p>\n

    \"Utiliser<\/p>\n

    Le mod\u00e8le de formulaire de contact simple comporte d\u00e9j\u00e0 3 champs :<\/p>\n

    \"Cr\u00e9er<\/p>\n

    Vous pouvez ajouter des champs suppl\u00e9mentaires en les faisant glisser du panneau de gauche vers le panneau de droite. Cliquez ensuite sur le champ pour apporter des modifications.<\/p>\n

    Par d\u00e9faut, WPForms affichera un message de confirmation lorsque votre formulaire est soumis. Mais parce que la barre lat\u00e9rale est un petit espace, le commit peut sembler un peu serr\u00e9.<\/p>\n

    Au lieu de cela, vous pr\u00e9f\u00e9rerez peut-\u00eatre rediriger le visiteur vers une page de remerciement. Pour le configurer, consultez ce guide sur la fa\u00e7on de rediriger les utilisateurs apr\u00e8s la soumission d’un formulaire WordPress.<\/p>\n

    Une fois que vous avez termin\u00e9, assurez-vous d’enregistrer vos modifications avant de fermer la fen\u00eatre du g\u00e9n\u00e9rateur de formulaires.<\/p>\n

    <\/span>\u00c9tape 3 : ajoutez un widget dans la barre lat\u00e9rale du formulaire de contact<\/span><\/h3>\n

    Maintenant que vous avez cr\u00e9\u00e9 votre formulaire, vous pouvez l’ajouter \u00e0 la zone de widgets de la barre lat\u00e9rale de votre site.<\/p>\n

    Pour commencer, cliquez sur Apparence \u00bbWidgets<\/strong>.<\/p>\n

    \"Trouver<\/p>\n

    Sur la page Widgets, faites d\u00e9filer vers le bas jusqu’\u00e0 ce que vous trouviez le widget WPForms. Lorsque vous cliquez dessus, vous verrez toutes les zones de widgets disponibles dans votre th\u00e8me.<\/p>\n

    Nous s\u00e9lectionnons Barre lat\u00e9rale principale<\/strong> pour ajouter le widget de formulaire de contact \u00e0 notre barre lat\u00e9rale WordPress. Selon la configuration de votre th\u00e8me, votre barre lat\u00e9rale peut avoir un nom diff\u00e9rent.<\/p>\n

    \"Ajouter<\/p>\n

    Maintenant, allez-y et cliquez Ajouter un widget<\/strong> pour ajouter le formulaire de contact \u00e0 votre barre lat\u00e9rale.<\/p>\n

    S\u00e9lectionnons le formulaire que nous voulons afficher. Pour ce faire, faites d\u00e9filer vers le haut et regardez vers la droite. Vous verrez tous les widgets que vous utilisez actuellement.<\/p>\n

    Cliquez sur le widget WPForms pour le d\u00e9velopper. Ici, vous pouvez s\u00e9lectionner votre formulaire de contact dans le menu d\u00e9roulant.<\/p>\n

    \"Widget<\/p>\n

    Lorsque vous cliquez \u00c9conomiser<\/strong>, le widget de la barre lat\u00e9rale du formulaire de contact sera en direct sur votre site Web et pr\u00eat \u00e0 \u00eatre rempli par vos visiteurs.<\/p>\n

    Voici \u00e0 quoi ressemble notre formulaire de contact de la barre lat\u00e9rale termin\u00e9\u00a0:<\/p>\n

    \"Barre<\/p>\n

    Et c’est \u00e7a! Vous avez ajout\u00e9 avec succ\u00e8s un formulaire de contact \u00e0 votre barre lat\u00e9rale WordPress.<\/p>\n

    <\/span>\u00c9tape suivante\u00a0: cr\u00e9er un formulaire de t\u00e9l\u00e9chargement de fichier<\/span><\/h3>\n

    Vous avez votre formulaire de contact dans le widget de la barre lat\u00e9rale. Souhaitez-vous ensuite cr\u00e9er un formulaire de t\u00e9l\u00e9chargement de fichiers pour WordPress\u00a0? Accepter les t\u00e9l\u00e9chargements de fichiers est un excellent moyen de prendre des commandes et de permettre \u00e0 vos clients de t\u00e9l\u00e9charger des documents.<\/p>\n

    Pour savoir comment ajouter un champ de t\u00e9l\u00e9chargement de fichier \u00e0 votre formulaire, consultez ce guide pour cr\u00e9er un formulaire de t\u00e9l\u00e9chargement de fichier dans WordPress.<\/p>\n

    Vous pouvez \u00e9galement consulter ces exemples de pages de contact pour d\u00e9couvrir des fa\u00e7ons plus cr\u00e9atives d’utiliser vos formulaires.<\/p>\n

    Pr\u00eat \u00e0 cr\u00e9er votre formulaire\u00a0? Commencez d\u00e8s aujourd’hui avec le plugin de cr\u00e9ation de formulaire WordPress le plus simple. WPForms Pro comprend de nombreux mod\u00e8les gratuits et offre une garantie de remboursement de 14 jours.<\/p>\n

    Si cet article vous a aid\u00e9, suivez-nous sur Facebook et Twitter pour plus de guides et tutoriels WordPress gratuits.<\/p>\n

    \n
    \n

    Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n