> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Comment intégrer un formulaire Convertkit dans Dorik # Pour commencer Cet article traite de l'intégration d'un **Formulaire ConvertKit** dans votre site web. Suivez toutes les instructions ci-dessous pour intégrer un **Formulaire ConvertKit** dans votre site. --- # Intégrer un formulaire ConvertKit dans Dorik Vous pouvez intégrer un **Formulaire ConvertKit** dans Dorik Classic ou dans le site CMS en utilisant la fonction **Code personnalisé** de l'élément. Vous pouvez utiliser soit un **Javascript** ou un **HTML** pour intégrer le code **Formulaire** de la **ConverKit**. ## Obtenir le code d'intégration du formulaire ConvertKit **Suivez les étapes ci-dessous **pour apprendre à obtenir le code d'intégration d'un fichier **Formulaire ConvertKit** - * Une fois que vous êtes dans votre **tableau de bord ConvertKit**, allez dans **Croissance** **à** partir de la barre de navigation supérieure. * Cliquez sur la **flèche du menu déroulant** et sélectionnez **Pages d'atterrissage et formulaires** * Cliquez sur `+Create New` dans le coin inférieur droit. * Cliquez sur `Formulaire` * Choisissez le **format d'affichage du** formulaire selon vos préférences * Sélectionnez un modèle en cliquant sur `Choisir` * Cliquez sur `Publier` dans le coin supérieur droit et une **fenêtre contextuelle** apparaît. * Dans la fenêtre contextuelle, copiez le **code Javascript** en cliquant sur `Copier` * Ou copier le **code HTML** en cliquant sur `Copier` Les **Images** ci-dessous montre l'ensemble du processus de manière visuelle ⬇️ 1. Une fois que vous êtes dans votre **tableau de bord ConvertKit,** allez dans **Croissance à** partir de la barre de navigation supérieure. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4345_yszyw8.png) 2. Cliquez sur la flèche du menu déroulant et sélectionnez Pages d'atterrissage et formulaires ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4370_u5nr3g.png) 3. Cliquez sur `+ Créer un nouveau` dans le coin inférieur droit. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/forms-convertkit-google-chrome_ouqm3w.png) 4. Cliquez sur `Formulaire` ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4411_1e5sc1u.png) 5. Choisissez le **format d'affichage du** formulaire selon vos préférences ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4424_1ab9d5q.png) 6. Sélectionnez un modèle en cliquant sur **Choisir** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/inline-convertkit-google-chrom_88jes9.png) 7. Cliquez sur **Publier** dans le coin supérieur droit ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4480_5sm3y3.png) 8. Après avoir appuyé sur Publier, une fenêtre contextuelle apparaît comme ci-dessous : ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4515_18kz8vg.png) 9. Copiez le code Javascript en cliquant sur **Copier** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4585_1ymstu9.png) 10. Ou copier le code HTML en cliquant sur **Copier** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-4593_1yb1dpb.png) --- ## Intégrer le code dans votre site web avec Dorik **Suivez les étapes ci-dessous** pour apprendre à intégrer le code de **Formulaire ConvertKit** dans votre site - * Dans votre constructeur de site web, ajoutez une nouvelle section en cliquant sur `+Add New Section` * Choisissez une `section personnalisée` avec une ligne et une colonne normales * Cliquez sur `Ajouter un nouvel élément` * Sélectionnez l'élément `Code personnalisé` sous `Éléments généraux` * Modifier l'élément de **code personnalisé** en cliquant dessus * Dans l'éditeur, allez dans `Code personnalisé` sous Général * Collez le **code Javascript** du formulaire que vous avez copié depuis ConvertKit dans le champ **JAVASCRIPT**. * Vous pouvez également coller le **code HTML** du formulaire que vous avez copié depuis ConvertKit dans le champ **HTML**. * Appuyez sur `Publier` et le **formulaire ConvertKit** sera intégré à votre site. Pour visiter votre site, cliquez sur le bouton situé juste à côté de `Publier` Les images et GIFs ci-dessous montrent l'ensemble du processus de manière visuelle ⬇️ 1. Dans votre constructeur de site web, ajoutez une nouvelle section en cliquant sur `+Add New Section` 2. Choisissez une `section personnalisée` avec une ligne et une colonne normales 3. Cliquez sur `Ajouter un nouvel élément` 4. Sélectionnez l'élément **Code personnalisé** sous** Éléments généraux** 5. Modifier l'élément de **code personnalisé** en cliquant dessus ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/ezgifcom-video-to-gif_ii9meq.gif) 6. Dans l'éditeur, allez dans **Code personnalisé** sous Général 7. Collez le **code Javascript** du formulaire que vous avez copié depuis ConvertKit dans le champ **JAVASCRIPT**. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/https-task12dcmssite-dashboard_1770ffb.png) 8. Vous pouvez également coller le code HTML du formulaire que vous avez copié depuis ConvertKit dans le champ HTML. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-5205_1khyjg7.png) 9. Appuyez sur `Publier` et le formulaire ConvertKit sera intégré à votre site. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-shot-2023-03-12-at-5221_v7paj9.png) 10. Pour visiter votre site, cliquez sur le bouton situé juste à côté de `Publier` ![](https://cdn.cmsfly.com/642a73ac0f59d6004005b54f/ezgif.com-optimize-4-9KYasF.gif) --- --- # Article connexe [Custom Code](https://help.dorik.com/en/article/custom-code-element-1igm3qa/) [Add Custom Code](https://help.dorik.com/en/article/add-custom-code-19siwk8/) [ConvertKit - Subscription Form](https://help.dorik.com/en/article/convertkit-integration-subscription-form-cgead3/)