formulaire d'adhésion

Comment puis-je ajouter un formulaire d'inscription simple pour mon adhésion gratuite ?

Dans cet article de notre HelpDesk, un membre de notre équipe répond à une question fréquemment posée sur la mise en place d'un formulaire d'inscription sur votre site afin de permettre aux internautes de fournir quelques informations et de devenir membre sans avoir à fournir d'informations de paiement.

Souvent, vous ne souhaitez pas que la première interaction avec les visiteurs se traduise par un achat. Vous souhaitez simplement les inscrire sur une liste de diffusion ou leur permettre de consulter une ou deux pages de contenu d'accroche.

Cet article vous guidera à travers les étapes de la création d'un nouveau membre en recueillant un minimum d'informations, comme une adresse électronique, puis en l'orientant vers un contenu protégé.


L'inscription simple est demandée :

"Nous avons du contenu que nous voulons garder dans une zone semi-protégée pour les participants à nos petits groupes. Pouvons-nous simplement fournir un formulaire où ils s'inscrivent et définissent un mot de passe sans passer par la caisse ?"


Joshua de MemberMouse a répondu :

"Vous pouvez en effet créer un formulaire d'inscription gratuit minimal exactement comme vous le décrivez, et nous disposons d'une documentation sur l'ensemble de la procédure à suivre pour ce faire. Je fournirai également les étapes ci-dessous.

D'une manière générale, vous voudrez utiliser l'adhésion gratuite dont vous disposez déjà, ou en créer un nouveau, then protect the desired content with it. From there, you create your signup form using a SmartTag form snippet I’ll provide and that’s it. Your members can add their name, email, and password, and get access to your intended content.

Avant de vous donner le code à placer n'importe où sur votre site pour ce formulaire, je tiens à vous informer qu'il existe deux façons d'utiliser les formulaires d'inscription dans MemberMouse, et que les deux peuvent être présents sur votre site en même temps.

Tout d'abord, le Page principale de la caisse is created when MemberMouse is installed and can act as your main signup page for free or paid products. When the purchase link for a free membership level is inserted onto a page and then clicked on by a new customer, they will be taken the Checkout Page. Since the Checkout Page is dynamic, only the account information section is displayed, and by default the first & last name, email, password and phone number are gathered. (Les champs du prénom, du nom et du numéro de téléphone sont facultatifs et peut être caché.) Les autres sections telles que les informations relatives à la carte, les adresses de facturation et d'expédition sont masquées, car elles ne sont pas nécessaires pour l'inscription gratuite.

Ensuite, la deuxième méthode est celle que vous demandez, un formulaire de membre gratuit pour inscrire des membres gratuits, et il s'agit simplement d'un formulaire de paiement très minimal. Ce formulaire peut être inséré dans une page ou créé comme une page à part entière.

This is the code to use for a free membership. This code should be added to the ‘Text’ tab area of the WordPress editor, not the ‘Visual’ tab. Just remember to replace the Membership Level ID in the first line with the one associated with the free membership on your site. By default this is ID 1, but if you have changed your default free membership level or created additional free membership levels, hover over the ID in MemberMouse > Configuration des produits > Niveaux d'adhésion > Votre niveau d'adhésion gratuit pour obtenir l'identifiant correspondant au niveau d'adhésion souhaité.

Formulaire d'inscription gratuite

Editor’s Note: Go here to accéder à la version texte de ce code.

C'est ainsi que le formulaire apparaîtra sur votre site :

Formulaire d'inscription gratuit pour les membres image

Les champs Email et Mot de passe sont essentiels, mais vous pouvez configurer le formulaire de manière à ce que certains ou tous les autres champs soient cachés. Vous devrez modifier les informations de la section type=" " de type="input" à type="hidden". L'article Rendre les champs facultatifs dans le formulaire de paiement vous donnera plus d'informations sur la manière d'ajouter ou de masquer des champs sur votre page de paiement.

La dernière ligne de code crée le bouton de soumission. Si vous souhaitez personnaliser l'apparence de ce bouton, vous pouvez vous référer à la section Guide de personnalisation des boutons.

Lorsque les visiteurs s'inscrivent sur ce formulaire, ils sont immédiatement connectés. Ils seront également redirigés vers la page d'accueil par défaut de l'application Page centrale de confirmation.

C'est là que votre vision du flux du site et de l'expérience client entre en jeu. Par exemple, la page de confirmation par défaut pourrait comporter un lien vers la page d'accueil des membres, qui leur permettrait d'accéder au contenu protégé. Une autre option consisterait à créer une page de confirmation unique pour l'adhésion gratuite qui inclurait un lien vers la ou les page(s) à contenu protégé.

Ou peut-être une fois qu'ils sont connectés les éléments du menu deviennent visiblesles conduisant au contenu. D'autre part, des liens vers le contenu ont été inclus dans le site web de l Courriel de bienvenue that you customized when you created the membership level, or an email is triggered from an Email Vendor that you’ve integrated your account with.

J'espère que cela vous aidera à mettre en place le formulaire d'inscription. N'hésitez pas à me contacter si vous avez d'autres questions ou préoccupations."


L'inscription simple a répondu :

“Okay, thank you. I have added the code to my page, but when I go to preview the page, I see nothing but the ‘Sign Up’ button.”


Joshua de MemberMouse a répondu :

I believe the reason that you’re only seeing the Sign Up button is that you’re previewing the page while still logged in as the Administrator. MemberMouse automatically hides the account information fields from logged-in visitors. To ensure that you’re seeing this form as a visitor to your site would, I suggest that you open an Incognito/Private Browsing Window, or a different web browser, and view the page.

Here’s what I’m seeing when I view the page in this way:

Formulaire d'inscription gratuit non stylisé

Les champs sont tous regroupés parce que le code d'exemple que je vous ai donné n'inclut pas de HTML pour le formatage. Si vous souhaitez que votre page ressemble davantage à la page de paiement par défaut, vous pouvez utiliser le code situé en dessous de la version non formatée. dans cet article. It’s in the section ‘Full Example (with HTML styling)’. Here is the full code:

Formulaire d'inscription des membres avec style HTML

Here’s how this code looks on my site when a ​non-member views the page:

Formulaire d'inscription des membres stylisé

Lorsqu'un membre connecté consulte la page, le bouton est masqué et un message s'affiche à la place. Par exemple, le bouton est caché et un message est affiché à la place :

Message d'erreur de l'inscription

N'hésitez pas à me contacter si vous avez d'autres questions ou si vous continuez à avoir des difficultés à voir le formulaire lorsque vous consultez la page via une fenêtre Incognito/de navigation privée.


L'inscription simple a répondu :

"Je vous remercie. Je dois dire que votre équipe d'assistance est rapide, serviable et patiente. C'est ce qui fait que nous restons clients de MemberMouse depuis plusieurs années.

J'essaierai le codage et j'expliquerai le reste du processus de mise en place de la page de confirmation et d'octroi de l'accès aux pages dans le cadre de cette adhésion gratuite".


Blair Williams

Compte d'employé créé par MemberMouse

Contenu connexe

Laisser un commentaire

Commencez dès aujourd'hui

Commencez à créer votre site d'adhésion avec MemberMouse !

Veuillez saisir un e-mail valide et réessayer

Installation facile - Garantie de remboursement de 14 jours - Annulation à tout moment