Ces exemples de pop-up d'e-mail diffèrent par ce qu'ils offrent, la quantité d'informations qu'ils demandent et ce qui se passe après leur fermeture. Certains laissent une petite porte de retour ; d'autres demandent aux visiteurs de choisir les e-mails qu'ils souhaitent recevoir. Examinez l'invitation et la sortie ensemble, y compris sur un téléphone.
Intelligentsia réduit son offre en un onglet compact dans le coin lorsque la popup est fermée. Le visiteur peut naviguer et revenir au formulaire plus tard. L'onglet prend toujours de la place, sa position doit donc être vérifiée aux côtés du chat, des contrôles de cookies et des informations sur le produit sur un téléphone.
Pour votre boutique
Laissez un moyen optionnel de revenir à une offre fermée.
REP Fitness ajoute des cases à cocher pour l'équipement, les suppléments et les vêtements à son offre d'inscription. Ces catégories correspondent à des parties distinctes du catalogue. L'étude n'a pas testé les e-mails envoyés par la suite, elle n'établit donc que la question de préférence visible. La réponse devrait avoir un but dans la communication ultérieure.
Pour votre boutique
Posez des questions sur les centres d'intérêt lorsque la réponse modifie ce que les abonnés reçoivent.
Proud Mary Coffee entoure sa popup d'une bordure illustrée. L'invitation est visuellement reconnaissable, mais le formulaire capturé demande également plusieurs champs de contact. Chacun est une étape supplémentaire pour le visiteur. L'illustration peut véhiculer le caractère de la marque tandis que le formulaire ne demande que les informations requises par l'offre.
Pour votre boutique
Donnez du caractère au formulaire et gardez les informations requises proportionnées.
Olli Ella associe des illustrations de la marque à un message de réduction et à un seul champ d'e-mail. Un contrôle de fermeture se trouve dans le coin. La demande est suffisamment courte pour être comprise en un coup d'œil. Sur mobile, le clavier doit toujours laisser de la place pour le champ, les conditions de l'offre et la fermeture.
Pour votre boutique
Gardez une offre simple associée à un formulaire court.
La popup divisée d'Appointed associe un panneau graphique au formulaire. Les visiteurs peuvent la fermer via une icône de fermeture ou une action « Non merci ». L'option écrite rend le refus explicite. L'étude n'a pas testé le moment où l'offre revient, le délai de réaffichage reste donc une décision d'implémentation distincte.
Pour votre boutique
Donnez aux visiteurs un moyen clair de refuser.
KARHU demande aux abonnés s'ils préfèrent le lifestyle, le running ou les deux. Les choix utilisent des parties familières de sa gamme, et la popup peut être fermée sans répondre. Pour une marque avec des publics distincts, cette question peut aider à définir les attentes concernant le contenu des e-mails si les messages ultérieurs respectent la sélection.
Pour votre boutique
Utilisez des libellés de préférence qui correspondent au contenu que les abonnés recevront.
L'inscription de Story Mfg. flotte dans un coin sans assombrir toute la page. La navigation reste disponible derrière, et le panneau fait défiler des images. Le placement limite ce que le formulaire bloque, bien que les images en mouvement puissent tout de même détourner l'attention des produits. Il vaut la peine de comparer avec une image statique lors de l'évaluation.
Pour votre boutique
Laissez la navigation disponible et vérifiez si le mouvement entre en compétition avec la page.
NEST présente un message de réduction, un champ d'e-mail et un contrôle de soumission dans une modale centrée. La page derrière elle est assombrie. L'étude n'a pas enregistré son délai de déclenchement, ce qui compte lors de l'évaluation de la façon dont l'offre interrompt une visite. Le formulaire lui-même offre une mise en page simple à comparer avec des exemples plus élaborés.
Pour votre boutique
Examinez quand l'offre apparaît ainsi que ce qu'elle dit.
Mushie place son offre et son champ d'e-mail à l'intérieur d'une popup circulaire. Dans la session enregistrée, le panneau bloque la page jusqu'à ce qu'il soit fermé. La forme rend l'invitation reconnaissable mais laisse moins d'espace autour de ses contrôles. Sur les petits écrans, la taille du texte et un bouton de fermeture visible doivent primer sur les proportions du cercle.
Pour votre boutique
Gardez le champ et la sortie lisibles à l'intérieur d'une forme inhabituelle.
Exploding Kittens laisse un bouton d'offre flottant après la popup initiale. Les visiteurs peuvent rouvrir le formulaire quand ils sont prêts, y compris après avoir lu des informations sur un jeu. Sa taille et sa position doivent laisser les contrôles d'achat accessibles. La réouverture du formulaire devrait également afficher à nouveau les conditions de l'offre.
Pour votre boutique
Laissez les visiteurs décider quand revenir à l'inscription.
OMY transforme son offre fermée en un badge éclatant. Dans la capture mobile, le badge chevauche le début du contenu de la page. Il offre un chemin visible pour revenir à l'inscription, mais sa taille et son placement doivent être ajustés pour éviter de couvrir les titres ou les contrôles d'achat.
Pour votre boutique
Vérifiez un badge de réouverture par rapport au contenu en dessous.
Studio Nicholson associe une photo de campagne à un panneau d'inscription épuré. La disposition divisée intègre la photographie éditoriale de la boutique à l'invitation, avec une action de fermeture dans le coin. L'image donne du contexte au formulaire sans exiger plus de champs de la part du visiteur.
Pour votre boutique
Utilisez des images de campagne pertinentes pour lier l'inscription au reste de la boutique.
Jeni's inclut un parcours pour les membres existants à côté de son offre et de son champ d'e-mail. Les clients de retour ont un point de départ différent des nouveaux abonnés, et le formulaire en tient compte. Leur parcours doit être facile à trouver afin qu'ils ne repassent pas sans cesse par une inscription destinée à quelqu'un d'autre.
Pour votre boutique
Donnez aux membres existants un parcours clair dans l'offre.
House of Hackney propose des échantillons et demande si le visiteur est un particulier ou un designer. Les échantillons aident pour les choix de matériaux qu'implique l'aménagement d'une maison. La question sur le public cible reflète également différents types de clients, bien que sa valeur dépende de la façon dont l'expérience ultérieure utilise la réponse.
Pour votre boutique
Choisissez une incitation qui aide à la décision sur le produit.
Lotuff utilise un panneau blanc centré avec un champ d'e-mail et un bouton d'abonnement. Le contrôle de fermeture enregistré le fait disparaître immédiatement. Le formulaire court ne demande pas beaucoup d'efforts au visiteur, une explication claire de l'abonnement est donc particulièrement importante : l'offre elle-même doit justifier la demande.
Pour votre boutique
Soyez bref dans votre demande et rendez la fermeture du formulaire simple.
L’offre doit expliquer pourquoi une personne souhaiterait recevoir les e-mails avant de lui demander son adresse. House of Hackney associe son invitation à des échantillons, un aspect pratique lorsqu’il s’agit de choisir des matériaux d’ameublement. KARHU demande si les abonnés préfèrent les produits lifestyle, le running, ou les deux. Cette question a un but précis ; les e-mails envoyés doivent tenir compte de la réponse.
Comparez ces demandes avec le champ d’e-mail unique d’Olli Ella et le formulaire plus long de Proud Mary Coffee. N’ajoutez un champ que si la réponse est nécessaire pour l’offre ou si elle modifie la communication. Placez les éventuelles conditions à proximité de l’invitation, et vérifiez que le clavier mobile ne les masque pas, tout comme le bouton de validation.
Appointed propose à la fois une icône de fermeture et une action écrite Non merci. Intelligentsia et Exploding Kittens laissent un petit bouton permettant de rouvrir l’offre après l’avoir fermée. Il s’agit de deux décisions distinctes : refuser doit mettre fin à l’interruption, tandis qu’un bouton de retour doit permettre à un visiteur intéressé de la rouvrir à son propre rythme.
Vérifiez l’espace occupé par ce bouton de retour. Le badge mobile enregistré par OMY chevauche le début du contenu de la page, illustrant comment une petite décoration sur ordinateur peut devenir une obstruction sur mobile. Examinez conjointement le formulaire ouvert, l’état fermé et le clavier. Les captures ne permettent pas de déterminer le délai de réapparition, testez-le donc séparément au lieu de le déduire de la capture d’écran.
Laissez aux visiteurs le temps de comprendre la page et de décider si l'offre est pertinente. Il n'existe pas de délai unique adapté à toutes les boutiques. Respectez les fermetures et testez si le délai d'apparition n'interfère pas avec la navigation.
Demandez les informations nécessaires pour proposer l'offre. Une question sur les préférences vaut la peine d'être ajoutée si elle modifie les e-mails qu'un abonné recevra ; sinon, elle alourdit le processus d'inscription.
Un petit bouton ou un onglet optionnel peut rouvrir le formulaire. Vérifiez qu'il ne masque pas le contenu de la page, et évitez de rouvrir la pop-up automatiquement au cours de la même session de navigation.
C'est un formulaire d'inscription qui s'affiche sur ou à côté de la page pour inviter un visiteur à s'abonner. Dans ces exemples, l'invitation peut inclure une réduction, des échantillons ou un choix de sujets d'e-mail. Elle doit également expliquer comment refuser.
Non. L'invitation nécessite une raison de s'abonner que la boutique peut honorer. Les nouveautés de produits, les préférences pertinentes ou l'accès à des échantillons peuvent faire partie de cette explication. Présentez l'offre de manière claire au lieu de vous reposer uniquement sur le design du formulaire.
Donnez à Fudge un objectif et une référence. Il suggère des modifications pour votre boutique, prépare un brouillon dans votre thème Shopify et vous fait un retour. Vous examinez chaque changement avant sa mise en ligne.
Découvrez comment fonctionne l'éditeur de boutique