Comment créer un formulaire de contact Kit (ConvertKit) dans WordPress

Si vous utilisez Kit (anciennement ConvertKit) pour votre marketing par e-mail, vous avez sans doute déjà songé à l'intégrer à vos formulaires WordPress. Kit dispose de son propre générateur de formulaires, mais celui-ci offre peu de possibilités de personnalisation.

Avec WPForms, vous pouvez créer tous les formulaires que vous souhaitez et envoyer les données des abonnés directement vers votre compte Kit, tout en gardant un contrôle total sur la conception de vos formulaires, la logique conditionnelle et l'acheminement direct de chaque soumission vers Kit.

Dans cet article, je vais vous montrer comment créer un formulaire de contact Kit dans WordPress et le relier à votre compte sans avoir à coder.

Créez dès maintenant votre formulaire de contact pour votre kit !

Comment créer un formulaire de contact personnalisé dans WordPress

Je vais vous montrer comment créer un formulaire de contact Kit avec WPForms et le relier à votre compte Kit. Vous pouvez suivre les mêmes étapes pour relier n'importe quel formulaire WPForms à Kit.

Étape 1 : Installer le plugin WPForms et activer l'addon Kit

Pour connecter vos formulaires WordPress à Kit, vous aurez besoin d'un plugin de formulaires intégrant Kit. Le plugin WPForms est un générateur de formulaires par glisser-déposer proposant plus de 2 100 modèles ; il comprend un module complémentaire dédié à Kit qui synchronise les soumissions de formulaires directement avec votre compte Kit.

Ce que j'apprécie le plus dans l'utilisation de WPForms pour cela, c'est que vous gardez un contrôle total sur la conception de votre formulaire tandis que l'intégration avec Kit s'exécute en arrière-plan. Vous aurez besoin d'une licence WPForms Plus ou supérieure pour accéder à l'extension Kit.

Pour commencer, téléchargez et installez le plugin sur votre site web. Si vous avez besoin d'aide, voici un guide d'installation du plugin WordPress qui vous guidera tout au long de la configuration.

Passez à WPForms Pro dès maintenant ! 🙂 .

Une fois que WPForms est installé sur votre site web, vous devez ensuite installer et activer l'addon Kit, ce qui est assez simple. Depuis votre tableau de bord WordPress, naviguez vers WPForms " Addons.

Faites défiler vers le bas jusqu'à ce que vous trouviez le module complémentaire Kit. S'il n'est pas déjà installé, cliquez sur le bouton Installer le complément. Une fois l'addon installé, actionnez le commutateur à bascule pour l'activer s'il n'est pas automatiquement activé lors de l'installation.

Une fois que vous avez installé et activé l'extension Kit, vous êtes prêt à passer à l'étape suivante. Dans la suite de cette procédure, nous allons associer nos comptes Kit à WPForms.

Il est important de noter que vous pouvez le faire plus tard si vous préférez passer directement à la création du formulaire à l'étape 3, mais je trouve qu'il est plus simple de le faire maintenant, avant de commencer à travailler sur votre formulaire.

Étape 2 : Connecter vos comptes WPForms et Kit

Pour connecter WPForms à Kit (anciennement ConvertKit), vous devez d'abord ouvrir un nouvel onglet et vous connecter au site web de Kit afin d'accéder aux informations de votre compte. Effectuez cette opération dans un nouvel onglet ou une nouvelle fenêtre, car vous devrez copier-coller des éléments depuis Kit vers WPForms.

Une fois connecté, cliquez sur le menu déroulant situé à côté de votre nom en haut à droite de la page et sélectionnez Paramètres.

Sur la page Paramètres, faites défiler les options dans la barre latérale gauche jusqu'à ce que vous trouviez Développeur et cliquez dessus.

Sur la page des paramètres de développement, vous devriez voir votre API et vos clés secrètes. Quittez cette fenêtre pour l'instant et revenez à votre compte WPForms.

La dernière chose que nous avons faite ici a été d'installer et d'activer l'extension Kit. Nous allons maintenant établir la connexion entre les comptes.

Pour ce faire, dans le menu de la barre latérale gauche, sous WPForms, cliquez sur « Paramètres ». Sur cette page, cliquez sur l'onglet « Intégrations ». Faites défiler la page vers le bas jusqu'à ce que vous trouviez l'option « Kit ».

Cliquez sur le bouton Ajouter un nouveau compte. Vous devrez alors revenir à l'onglet contenant les informations de votre compte Kit et copier votre clé API et votre clé secrète API.

Une fois la connexion au compte établie, un message de confirmation s'affiche.

Votre compte Kit est désormais connecté à WPForms. Comme je vous l'ai dit, vous pouvez toujours effectuer cette opération plus tard, une fois votre formulaire créé. Je vous indiquerai même dans le tutoriel où vous pouvez le faire.

Je trouve simplement plus simple de tout préparer à l'avance pour que la suite se passe sans accroc. Bon, alors. Continuons.

Étape 3 : Créer le formulaire WordPress de votre kit

WPForms est livré avec une impressionnante bibliothèque intégrée de modèles de formulaires comprenant plus de 2 100 modèles WordPress. Vous pouvez les utiliser tels quels ou les personnaliser selon vos besoins.

Grâce à ces modèles, vous pouvez lancer votre processus de création de formulaires en quelques clics et sans avoir à créer des formulaires à partir d'un canevas vierge si vous ne le souhaitez pas.

Pour créer un nouveau formulaire dans WPForms, cliquez sur WPForms " Add New dans votre tableau de bord WordPress.

Vous accédez alors à l'écran de configuration du formulaire. Ici, vous devez ajouter un nom à votre formulaire et sélectionner le modèle de formulaire que vous souhaitez utiliser.

Pour cet exemple, nous utiliserons le Formulaire de contact simple et le nommer "Kit Form". Si vous le souhaitez, vous pouvez choisir le modèle de formulaire d'inscription à la lettre d'information. Vous pouvez prévisualiser les modèles en les sélectionnant et en cliquant sur le bouton Voir la démo.

Une fois que vous avez sélectionné le modèle que vous souhaitez utiliser, cliquez sur le bouton « Utiliser le modèle » pour l'importer dans l'éditeur de formulaires. Voici à quoi ressemblera votre formulaire dans le tableau de bord de l'éditeur. N'hésitez pas à ajouter, modifier ou réorganiser les champs comme bon vous semble.

Une chose que vous pourriez vouloir ou devoir ajouter est un champ d'accord GDPR. Mais si vous souhaitez en savoir plus sur la manière d'activer le champ GDPR et de l'ajouter à votre formulaire, consultez notre document sur la création de formulaires conformes au GDPR.

Étape 4 : Connecter votre formulaire au kit

Jusqu'à présent, nous avons installé et activé WPForms et l'addon Kit, connecté nos comptes Kit à WPForms, et construit notre formulaire. Nous devons maintenant nous assurer que les informations de nos formulaires sont envoyées à nos comptes Kit.

Lorsque vous avez établi la connexion entre WPForms et Kit plus haut dans ce tutoriel, vous avez configuré votre compte pour qu'il puisse être utilisé avec WPForms.

Si vous souhaitez envoyer les données d'un formulaire spécifique vers votre compte Kit, vous devez activer cette fonctionnalité sur ce formulaire. C'est ce que nous allons faire ici.

Si vous n'avez pas encore connecté votre compte Kit, continuez ici. Si vous avez connecté votre compte à l'étape 2, vous pouvez sauter les paragraphes suivants et reprendre à la section "Si vous avez déjà connecté votre compte..." ci-dessous.

Si vous n'avez pas encore connecté votre compte...

Avec votre formulaire Kit ouvert dans l'éditeur de formulaire, cliquez sur Marketing dans la barre latérale gauche. Si vous n'avez pas encore connecté votre compte Kit à WPForms, c'est ici que vous allez le faire en sélectionnant Kit et en cliquant sur le bouton Add New Connection.

Vous devrez ensuite suivre les instructions de l'étape 2 ci-dessus pour connecter votre compte avant de continuer.

Si vous avez déjà connecté votre compte...

Lorsque votre formulaire est ouvert dans le générateur de formulaires, cliquez sur Marketing dans la barre latérale gauche. Faites défiler les options jusqu'à ce que vous trouviez Kit et cliquez dessus.

Comme votre compte est déjà connecté, vous ne devriez pas voir d'option pour connecter un compte. Cliquez plutôt sur le bouton Ajouter une nouvelle connexion.

Ensuite, il suffit de donner un nom à la connexion et de cliquer sur le bouton OK pour terminer le processus d'intégration. Le nom de la connexion est uniquement interne et a pour but de vous aider à différencier vos connexions si vous en avez plusieurs.

Après avoir nommé votre connexion, vous devrez sélectionner le compte que vous souhaitez utiliser, ainsi que l'action que vous souhaitez effectuer, dans les menus déroulants de la configuration.

Les options d'action dont vous disposez sont les suivantes :

• S'abonner
• Se désabonner
• Supprimer les étiquettes des abonnés

Nous allons choisir l'option S'abonner pour notre tutoriel, mais vous devriez choisir ce qui est le plus logique pour votre formulaire. Lorsque vous sélectionnez S'abonner, d'autres options apparaissent.

Vous allez maintenant mapper les champs du formulaire. Les options qui s'offrent à vous dépendent des champs présents dans le formulaire que vous avez créé. Les champs « Formulaire » et « Balises » s'appuient sur ce qui existe déjà dans votre compte Kit.

Vous pouvez choisir de relier votre formulaire WPForms à un formulaire sur Kit, mais vous utiliserez très probablement des balises. Si vous avez déjà créé des balises, celles-ci vous seront proposées parmi les options disponibles.

Vous pouvez également créer de nouveaux tags depuis WPForms ; ceux-ci seront alors également créés dans votre compte Kit. Vous pouvez également utiliser la logique conditionnelle si vous souhaitez traiter uniquement certains formulaires de cette manière.

Beau travail ! Vous avez réussi à intégrer Kit avec WPForms et vous êtes maintenant prêt à intégrer le formulaire sur votre site web.

Étape 5 : Intégrer le formulaire de contact de votre kit

Vous en êtes maintenant à la dernière étape : intégrer votre formulaire à votre site web afin qu'il puisse commencer à recueillir de nouveaux abonnés. Le moyen le plus simple d'intégrer un formulaire est d'utiliser le bouton « Intégrer » situé en haut de l'éditeur de formulaire.

Une fois que vous aurez cliqué dessus, le système vous demandera si vous souhaitez intégrer le formulaire à une nouvelle page ou à une page existante. Si vous choisissez une page existante, une liste des pages de votre site s'affichera pour vous permettre de faire votre choix.

Si vous créez une nouvelle page, vous pourrez la créer directement depuis le générateur de formulaires. Consultez ce guide sur les 3 façons d'intégrer des formulaires pour en savoir plus.

Dans l'éditeur de blocs, vous pouvez également définir directement les styles des champs, des libellés, des boutons, des conteneurs et de l'arrière-plan afin de créer un formulaire à la fois fonctionnel et conforme à l'identité visuelle de votre marque.

Voici à quoi ressemblera votre formulaire en kit sur la page d'accueil. Veillez à tester le formulaire intégré pour vous assurer qu'il fonctionne comme prévu.

Voilà, c'est fait ! Vous pouvez désormais ajouter automatiquement des abonnés à votre compte Kit lorsque des visiteurs soumettent le formulaire sur votre site.

Foire aux questions sur les formulaires de contact Kit (ConvertKit)

Kit (anciennement ConvertKit) est l'un des outils de marketing par e-mail les plus populaires auprès des créateurs. Voici les réponses aux questions les plus fréquentes concernant l'utilisation des formulaires de contact Kit avec WordPress.

Kit dispose-t-il de formulaires de contact ?

Oui, Kit propose des formulaires de contact qui peuvent être facilement créés et intégrés à votre site Web. Ces formulaires sont conçus pour recueillir des informations sur les abonnés et s'intègrent parfaitement aux outils de marketing par courriel de Kit.

Si vous avez besoin de plus de personnalisation, l'utilisation de WPForms avec l'extension Kit vous offre un contrôle total sur la conception et les fonctionnalités du formulaire.

Comment créer un kit de formulaires ?

Créer un formulaire dans Kit est très simple. Une fois connecté à Kit, rendez-vous dans la section « Formulaires » , cliquez sur « Créer un nouveau formulaire », puis sélectionnez « Formulaire ».

Vous pouvez ensuite choisir un modèle et le personnaliser selon vos besoins, notamment en ajoutant des champs personnalisés et des éléments de mise en page.

Comment intégrer WPForms à Kit ?

Pour intégrer WPForms à Kit, assurez-vous tout d'abord que le plugin WPForms et l'extension Kit sont bien installés sur votre site WordPress. Créez un formulaire dans WPForms, accédez à Marketing > Kit, ajoutez une nouvelle connexion, authentifiez-vous sur votre compte Kit, puis associez votre formulaire à un formulaire ou à une balise Kit.

Comment créer un formulaire de contact dans WPForms ?

Créer un formulaire de contact dans WPForms est très simple : il suffit de cliquer sur WPForms » Ajouter, de choisir un modèle de formulaire de contact ou de partir de zéro, de personnaliser les champs de votre formulaire, de configurer les paramètres, puis d'intégrer le formulaire à votre site.

Ensuite, augmentez le nombre d'abonnés à votre liste d'adresses électroniques

Vous avez du mal à trouver des abonnés pour votre blog ou votre site web ? Ne vous inquiétez pas, nous avons tout ce qu'il faut pour vous aider à développer rapidement votre liste d'adresses électroniques.

Si vous avez aimé cet article, vous voudrez peut-être aussi lire ces astuces astucieuses pour débloquer des données clients cachées avec un champ caché de WPForms.

Créez votre formulaire WordPress maintenant

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.