Créer un formulaire d'inscription par e-mail

Un formulaire d'inscription par e-mail est une page web (ou une partie d'une page web) qui permet aux visiteurs de s'abonner à votre liste de distribution. Direct Mail vous permet de créer facilement trois types de formulaires d'inscription :

• Page d'arrivée : Il s'agit d'une page web autonome possédant sa propre URL. Vous pouvez personnaliser la page et partager son URL pour recueillir de nouveaux abonnés.
• Formulaire intégré : Il s'agit d'un formulaire que vous intégrez à vos pages web existantes. Il est conçu pour s'intégrer parfaitement à votre présentation actuelle. Direct Mail vous fournit le code HTML à coller dans votre page web.
• Formulaire contextuel : Il s'agit d'un formulaire qui apparaît par-dessus vos pages web existantes. Vous pouvez contrôler quand et comment le formulaire contextuel apparaît sur votre page web. Direct Mail vous fournit le code HTML à coller dans votre page web pour faire apparaître le formulaire contextuel.

Fonctionnement des formulaires

Votre formulaire est toujours prêt à recueillir de nouveaux abonnés, même si votre Mac est éteint ou si Direct Mail n'est pas en cours d'exécution. Les nouveaux abonnés sont enregistrés sur nos serveurs et automatiquement synchronisés avec votre projet.

Un formulaire est lié à un groupe de votre liste de distribution. Lorsque vous créez un formulaire, un nouveau groupe est automatiquement ajouté à votre liste de distribution et le formulaire est lié à ce groupe. Cela vous permet de savoir quels contacts de votre liste ont été ajoutés au moyen du formulaire.

Nos formulaires d'inscription par e-mail sont protégés contre le spam et les inscriptions automatisées, sans recourir à des tests CAPTCHA fastidieux. Par défaut, nos formulaires utilisent l'acceptation unique. Cela signifie que la personne qui envoie le formulaire est immédiatement ajoutée à votre liste, sans avoir à cliquer sur un lien dans un e-mail de confirmation. Vous pouvez modifier votre formulaire pour utiliser la double acceptation si vous le souhaitez. Vous trouverez plus de détails ci-dessous.

Créer un formulaire

Pour créer un formulaire :

Un nouveau formulaire et un nouveau groupe sont créés et ajoutés à votre liste de distribution, et la fenêtre de l'éditeur de formulaire s'affiche.

Dupliquer un formulaire existant

Vous pouvez dupliquer un formulaire existant :

Votre formulaire est dupliqué et lié à un nouveau groupe dans votre liste de distribution. La fenêtre de l'éditeur de formulaire s'affiche alors.

Fenêtre de l'éditeur de formulaire

Utilisez la fenêtre de l'éditeur de formulaire pour personnaliser votre formulaire. Elle est organisée comme suit :

• Barre d'état : Située en haut de la fenêtre. La barre d'état affiche l'URL de votre formulaire (pour les pages d'arrivée) ou les instructions d'installation du formulaire sur votre page web (pour les formulaires intégrés et contextuels).
• Barre d'onglets : Située sous la barre d'état. Utilisez la barre d'onglets pour naviguer entre les différentes « pages » de votre formulaire :
  • La page intitulée Formulaire est celle que l'utilisateur voit lorsqu'il remplit votre formulaire
  • Envoyé est celle que l'utilisateur voit après avoir envoyé votre formulaire
  • Confirmé est celle que l'utilisateur voit après avoir cliqué sur le lien dans l'e-mail de confirmation (uniquement pour les formulaires à double acceptation)
• Barre d'outils de contenu : Située sous la barre d'onglets. Utilisez les boutons de la barre d'outils de contenu pour ajouter des champs, du texte, des images et d'autres éléments à votre formulaire.
• Inspecteur : Situé sur le côté droit de la fenêtre. Utilisez l'inspecteur pour modifier le style et le comportement de votre formulaire. Lorsque vous sélectionnez différents éléments du formulaire, l'inspecteur se met à jour pour afficher les options correspondant à la sélection.

Si vous apportez des modifications à votre formulaire, un bouton intitulé Enregistrer et publier apparaît dans la barre d'outils. Vos modifications ne sont pas publiées sur Internet tant que vous ne cliquez pas sur ce bouton. Pour annuler les modifications effectuées, vous pouvez choisir Édition > Annuler dans la barre des menus, ou simplement fermer la fenêtre de l'éditeur de formulaire et cliquer sur Abandonner les modifications.

Personnaliser et publier un formulaire de page d'arrivée

Votre formulaire de page d'arrivée est publié dès sa création. Utilisez le bouton Partager dans la barre d'état pour copier ou partager l'URL du formulaire.

Utilisez la barre d'outils de contenu et l'inspecteur pour personnaliser votre formulaire. La plupart des réglages sont communs à tous les types de formulaires, mais les suivants sont propres aux pages d'arrivée :

• Page > Titre : Il s'agit du titre de la page d'arrivée tel qu'il apparaîtra dans l'onglet du navigateur.
• Page > URL personnalisée : Par défaut, votre page d'arrivée est créée avec une URL commençant par joinlist.com, suivie d'un identifiant unique. Utilisez l'option URL personnalisée pour créer une URL personnalisée. Par exemple : joinlist.com/runclub ou joinlist.com/hotrods.
• Page > Couleur et image d'arrière-plan : Vous pouvez attribuer une couleur et une image d'arrière-plan personnalisées à votre page d'arrivée
• Avancé > Empêcher l'indexation de la recherche : Si cette option est activée, la page est mise à jour pour indiquer aux moteurs de recherche (comme Google et Bing) qu'elle ne doit pas être incluse dans leur index de recherche.

Personnaliser et publier un formulaire intégré

Votre formulaire intégré peut être personnalisé dès sa création, mais il ne commence à recueillir de nouveaux abonnés qu'une fois ajouté à votre site web. Pour ajouter votre formulaire à votre site web :

Utilisez la barre d'outils de contenu et l'inspecteur pour personnaliser votre formulaire.

Personnaliser et publier un formulaire contextuel

Votre formulaire contextuel peut être personnalisé dès sa création, mais il ne commence à recueillir de nouveaux abonnés qu'une fois ajouté à votre site web. Pour ajouter votre formulaire à votre site web :

La prochaine fois que vous chargerez la page, le formulaire contextuel apparaîtra (selon le moment d'affichage que vous avez configuré).

Les formulaires contextuels sont conçus pour ne pas importuner les visiteurs de votre site web. Si un visiteur ferme le formulaire contextuel, celui-ci ne s'affiche plus pendant 365 jours. Cela peut compliquer les tests de votre formulaire ou la vérification des modifications. L'éditeur de formulaire comprend deux fonctionnalités pour faciliter cette tâche :

Utilisez la barre d'outils de contenu et l'inspecteur pour personnaliser votre formulaire. La plupart des réglages sont communs à tous les types de formulaires, mais les suivants sont propres aux formulaires contextuels :

Appel

Sur les petits écrans, l'apparition soudaine d'un formulaire contextuel peut être gênante. Pour éviter cette expérience désagréable, vous pouvez utiliser un appel. C'est le comportement par défaut lorsqu'un visiteur consulte votre page sur un appareil mobile.

Un appel est une bannière discrète en bas (ou en haut) de la page qui invite le visiteur à s'abonner. Lorsqu'il clique ou touche la bannière, le formulaire contextuel complet apparaît.

Vous pouvez activer l'appel dans la section Présentation > Afficher l'appel de l'inspecteur. Vous pouvez modifier l'appel en cliquant sur Appel dans la barre d'onglets.

Moment d'affichage

Vous pouvez contrôler le moment où votre formulaire contextuel apparaît. Utilisez le menu Présentation > Afficher la fenêtre contextuelle pour choisir parmi les options suivantes :

• Immédiatement : Le formulaire contextuel apparaît dès que la page est chargée
• Après un délai : Le formulaire contextuel apparaît un certain nombre de secondes après le chargement de la page. Vous pouvez configurer ce délai.
• Après un défilement : Le formulaire contextuel apparaît dès que le visiteur a fait défiler la page vers le bas d'un certain pourcentage. Vous pouvez configurer ce pourcentage.
• À la sortie : Le formulaire contextuel apparaît si le visiteur s'apprête à quitter la page en revenant en arrière dans son navigateur
• Manuellement : Le formulaire contextuel n'apparaît pas automatiquement. Vous devez l'afficher manuellement. Vous pouvez procéder de l'une des deux façons suivantes :
  • Accédez à #dm-open-popup sur la page. Par exemple, créez un élément d'ancrage comme suit : <a href="#dm-open-popup">Show Pop-up</a>
  • Utilisez JavaScript pour ouvrir le formulaire contextuel en appelant DirectMail.openPopUp()

Arrière-plan

Vous pouvez contrôler l'arrière-plan qui apparaît sous le formulaire contextuel et par-dessus le contenu de votre page web. Développez la section Arrière-plan pour afficher les réglages de couleur, d'opacité et de flou.

Disposition

Votre formulaire contextuel peut, si vous le souhaitez, afficher une image principale en haut, à gauche ou à droite. Développez la section Disposition pour contrôler la disposition de l'image principale et du bouton de fermeture.

Si vous utilisez une image principale, cliquez sur l'emplacement réservé à cette image pour la choisir.

Cliquez sur le bouton de fermeture pour modifier son apparence.

Modifier votre formulaire ultérieurement

Vous pouvez modifier votre formulaire à tout moment :

Votre formulaire est mis à jour automatiquement. Vous n'avez pas besoin de mettre à jour le code sur votre site web (pour les formulaires intégrés et contextuels).

Ajouter des champs à votre formulaire

Utilisez la barre d'outils de contenu pour ajouter les types de champs et de blocs suivants à votre formulaire :

Champ de texte

Utilisez l'inspecteur pour définir les propriétés suivantes :

• Libellé : Recommandé. Cliquez sur BIU pour ajouter une mise en forme.
• Texte d'aide : Facultatif. Apparaît sous le libellé. Cliquez sur BIU pour ajouter une mise en forme.
• Taille : Une seule ligne ou plusieurs lignes
• Texte indicatif : Facultatif. Donne au visiteur une indication sur le contenu attendu dans le champ, mais n'est pas inclus lors de l'envoi du formulaire.
• Valeur par défaut : La valeur initiale du champ. Elle sera incluse lors de l'envoi du formulaire, sauf si le visiteur la modifie.
• Importer en tant que : La façon dont vous souhaitez importer ce champ lors de la création du contact dans Direct Mail
• Obligatoire : Si cette option est cochée, le formulaire ne peut pas être envoyé si le champ est vide

Champ de date

Utilisez l'inspecteur pour définir les propriétés suivantes :

• Libellé : Recommandé. Cliquez sur BIU pour ajouter une mise en forme.
• Texte d'aide : Facultatif. Apparaît sous le libellé. Cliquez sur BIU pour ajouter une mise en forme.
• Valeur minimum : Facultatif. Permet d'imposer la date la plus ancienne autorisée.
• Valeur maximum : Facultatif. Permet d'imposer la date la plus récente autorisée.
• Valeur par défaut : Facultatif
• Importer en tant que : La façon dont vous souhaitez importer ce champ lors de la création du contact dans Direct Mail
• Obligatoire : Si cette option est cochée, le formulaire ne peut pas être envoyé si la date n'est pas définie

Champs à choix multiples (menu local, bouton radio, case à cocher)

Utilisez un menu local lorsqu'un seul choix peut être sélectionné et que la liste des choix possibles est longue. Utilisez un bouton radio lorsqu'un seul choix peut être sélectionné, mais que la liste des choix possibles est courte. Utilisez une case à cocher lorsque plusieurs choix peuvent être sélectionnés ou pour activer ou désactiver un choix unique.

Utilisez l'inspecteur pour définir les propriétés suivantes :

• Libellé : Recommandé. Cliquez sur BIU pour ajouter une mise en forme.
• Texte d'aide : Facultatif. Apparaît sous le libellé. Cliquez sur BIU pour ajouter une mise en forme.
• Style : Le type de commande à choix multiples à utiliser
• Choix : Saisissez les choix proposés au visiteur.
  • La colonne Nom contient le texte affiché au visiteur
  • La colonne Valeur contient le texte importé dans Direct Mail
  • La colonne Case indique quels choix doivent être sélectionnés par défaut
  • Cliquez sur + pour ajouter un choix. Cliquez sur + et maintenez le bouton enfoncé pour importer une liste de choix à partir d'un fichier ou générer une série de choix numériques.
  • Sélectionnez un choix, puis cliquez sur BIU pour mettre en forme son nom (s'applique uniquement aux cases à cocher et aux boutons radio)
• Aléatoire : Vous pouvez faire apparaître les choix dans un ordre aléatoire à chaque affichage du formulaire
• Importer en tant que : La façon dont vous souhaitez importer ce champ lors de la création du contact dans Direct Mail
• Obligatoire : Si cette option est cochée, le formulaire ne peut pas être envoyé tant qu'un choix n'a pas été fait. Pour les cases à cocher, vous pouvez définir le nombre minimum de choix à sélectionner.

Bloc de texte

Utilisez l'inspecteur pour définir le contexte du bloc de texte. Cliquez sur BIU pour ajouter une mise en forme ou des liens.

Bloc d'image

Utilisez l'inspecteur pour définir l'image, sa description textuelle, sa taille et ses autres propriétés.

Bouton

Utilisez l'inspecteur pour définir le titre, la couleur, le lien et les autres propriétés du bouton.

Espacement

Utilisez l'inspecteur pour définir la hauteur de l'espacement et, si vous le souhaitez, ajouter une ligne de séparation.

Suggestions

Utilisez le bouton Suggestions pour ajouter rapidement des champs préremplis à votre formulaire, notamment :

• Case à cocher d'autorisation
• Case à cocher d'autorisation avec une formulation propre au RGPD
• Fréquence des e-mails (à quelle fréquence souhaitez-vous recevoir de nos nouvelles ?)
• Pays, États, provinces et régions
• Mois, jours du mois, jours de la semaine, heures de la journée
• Civilité
• Genre

Passer à la double acceptation

Les formulaires d'inscription utilisent l'acceptation unique par défaut. Cela signifie que l'abonné est immédiatement ajouté à votre liste, sans avoir à cliquer sur un lien dans un e-mail de confirmation. Vous pouvez passer votre formulaire à la double acceptation. Cela signifie que l'abonné n'est ajouté à votre liste qu'après avoir cliqué sur le lien dans un e-mail de confirmation.

Vous ne pouvez pas modifier le contenu de l'e-mail de confirmation. L'e-mail de confirmation est envoyé dans la langue que vous avez choisie pour votre formulaire (voir Formulaire > Avancé > Langue)

Activer les notifications de nouvel abonné

Vous pouvez recevoir une notification par e-mail chaque fois qu'un nouvel abonné rejoint votre liste. Pour activer les notifications :

Envoyer un e-mail de bienvenue aux nouveaux abonnés

Utilisez notre fonctionnalité d'autorépondeur pour envoyer automatiquement des e-mails de bienvenue aux nouveaux abonnés lorsqu'ils s'abonnent :

Un nouvel autorépondeur est créé pour vous, mais il n'est pas démarré tant que vous n'êtes pas prêt. Cliquez sur Accéder à l'autorépondeur pour configurer les réglages de l'autorépondeur.

Modifier les réglages avancés

Pour accéder aux réglages avancés, cliquez sur Page dans la barre d'onglets, puis développez la section Avancé dans l'inspecteur.

• Langue : Il s'agit de la langue utilisée pour les messages d'erreur et les e-mails de confirmation (s'ils sont activés)
• Champs cachés : Il s'agit de champs du formulaire qui ne sont pas visibles par l'utilisateur, mais qui sont tout de même synchronisés avec Direct Mail lors de l'envoi du formulaire
• CSS personnalisé : Vous pouvez utiliser du CSS personnalisé pour définir le style de votre formulaire