Créer un formulaire d’inscription Beehiiv : WordPress, Shopify et autres sites en 2026

Formulaire d'inscription Beehiiv : à quoi sert-il ?

Un formulaire d'inscription permet à une personne qui visite votre site de rejoindre volontairement votre newsletter Beehiiv. Il peut apparaître directement dans un article, au pied d'une page, dans une fenêtre ou sous la forme d'un bandeau discret. Les nouveaux contacts sont ensuite enregistrés dans l'audience de votre publication. Vous pouvez donc conserver un site WordPress, Shopify, Squarespace ou un autre site existant tout en utilisant Beehiiv pour gérer et envoyer vos newsletters.

Ce guide concerne principalement les formulaires intégrés à un site externe, appelés embedded subscribe forms chez Beehiiv. Le nouveau constructeur, mis à jour le 30 avril 2026, permet de définir les champs, le style, les conditions d'affichage et la réponse après l'inscription. Il ne faut pas confondre ce formulaire avec un bloc de formulaire créé directement dans le constructeur de site Beehiiv : les deux solutions ne prennent pas en charge exactement les mêmes parcours. L'objectif ici est de publier un premier formulaire fonctionnel et de comprendre quoi tester avant de recueillir des adresses.

Gratuit ou payant : quel forfait faut-il pour créer le formulaire ?

La documentation officielle de juillet 2026 indique que les formulaires intégrés à un site externe sont disponibles sur tous les forfaits Beehiiv. Vous pouvez donc créer un formulaire de base sans acheter une formule payante, sous réserve du nombre d'abonnés autorisé sur votre compte et des éventuelles limites générales de l'offre. Le forfait gratuit ne donne pas pour autant accès à toutes les fonctions avancées de marketing ou d'automatisation.

Si vous souhaitez déclencher une série de messages après chaque inscription, vérifiez séparément que votre abonnement permet l'automatisation voulue. Pour un démarrage, un formulaire avec une adresse e-mail, un texte de consentement clair et un message de confirmation suffit souvent. Un forfait supérieur ne garantit pas davantage d'inscriptions : la qualité de la promesse, l'emplacement et la confiance inspirée par le site restent déterminants. Les prix et plafonds de Beehiiv ont changé au cours de 2026 ; consultez la grille actuelle avant de décider.

Formulaire externe ou formulaire natif Beehiiv : la différence essentielle

Le formulaire externe est conçu pour un site que vous gérez en dehors de Beehiiv. Vous créez son design dans Subscribers > Subscribe forms et récupérez un extrait de code à placer sur votre site. Le script affiche ensuite le formulaire à l'endroit prévu, ou en superposition si vous avez choisi une fenêtre ou un bandeau. Les formulaires natifs, eux, se configurent à l'intérieur du Website Builder de Beehiiv.

Cette distinction est particulièrement importante pour les parcours d'inscription. Un formulaire natif peut être lié à un signup flow comprenant plusieurs étapes : questionnaire, recommandations et redirection. Le formulaire intégré à un site externe ne prend pas en charge ces parcours à étapes. Il permet une confirmation simple ou une redirection après l'envoi, mais pas toute l'expérience native. Pour un parcours avancé sur un site Beehiiv, utilisez donc un bloc de formulaire natif plutôt que d'y réinsérer le script destiné aux sites externes.

Étape 1 : créer votre formulaire dans Beehiiv

Connectez-vous à votre publication Beehiiv et ouvrez Subscribers, puis Subscribe forms. Cliquez sur Create new form. Le constructeur affiche un aperçu du formulaire et des réglages dans un panneau latéral. Commencez par renommer le formulaire avec une indication compréhensible, par exemple « Blog – fin d'article » ou « Boutique – page conseils ». Ce nom est interne : vos visiteurs ne le voient pas, mais il vous aidera à retrouver l'origine des inscriptions.

Dans l'onglet Content, modifiez le titre et la courte description, puis ouvrez la partie Form. L'adresse e-mail est le champ de base obligatoire. Vous pouvez changer le texte du bouton, par exemple « Recevoir la newsletter », et le message affiché pendant l'envoi. Ne multipliez pas les promesses : dites précisément quel type d'e-mails la personne recevra et, si possible, à quelle fréquence. Cette clarté facilite le consentement et évite les déceptions au premier message.

Étape 2 : choisir les champs et un texte d'inscription clair

Le constructeur permet d'ajouter des champs personnalisés déjà définis dans votre publication : prénom, centre d'intérêt, préférences, date ou autres informations utiles. Chaque donnée supplémentaire augmente néanmoins l'effort demandé au lecteur. Si le prénom n'est pas nécessaire pour votre première newsletter, commencez avec la seule adresse e-mail. Les champs peuvent être facultatifs ou obligatoires selon le besoin, mais il faut éviter de rendre obligatoire une information non indispensable.

Vous pouvez aussi afficher les conditions Beehiiv et les liens vers votre propre politique de confidentialité. Lisez attentivement les options de consentement et vérifiez que les destinations des liens sont renseignées. La présentation compacte Slim ne prend en charge qu'un champ e-mail et un bouton ; elle n'affiche pas les mêmes options de texte juridique que le format Regular. Si votre formulaire doit présenter une information détaillée sur l'utilisation des données, préférez un format qui la rend réellement visible.

Étape 3 : choisir Inline, Popup ou bandeau fixe

Dans l'onglet Style, Beehiiv distingue deux grandes présentations. Regular offre un formulaire plus complet, avec titre, description et champs supplémentaires. Slim privilégie une ligne compacte, adaptée à un espace réduit mais parfois moins confortable sur téléphone. Vous choisissez ensuite le mode d'intégration : Inline dans le contenu, Slide left ou Slide right dans un coin de l'écran, Popup centré, ou Sticky top et Sticky bottom sous forme de bandeau fixe.

Pour un premier test, privilégiez Inline dans une page où le lecteur comprend pourquoi il s'inscrit. Si vous utilisez une fenêtre ou un bandeau, évitez de gêner la lecture. Un formulaire qui apparaît immédiatement, masque l'article ou revient à chaque visite peut devenir irritant. Beehiiv propose des réglages de déclenchement et de fréquence pour limiter ces situations ; un réglage adapté compte davantage qu'une animation spectaculaire.

• Inline : directement dans le contenu, idéal pour une page ou la fin d'un article.
• Popup : fenêtre centrale, à réserver aux moments et pages pertinents.
• Slide left/right : formulaire qui surgit depuis un coin de l'écran.
• Sticky top/bottom : bandeau visible pendant le défilement.

Étape 4 : régler les déclencheurs et la fréquence d'apparition

Pour les formulaires autres que Inline, le constructeur permet de choisir le moment de l'affichage : dès l'ouverture, après un délai, à un certain niveau de défilement, lorsqu'un élément devient visible, après un clic ou lors d'une intention de quitter la page sur ordinateur. Il propose aussi une fréquence, par exemple à chaque visite ou après plusieurs jours. Tous les déclencheurs ne conviennent pas à toutes les situations, notamment sur mobile.

Un exemple raisonnable pour un site de conseils consiste à proposer la newsletter après lecture d'une partie substantielle de l'article, plutôt qu'avant la première phrase. Pour une page très courte, une intégration Inline est souvent plus simple. Testez toujours sur téléphone : une grande fenêtre qui passe bien sur écran large peut cacher le contenu ou rendre le bouton difficile à atteindre sur un petit écran. Ne considérez pas l'aperçu du constructeur comme une validation du site final.

Étape 5 : personnaliser les couleurs, les dimensions et le bouton

La partie Style contient les options de fond, bordure, espacement, ombre, largeur et disposition. Les champs et le bouton possèdent leurs propres couleurs, typographies et arrondis. Pour une intégration propre, utilisez les mêmes principes graphiques que votre site : bouton visible, texte très lisible, espacements suffisants et fond qui ne se confond pas avec l'article. La cohérence de marque aide davantage que les effets visuels qui attirent l'attention mais gênent la saisie.

Vérifiez aussi le contraste entre la couleur du texte et le fond, notamment dans les champs, les libellés et le bouton d'envoi. Un texte blanc sur un fond presque blanc ou un lien de confidentialité invisible rend le formulaire inutilisable. Si vous choisissez Slim et que tout devient trop serré sur mobile, revenez à Regular. Ne publiez pas le formulaire uniquement parce qu'il ressemble à l'aperçu Beehiiv : observez son rendu réel à la largeur de votre site.

Étape 6 : régler le double opt-in et la confirmation

Après les réglages graphiques, ouvrez l'onglet Settings. Le formulaire peut afficher un message de succès après l'envoi, ou rediriger vers une page externe dont vous indiquez l'adresse complète avec https. La page de remerciement peut présenter la prochaine étape, mais elle ne doit pas supposer qu'un e-mail de confirmation a déjà été validé. Utilisez une formulation différente si la personne doit encore confirmer son adresse.

Beehiiv permet de demander une confirmation d'inscription propre à ce formulaire avec Require double opt-in. Cette option peut renforcer la vérification des adresses et réduire certaines erreurs de collecte. Elle ne dispense pas de respecter les règles de consentement : double opt-in et base juridique ne sont pas synonymes. Vérifiez le réglage global de votre publication et testez le parcours avec une adresse nouvelle afin de savoir exactement ce que reçoit le lecteur.

Étape 7 : enregistrer, publier et copier le code d'intégration

Une fois le formulaire prêt, enregistrez vos changements. Dans l'interface actuelle, le bouton Get embed code permet de récupérer le script d'intégration. Le code fourni par Beehiiv est propre à votre formulaire : il n'est pas nécessaire d'inventer une adresse de formulaire ou de recopier un script trouvé dans un tutoriel. Collez l'extrait officiel tel quel dans une zone de votre site qui accepte du code HTML ou JavaScript.

Attention à la différence entre Save changes et Publish : enregistrer un brouillon ne rend pas forcément ses modifications visibles sur les versions déjà installées. La documentation Beehiiv indique que les versions publiées peuvent continuer à servir l'ancien contenu jusqu'à la publication du nouveau. Si vous modifiez un formulaire déjà en ligne, vérifiez aussi si le code doit être renouvelé. Pour une modification risquée, dupliquez d'abord le formulaire et testez la copie avant de remplacer le script du site.

Installer le formulaire Beehiiv sur WordPress

Sur une page ou un article WordPress qui accepte l'éditeur de blocs, ajoutez un bloc HTML personnalisé à l'emplacement voulu et collez le script fourni par Beehiiv. Enregistrez puis prévisualisez la page sur son adresse publique. Les scripts peuvent ne pas s'exécuter de la même manière dans l'éditeur et chez les visiteurs ; le contrôle important est donc la page publiée. Si vous utilisez un constructeur visuel WordPress, cherchez un élément compatible avec le code personnalisé, sans ajouter plusieurs fois le même script.

Pour une fenêtre ou un bandeau de site entier, l'emplacement précis du code dépend du thème et des extensions installées. Évitez de le coller simultanément dans le pied de page et dans plusieurs articles : cela peut afficher la même fenêtre deux fois. Si WordPress filtre le script, vérifiez les droits de l'utilisateur et les restrictions de sécurité de votre installation avant de tenter de contourner une protection. Le guide officiel Beehiiv recommande de suivre la documentation propre au CMS, car ses instructions génériques par plateforme ne garantissent pas tous les cas.

Installer le formulaire Beehiiv sur Shopify

Pour une boutique Shopify, la méthode dépend du thème et de la zone dans laquelle vous souhaitez afficher le formulaire. Sur une page pouvant être éditée en HTML, ouvrez le contenu, passez en mode HTML si cette fonction est présente, collez le code Beehiiv puis sauvegardez. Testez ensuite la page publiée, car un code accepté dans l'éditeur peut être filtré ou ne pas s'afficher comme prévu. Ne présumez pas qu'un bloc de texte ordinaire exécute automatiquement JavaScript.

Pour une installation dans le pied de page ou dans plusieurs pages, privilégiez les blocs ou sections compatibles avec le code personnalisé prévus par votre thème. Il peut être nécessaire d'intervenir sur le code du thème ; effectuez alors une copie de sécurité et évitez les modifications pendant une campagne commerciale importante. Vérifiez le rendu sur mobile, la navigation et les formulaires déjà installés. Un formulaire de newsletter Beehiiv ne remplace pas les e-mails transactionnels de Shopify ni le système d'inscription aux commandes.

Squarespace, Wix, Webflow et autres sites : la méthode générale

Beehiiv indique avoir testé l'intégration sur plusieurs plateformes, notamment Squarespace, Wix, Webflow, Framer et des pages HTML classiques. La logique reste la même : choisissez un élément permettant d'insérer du code personnalisé, collez le script complet puis publiez la page. Les outils de création de sites ont toutefois leurs propres règles sur les scripts tiers, les éléments intégrés et les restrictions de forfait.

Sur Squarespace, un bloc d'intégration ou une zone de code prévue à cet effet peut convenir. Sur Wix, il faut utiliser un élément compatible avec le code personnalisé et confirmer son affichage après publication. Sur Webflow ou un site HTML, placez le code dans une zone autorisée. Dans tous les cas, l'important est d'essayer l'inscription depuis l'adresse publique, pas seulement de constater que le bloc de code existe dans l'interface de votre CMS.

Formulaire intégré : peut-on utiliser un champ personnalisé ou une automatisation ?

Oui, Beehiiv permet de recueillir des informations complémentaires avec les champs personnalisés déjà créés dans votre publication. Ces données peuvent aider à distinguer les centres d'intérêt ou personnaliser un contenu. Pour identifier d'où vient un abonné, le nom du formulaire apparaît aussi dans les informations d'acquisition, ce qui peut servir à construire des segments. N'ajoutez pas de champs uniquement parce qu'ils sont disponibles : une collecte réduite est souvent plus facile à expliquer et à protéger.

Pour déclencher une automatisation à partir d'une soumission, Beehiiv documente le déclencheur Email submitted. Ce n'est pas la même chose que d'associer directement le formulaire externe à un parcours de plusieurs pages du Website Builder. Il faut également vérifier que votre forfait permet le workflow envisagé et que celui-ci est réellement publié. Une personne déjà abonnée peut se comporter différemment d'une nouvelle inscription ; prévoyez un essai pour les deux cas avant de connecter une campagne.

Confidentialité et consentement : les mentions à prévoir en France

En France, l'inscription à une newsletter commerciale destinée à des particuliers suppose généralement un accord préalable libre, spécifique et éclairé, sous réserve des exceptions prévues par la réglementation. La CNIL rappelle qu'une simple création de compte ou l'acceptation de conditions générales ne suffit pas à autoriser les e-mails promotionnels. Votre formulaire doit donc expliquer qui envoie les messages et à quelles fins les adresses seront utilisées, puis permettre l'accès aux informations sur les données personnelles.

Évitez les cases précochées pour une sollicitation commerciale nécessitant le consentement, et conservez des éléments permettant de démontrer l'inscription. Si vous utilisez des champs supplémentaires, expliquez leur utilité et ne demandez pas de données excessives. Assurez-vous enfin que vos messages comportent un moyen de désinscription simple. Le double opt-in peut participer à la qualité de votre liste, mais il ne remplace ni cette information ni les autres obligations de confidentialité.

Pourquoi le formulaire Beehiiv ne s'affiche pas ou n'enregistre personne ?

Commencez par vérifier la publication du formulaire dans Beehiiv, puis la sauvegarde de la page sur votre site. Assurez-vous que le script a été collé intégralement et à un endroit qui accepte JavaScript. Si une fenêtre apparaît deux fois, cherchez une double insertion du même script : dans un pied de page et dans une page, par exemple. Si l'interface est visible mais que l'envoi ne fonctionne pas, essayez depuis une fenêtre privée sans extension de blocage et vérifiez les paramètres de redirection.

Testez avec une adresse qui n'est pas déjà inscrite, observez le message de succès et recherchez le nouveau contact dans Subscribers. Si une confirmation double opt-in est demandée, vérifiez aussi la réception et la validation de cet e-mail. Une liste qui ne s'actualise pas immédiatement dans le navigateur peut nécessiter un rafraîchissement. En cas de panne persistante, consultez la page de statut Beehiiv et comparez le fonctionnement sur une page HTML simple afin de distinguer un incident du service d'un problème lié au CMS.

• Le formulaire ne s'affiche pas : vérifier publication, script et permissions du site.
• Il s'affiche deux fois : rechercher un script inséré à plusieurs endroits.
• Le bouton tourne sans finir : tester sans extensions, puis contrôler la redirection.
• L'inscription semble absente : essayer une nouvelle adresse et rafraîchir Subscribers.
• Le style est cassé sur mobile : préférer Regular, vérifier largeur et contrastes.

Comment mesurer et améliorer les inscriptions sans nuire au site ?

Après un premier test réussi, observez les nouvelles inscriptions par formulaire et par page, sans confondre nombre d'affichages et nombre de contacts consentants. Une petite page avec des lecteurs intéressés peut générer moins de visites mais davantage d'inscriptions pertinentes qu'une fenêtre affichée partout. Vous pouvez comparer, à intervalles raisonnables, deux emplacements utiles : par exemple la fin d'un guide et une page dédiée à votre newsletter.

Améliorez d'abord la promesse et la lisibilité : un titre qui explique ce que la personne recevra, un exemple du contenu, un rythme annoncé honnêtement et un bouton clair. Évitez de multiplier fenêtres, bandeaux et déclencheurs pour gonfler le nombre de présentations. Une bonne expérience respecte la lecture, le consentement et la possibilité de refuser. Si les inscriptions diminuent soudainement, vérifiez d'abord la technique et les changements de publication avant d'accuser la couleur d'un bouton.

Conclusion : un formulaire simple, publié et réellement testé

Créer un formulaire Beehiiv pour un site WordPress, Shopify ou un autre CMS n'exige pas de refaire son site. La méthode consiste à créer un formulaire externe, choisir sa présentation, régler la confirmation puis intégrer le script officiel. La difficulté principale n'est souvent pas la copie du code : c'est de contrôler que le formulaire est bien publié, qu'il ne s'affiche pas deux fois et que la personne reçoit exactement le parcours d'inscription annoncé.

Pour commencer, un formulaire Inline avec l'e-mail comme seul champ, une politique de confidentialité accessible et un test sur mobile et ordinateur forme une base raisonnable. Vous pourrez ensuite ajouter les champs ou automatisations réellement utiles. Si vous souhaitez ouvrir votre publication, consultez les offres Beehiiv et leurs limites actuelles avant d'envisager une formule payante. Ce guide contient un lien partenaire Beehiiv : Claim26 peut percevoir une commission sur un achat éligible, sans surcoût pour vous.