Section d'inscription à la newsletter avec formulaire inline ou empilé et champ téléphone optionnel.
Newsletter
La section Newsletter affiche un formulaire d'inscription par email pour constituer votre liste de contacts. Simple et efficace, elle supporte un layout inline ou empilé, un champ téléphone optionnel et un message de succès personnalisable.
Settings principaux
Formulaire
| Setting | Description | Options |
|---|---|---|
| Layout formulaire | Disposition des champs | Inline / Stacked |
| Champ téléphone | Ajouter un champ numéro de téléphone | On / Off |
| Placeholder email | Texte indicatif du champ email | Texte |
| Placeholder téléphone | Texte indicatif du champ téléphone | Texte |
| Texte du bouton | Texte du bouton de soumission | Texte |
| Style du bouton | Apparence du bouton | Primaire / Secondaire / Outline |
Message de succès
| Setting | Description | Options |
|---|---|---|
| Message de succès | Texte après inscription réussie | Texte (rich text) |
| Animation succès | Animation de confirmation | Coche / Confetti / Fade |
Layout
| Setting | Description | Options |
|---|---|---|
| Largeur contenu | Largeur max du formulaire | Narrow / Normal / Wide |
| Alignement | Alignement du contenu | Gauche / Centre / Droite |
| Image | Image latérale optionnelle | Image picker |
| Position image | Côté de l'image | Gauche / Droite |
Blocs disponibles
| Bloc | Description |
|---|---|
| Heading | Titre de la section |
| Subheading | Sous-titre |
| Text | Texte d'accroche / description |
| Icon List | Avantages de s'inscrire (icônes) |
Layout Inline vs Stacked
| Layout | Description | Idéal pour |
|---|---|---|
| Inline | Champ email et bouton sur la même ligne | Compact, footer, bannières |
| Stacked | Champs empilés verticalement | Sections dédiées, avec téléphone |
Cas d'utilisation
Newsletter homepage
- Layout Inline, alignement centré
- Heading : "Restez informé"
- Texte : "Recevez nos offres en avant-première"
- Placeholder : "Votre adresse email"
- Bouton : "S'inscrire"
- Largeur Narrow
- Animation succès Coche
Popup newsletter (avec image)
- Layout Stacked avec image à gauche
- Heading : "-10% sur votre première commande"
- Champ téléphone activé (SMS marketing)
- Message succès personnalisé avec code promo
- Animation Confetti
Footer newsletter
- Layout Inline, alignement gauche
- Pas de heading (intégré au footer)
- Texte court : "Offres exclusives par email"
- Style bouton Outline
- Largeur Normal
💡Activez le champ téléphone si vous faites du SMS marketing. Les taux d'ouverture SMS (98%) sont bien supérieurs aux emails (20-30%). Combinez les deux canaux pour maximiser la portée.
ℹ️Le formulaire s'intègre nativement avec le système de marketing Shopify (Customer Marketing). Les contacts inscrits apparaissent automatiquement dans votre liste de clients Shopify avec le consentement marketing activé.
⚠️Assurez-vous que votre message de succès confirme clairement l'inscription et, si applicable, mentionne le code promo. Un message vague ("Merci") peut faire douter le visiteur que son inscription a bien fonctionné.
Prochaines étapes
- Découvrez le Popup pour capturer les emails avec un popup newsletter
- Consultez les réglages de couleurs pour personnaliser la palette de votre section newsletter
- Lisez le guide Construire une homepage qui convertit pour positionner efficacement votre newsletter
- Ajoutez un Blog en vedette pour combiner contenu et capture d'emails