Documentation d'aide 〉Formulaires 〉

Créer un Formulaire d'Inscription par Email

Cet article d'aide a été traduit à l'aide de l'IA. Il peut contenir des erreurs.

Un formulaire d’inscription par e-mail est une page web (ou une partie d’une page web) que les personnes peuvent utiliser pour s’inscrire à votre liste de diffusion. Direct Mail facilite la création de trois types différents de formulaires d’inscription :

  • Page de destination : Il s’agit d’une page web autonome avec sa propre URL. Vous pouvez personnaliser la page et partager l’URL pour recueillir de nouveaux abonnés.
  • Formulaire intégré : Il s’agit d’un formulaire que vous intégrez à votre ou vos pages web existantes. Il est conçu pour s’harmoniser parfaitement avec votre design existant. Direct Mail vous fournit le code HTML que vous devrez coller dans votre page web.
  • Formulaire pop-up : Il s’agit d’un formulaire qui apparaît par-dessus votre ou vos pages web existantes. Vous pouvez contrôler quand et comment le formulaire pop-up apparaît sur votre page web. Direct Mail vous fournit le code HTML que vous devrez coller dans votre page web pour faire apparaître le formulaire pop-up.

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 diffusion. Lorsque vous créez un nouveau formulaire, un nouveau groupe est automatiquement ajouté à votre liste de diffusion et le formulaire est lié à ce groupe. Cela vous aide à savoir quels contacts de votre liste ont été ajoutés via le formulaire.

Nos formulaires d’inscription par e-mail sont protégés contre le spam et les inscriptions de robots sans utiliser de tests captcha agaçants. Par défaut, nos formulaires sont en inscription simple. Cela signifie que la personne qui soumet le formulaire est ajoutée à votre liste immédiatement, sans avoir à cliquer sur un e-mail de confirmation. Vous pouvez modifier votre formulaire pour utiliser une double confirmation, si vous le souhaitez. Veuillez consulter les détails ci-dessous.

Créer un formulaire

Pour créer un formulaire :

  1. Sélectionnez la liste à laquelle vous voulez que le formulaire appartienne
  2. Cliquez sur + dans la barre d’outils
  3. Choisissez Nouveau formulaire d’inscription
  4. Choisissez le type de formulaire que vous voulez créer

Un nouveau formulaire et un nouveau groupe sont créés et ajoutés à votre liste de diffusion, puis la fenêtre de l’éditeur de formulaire apparaît.

Dupliquer un formulaire existant

Vous pouvez dupliquer un formulaire existant :

  1. Sélectionnez le groupe auquel votre formulaire existant est associé
  2. Choisissez Édition > Dupliquer le formulaire uniquement dans la barre des menus en haut de votre écran

Votre formulaire est dupliqué et associé à un nouveau groupe dans votre liste de diffusion. La fenêtre de l’éditeur de formulaire apparaît ensuite.

Fenêtre de l’éditeur de formulaire

form-editor.2x.jpg

Utilisez la fenêtre de l’éditeur de formulaire pour personnaliser votre formulaire. La fenêtre de l’éditeur de formulaire 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 de destination) ou des instructions sur la façon d’installer le formulaire sur votre page web (pour les formulaires intégrés et pop-up).
  • 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 ce que l’utilisateur voit lorsqu’il remplit votre formulaire
    • Envoyé est ce que l’utilisateur voit après avoir envoyé votre formulaire
    • Confirmé est ce que l’utilisateur voit après avoir cliqué sur l’e-mail de confirmation (uniquement pour les formulaires à double confirmation)
  • 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 plus encore à 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 de votre formulaire, l’inspecteur se met à jour pour vous montrer les options pertinentes pour la sélection.

Si vous apportez des modifications à votre formulaire, un bouton intitulé Enregistrer et publier apparaîtra dans la barre d’outils. Vos modifications ne sont pas publiées sur Internet tant que vous n’avez pas cliqué sur ce bouton. Si vous souhaitez annuler les modifications apporté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 Ignorer les modifications.

Personnaliser et publier un formulaire de page de destination

Votre formulaire de page de destination 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 de destination :

  • Page > Titre : Il s’agit du titre de la page de destination tel qu’il apparaîtra dans l’onglet du navigateur.
  • Page > URL personnalisée : Par défaut, votre page de destination est créée avec une URL qui commence 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 donner à votre page de destination une couleur et une image d’arrière-plan personnalisées
  • Avancé > Empêcher l’indexation par les moteurs de 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 pas à recueillir de nouveaux abonnés tant que vous ne l’avez pas ajouté à votre site web. Pour ajouter votre formulaire à votre site web :

  1. Cliquez sur Installer dans la barre d’état
  2. Copiez le code HTML affiché
  3. Collez le code HTML dans votre page web à l’endroit où vous souhaitez que le formulaire apparaisse

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

Personnaliser et publier un formulaire pop-up

Votre formulaire pop-up peut être personnalisé dès sa création, mais il ne commence pas à recueillir de nouveaux abonnés tant que vous ne l’avez pas ajouté à votre site web. Pour ajouter votre formulaire à votre site web :

  1. Cliquez sur Installer dans la barre d’état
  2. Copiez le code HTML affiché
  3. Collez le code HTML dans votre page web. Nous vous recommandons de le coller à l’intérieur des balises <head>…</head> de votre page.

La prochaine fois que vous chargerez la page, le formulaire pop-up apparaîtra (selon le délai que vous avez configuré).

Les formulaires pop-up sont conçus pour ne pas importuner les visiteurs de votre site web. Si un visiteur ferme le pop-up, il ne sera plus affiché pendant 365 jours. Cela peut rendre difficile le test de votre formulaire ou la vérification des modifications. L’éditeur de formulaire comprend deux fonctionnalités pour faciliter ce processus :

  1. Cliquez sur Installer dans la barre d’état
  2. Cliquez sur l’onglet Tester le formulaire
  3. Saisissez l’URL de la page où le formulaire pop-up est installé
  4. Cliquez sur Tester l’installation pour vérifier si le code HTML a été correctement installé sur la page
  5. Cliquez sur Afficher dans le navigateur pour ouvrir votre page dans un navigateur web et forcer l’apparition du formulaire pop-up

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 pop-up :

Bandeau d’appel

Sur les petits écrans, l’apparition soudaine d’un formulaire pop-up peut être déroutante. Pour éviter cette mauvaise expérience utilisateur, vous pouvez utiliser un bandeau d’appel. C’est l’option par défaut lorsqu’un visiteur consulte votre page sur un appareil mobile.

Un bandeau d’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 appuie sur la bannière, le formulaire pop-up complet apparaît.

Vous pouvez activer le bandeau d’appel dans la section Présentation > Afficher le bandeau d’appel de l’inspecteur. Vous pouvez modifier le bandeau d’appel en cliquant sur Bandeau d’appel dans la barre d’onglets.

Déclenchement

Vous pouvez contrôler le moment où votre pop-up apparaît. Utilisez le menu Présentation > Afficher le pop-up pour choisir parmi les options suivantes :

  • Immédiatement : Le pop-up apparaît dès que la page est chargée
  • Après un délai : Le pop-up apparaît un certain nombre de secondes après le chargement de la page. Vous pouvez configurer le délai.
  • Après défilement : Le pop-up apparaît dès que le visiteur a fait défiler la page jusqu’à un certain pourcentage. Vous pouvez configurer ce pourcentage.
  • À la sortie : Le pop-up apparaît si le visiteur est sur le point de quitter la page en revenant en arrière dans son navigateur
  • Manuellement : Le pop-up n’apparaît pas automatiquement. Vous devrez l’afficher manuellement. Cela se fait 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">Afficher le pop-up</a>
    • Utilisez JavaScript pour ouvrir le pop-up en appelant DirectMail.openPopUp()

Arrière-plan

Vous pouvez contrôler l’arrière-plan qui apparaît sous le formulaire pop-up 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 pop-up peut éventuellement afficher une image « hero » en haut, à gauche ou à droite. Développez la section Disposition pour contrôler la disposition de l’image hero et du bouton de fermeture.

Si vous utilisez une image hero, cliquez sur l’espace réservé de l’image hero pour choisir l’image.

Cliquez sur le bouton de fermeture pour modifier l’apparence du bouton.

Modifier votre formulaire plus tard

Vous pouvez modifier votre formulaire à tout moment :

  1. Accédez à l’onglet Contacts
  2. Développez votre liste en cliquant sur le triangle d’affichage à côté du nom de la liste
  3. Sélectionnez le groupe lié à votre formulaire
  4. Dans l’inspecteur, développez la section intitulée Formulaire d’inscription
  5. Cliquez sur Modifier le formulaire. La fenêtre de l’éditeur de formulaire apparaît.
  6. Apportez vos modifications et cliquez sur Enregistrer et publier dans la barre d’outils

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 pop-up).

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

insert-textfield.2x.png

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 : Ligne unique ou lignes multiples
  • Texte de substitution : Facultatif. Donne une indication au visiteur sur ce qui doit apparaître dans le champ, mais n’est pas inclus lors de l’envoi du formulaire.
  • Valeur par défaut : La valeur initiale du champ. Sera incluse lors de l’envoi du formulaire, sauf si le visiteur la modifie.
  • Importer comme : La façon dont vous souhaitez que ce champ soit importé lorsque le contact est créé dans Direct Mail
  • Obligatoire : Si cette case est cochée, le formulaire ne peut pas être envoyé si le champ est vide

Champ de date

insert-datefield.2x.png

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 minimale : Facultatif. Utilisée pour imposer la date la plus ancienne autorisée.
  • Valeur maximale : Facultatif. Utilisée pour imposer la date la plus récente autorisée.
  • Valeur par défaut : Facultatif
  • Importer comme : La façon dont vous souhaitez que ce champ soit importé lorsque le contact est créé dans Direct Mail
  • Obligatoire : Si cette case est cochée, le formulaire ne peut pas être envoyé si la date n’est pas définie

Champs à choix multiples (menu pop-up, bouton radio, case à cocher)

insert-multiple-choice.2x.png

Utilisez un menu pop-up 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 comme commutateur pour un seul choix.

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 contrôle à choix multiples à utiliser
  • Choix : Saisissez les choix que le visiteur peut sélectionner.
    • La colonne Nom est le texte qui apparaît au visiteur
    • La colonne Valeur est le texte importé dans Direct Mail
    • La colonne Case à cocher indique quels choix doivent être sélectionnés par défaut
    • Cliquez sur + pour ajouter un choix. Cliquez de manière prolongée sur + 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 le nom du choix (ne s’applique qu’aux cases à cocher et aux boutons radio)
  • Ordre aléatoire : Vous pouvez faire apparaître les choix dans un ordre aléatoire à chaque affichage du formulaire
  • Importer comme : La façon dont vous souhaitez que ce champ soit importé lorsque le contact est créé dans Direct Mail
  • Obligatoire : Si cette case 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

block-text.2x.png

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

Bloc d’image

block-image.2x.png

Utilisez l’inspecteur pour définir l’image, la description textuelle, la taille et les autres propriétés de l’image.

Bouton

block-button.2x.png

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

Espaceur

block-spacer.2x.png

Utilisez l’inspecteur pour définir la hauteur de l’espaceur et ajouter éventuellement une ligne/un séparateur.

Suggestions

insert-suggestions.2x.png

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

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

Convertir en double confirmation

Les formulaires d’inscription sont en inscription simple par défaut. Cela signifie que l’abonné est ajouté à votre liste immédiatement, sans avoir à cliquer sur un e-mail de confirmation. Vous pouvez convertir votre formulaire en double confirmation. Cela signifie que l’abonné n’est pas ajouté à votre liste tant qu’il n’a pas cliqué sur un e-mail de confirmation.

  1. Dans la barre d’onglets, cliquez sur la page Envoyé
  2. Dans l’inspecteur, développez la section intitulée Politique d’inscription
  3. Cliquez sur Double confirmation
  4. Saisissez le nom de votre liste de diffusion tel que vous souhaitez qu’il apparaisse dans l’e-mail de confirmation.
  5. Cliquez sur Enregistrer et publier dans la barre d’outils

Vous n’êtes pas autorisé à 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 nouveaux abonnés

Vous pouvez être averti par e-mail chaque fois qu’un nouvel abonné rejoint votre liste. Pour activer les notifications :

  1. Dans la barre d’onglets, cliquez sur la page Envoyé
  2. Dans l’inspecteur, développez la section intitulée Notifications
  3. Choisissez une option dans le menu pop-up Nouvel abonné (Désactivé, Individuel ou Quotidien)
  4. Saisissez une ou plusieurs adresses e-mail
  5. Cliquez sur Enregistrer et publier dans la barre d’outils

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’inscrivent :

  1. Dans la barre d’onglets, cliquez sur la page Envoyé
  2. Dans l’inspecteur, développez la section intitulée E-mail de bienvenue
  3. Cliquez sur Nouvel autorépondeur

Un nouvel autorépondeur est créé pour vous, mais il ne démarre pas 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

Les réglages avancés se trouvent en cliquant sur Page dans la barre d’onglets, puis en développant la section Avancé dans l’inspecteur.

  • Langue : Il s’agit de la langue utilisée pour les messages d’erreur et (si activés) les e-mails de confirmation
  • Champs masqués : Il s’agit de champs de formulaire masqués pour l’utilisateur, mais toujours synchronisés avec Direct Mail lors de l’envoi du formulaire
  • CSS personnalisé : Vous pouvez utiliser du CSS personnalisé pour styliser votre formulaire

Trouvez-vous cet article utile ? Oui | Non