Le bloc Formulaire d'inscription vous permet de collecter les noms et adresses e-mail des visiteurs intéressés par la réception de mises à jour, d'actualités et d'offres de votre site. Ajoutez-le à n'importe quelle page de destination ou modèle SeedProd pour commencer immédiatement à constituer votre liste d'abonnés.
Le bloc comprend des champs personnalisables pour le nom et l'e-mail, un bouton de soumission avec un contrôle de style complet, une action de succès pour afficher un message ou rediriger après la soumission, et une intégration intégrée avec les plateformes de marketing par e-mail tierces populaires.
Ajouter le bloc de formulaire d'inscription à vos pages
Suivez ces étapes pour ajouter un bloc de formulaire d'inscription à votre page SeedProd :
Étape 1 : Ajouter le bloc
Sous Design > Blocs, faites glisser le bloc Formulaire d'inscription dans la section souhaitée de votre page.
Étape 2 : Configurer les paramètres de contenu
Une fois ajouté, cliquez sur le bloc Formulaire d'inscription pour ouvrir ses paramètres. L'onglet Contenu est organisé en trois sections : Champs, Bouton de soumission et Action de succès.
Champs :
- Champs E-mail / Nom / Confirmation d'inscription : Chaque champ est répertorié comme une ligne déplaçable. Cliquez sur l'icône de paramètres d'une ligne de champ pour développer ses paramètres individuels. Vous pouvez personnaliser l'Étiquette (le texte affiché au-dessus de la saisie) et la Largeur (la largeur du champ en pourcentage du formulaire, de 10 à 100 %). Le champ Nom dispose également d'un bouton bascule Requis pour le rendre obligatoire. Utilisez l'icône en forme d'œil pour afficher ou masquer les champs Nom et Confirmation d'inscription de votre formulaire. Le champ Confirmation d'inscription est masqué par défaut — activez-le pour ajouter une case à cocher de consentement de style GDPR que les visiteurs doivent cocher avant de soumettre.
- Taille : Définissez la taille globale des champs de saisie — Petit, Moyen ou Grand.
- Alignement : Définissez l'alignement horizontal de l'ensemble du formulaire — Gauche, Centre ou Droite.
Bouton de soumission :
- Texte du bouton : Personnalisez l'étiquette affichée sur le bouton de soumission.
- Largeur : Définissez la largeur du bouton en pourcentage du formulaire, de 10 à 100 %.
- Taille de la police : Définissez la taille de la police du texte du bouton de 0 à 72 px.
- Couleur d'arrière-plan : Définissez la couleur d'arrière-plan du bouton de soumission.
Action de succès :
- Action à entreprendre : Choisissez ce qui se passe après une soumission réussie du formulaire — Afficher un message affiche un message de remerciement personnalisé à la place du formulaire, ou Rediriger envoie le visiteur vers une URL de votre choix.
- Message : Entrez le message de remerciement à afficher après la soumission (disponible lorsque Afficher un message est sélectionné). Prend en charge le formatage de texte enrichi.
- URL de redirection : Entrez l'URL vers laquelle rediriger le visiteur après la soumission (disponible lorsque Redirection est sélectionné).
Étape 2a : Choisir un style de modèle
Dans l'onglet Modèles, vous pouvez choisir parmi des styles de champs de saisie prédéfinis pour modifier rapidement l'apparence visuelle de votre formulaire d'inscription. Cliquez sur n'importe quel modèle pour l'appliquer instantanément.
- Styles disponibles : Choisissez parmi 7 conceptions de modèles différentes — styles de champs de saisie Clair, Sans bordure, Bordure large, Gris, Foncé, Bordure inférieure et Transparent.
Étape 3 : Personnaliser le design
Dans l'onglet Avancé, vous pouvez affiner la typographie, les couleurs des champs, le style des boutons et l'espacement de votre bloc de formulaire d'inscription.
Formulaire :
- Famille de polices : Choisissez la famille de polices et la variante de police appliquées à toutes les étiquettes du formulaire et au texte des champs.
- Rayon de bordure : Définissez le rayon des coins de tous les champs de saisie de 0 à 100 px pour contrôler leur aspect arrondi ou carré.
- Supprimer le remplissage interne : Cochez cette case pour supprimer le remplissage interne par défaut entre les champs du formulaire et le conteneur du bloc, permettant au formulaire de s'aligner parfaitement avec son conteneur.
Champs :
- Couleur d'arrière-plan des champs : Définissez la couleur d'arrière-plan des champs de saisie.
- Couleur du texte des champs : Définissez la couleur du texte tapé dans les champs de saisie.
- Couleur de bordure des champs : Définissez la couleur de bordure des champs de saisie.
- Épaisseur de bordure des champs : Définissez indépendamment l'épaisseur de bordure pour chaque côté des champs de saisie (Haut, Droite, Bas, Gauche).
Bouton :
- Style de bouton : Choisissez le style visuel du bouton de soumission — Plat, Fantôme, 2D ou Vintage.
- Icône avant le texte : Ajoutez une icône Font Awesome qui apparaît avant le texte de l'étiquette du bouton.
- Icône après le texte : Ajoutez une icône Font Awesome qui apparaît après le texte de l'étiquette du bouton.
Espacement :
- Marge : Contrôlez l'espacement extérieur autour de votre bloc de formulaire d'inscription (Haut, Droite, Bas, Gauche). Cela détermine l'espace entre le formulaire et les éléments environnants de la page.
- Rembourrage : Ajustez l'espacement intérieur de votre bloc de formulaire d'inscription (Haut, Droite, Bas, Gauche). Cela crée un espace entre le formulaire et les bords du bloc.
Attributs :
- ID CSS : Affiche l'identifiant unique généré automatiquement pour votre bloc de formulaire d'inscription. Cet ID est créé automatiquement par SeedProd pour un style personnalisé ou un ciblage JavaScript.
- Classe personnalisée : Ajoutez des classes CSS personnalisées pour appliquer des styles spécifiques de votre thème ou de votre CSS personnalisé.
- Attributs personnalisés : Ajoutez des attributs HTML à l’élément d’encapsulation du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format : nom-attribut|valeur.
Visibilité de l'appareil :
- Masquer sur ordinateur : Masquez le bloc de formulaire d'inscription sur les écrans d'ordinateur.
- Masquer sur tablette : Masquez le bloc de formulaire d'inscription sur les appareils tablettes.
- Masquer sur mobile : Masquez le bloc de formulaire d'inscription sur les appareils mobiles.
Effets d'animation :
- Animation d'entrée : Choisissez parmi divers effets d'animation qui se jouent lorsque le bloc de formulaire d'inscription apparaît à l'écran. Les options incluent Rebond, Fondu, Zoom avant, Rotation avant, et bien d'autres.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc de formulaire d'inscription et de personnaliser son apparence, assurez-vous de sauvegarder votre travail.
Soumissions du formulaire d'inscription
Par défaut, toutes les soumissions du formulaire d'inscription sont enregistrées dans la section Abonnés sous SeedProd > Abonnés. Vous pouvez y afficher, exporter et gérer les données de vos abonnés collectées.
Note : Par défaut, le bloc Formulaire d'inscription n'envoie pas de notifications par e-mail lorsqu'un nouvel abonné soumet le formulaire. Si vous souhaitez recevoir des notifications, envisagez de connecter une intégration de marketing par e-mail (voir ci-dessous).
Connecter le formulaire d'inscription avec les intégrations de marketing par e-mail
Vous pouvez intégrer le bloc Formulaire d'inscription avec des plateformes de marketing par e-mail tierces dans la section Connexion des paramètres de votre page SeedProd. Cela permet d'ajouter automatiquement les nouveaux abonnés à vos listes d'e-mails dans des services tels que Mailchimp, AWeber, ConvertKit, ActiveCampaign, et plus encore.
Note : Les intégrations de marketing par e-mail sont disponibles dans les plans de licence Pro, Plus et Elite. Consultez nos intégrations d'e-mails disponibles pour la liste complète des plateformes prises en charge.
Vous avez ajouté avec succès un bloc Formulaire d'inscription à votre page ! Utilisez-le pour commencer à collecter des abonnés, améliorer l'engagement de votre site Web et constituer une audience à laquelle vous pouvez vous adresser directement. Expérimentez avec les dispositions des champs, les styles de boutons et les modèles prédéfinis pour créer un formulaire qui correspond à votre marque et convertit les visiteurs en abonnés.