Définir le contenu spécifique aux pages de destination lp-content

Pour concevoir le contenu de votre page de destination, vous pouvez utiliser les mêmes composants que pour un e-mail. En savoir plus.

Pour concevoir un contenu spécifique qui permettra aux utilisateurs et utilisatrices de sélectionner et d’envoyer leurs choix, utilisez le composant de formulaire et définissez ses styles spécifiques aux pages de destination.

NOTE
Vous pouvez également créer une page de destination de clics publicitaires sans composant Formulaire. Dans ce cas, la page de destination s'affichera aux utilisateurs, mais ils n'auront pas à envoyer de formulaire. Cela peut s’avérer utile si vous souhaitez uniquement afficher une page de destination sans nécessiter d’action de la part de vos destinataires, comme l’opt-in ou l’opt-out, ou si vous souhaitez fournir des informations qui ne nécessitent pas d’entrée de la part de l’utilisateur.

Grâce au concepteur de contenu de page de destination, vous pouvez également utiliser les données contextuelles provenant de la page principale dans une sous-page. En savoir plus.

Utiliser le composant de formulaire use-form-component

Pour définir un contenu spécifique qui permettra aux utilisateurs et utilisatrices de sélectionner et de soumettre leurs choix depuis votre page de destination, utilisez le composant Formulaire. Pour ce faire, procédez comme suit.

  1. Faites glisser, puis déposez le composant Formulaire conçu pour les pages de destination de la palette de gauche vers l’espace de travail principal.

    note note
    NOTE
    Le composant Formulaire ne peut être utilisé qu’une seule fois sur la même page.
  2. Sélectionnez-le. Lʼonglet Contenu du formulaire s’affiche dans le panneau de droite et vous permet de modifier les différents champs du formulaire.

    note note
    NOTE
    Passez à tout moment à lʼonglet Styles pour modifier les styles du contenu de votre composant de formulaire. En savoir plus
  3. Dans la Case à cocher 1, vous pouvez modifier le libellé correspondant à cette case à cocher.

  4. Définissez si cette case à cocher permet d’inscrire ou de désinscrire les utilisateurs : acceptent-ils de recevoir des communications ou demandent-ils à ne plus être contactés ?

    Sélectionnez l’une des trois options suivantes :

    • Opt-in si coché  : les utilisateurs doivent cocher la case pour accepter (opt-in).
    • Opt-out si coché  : les utilisateurs doivent cocher la case pour retirer leur consentement (opt-out).
    • Opt-in si coché, opt-out si non coché  : cette option vous permet d’insérer une seule case à cocher pour l’inclusion/exclusion. Les utilisateurs doivent cocher la case pour donner leur consentement (opt-in), et la décocher pour supprimer leur consentement (opt-out).
  5. Parmi les trois options suivantes, choisissez celles qui seront mises à jour :

    • Liste dʼabonnements  : vous devez sélectionner la liste dʼabonnements à mettre à jour si le profil coche cette case. En savoir plus sur les listes dʼabonnements.

    • Canal (e-mail)  : le processus d’opt-in ou d’opt-out sʼapplique à l’ensemble du canal. Par exemple, si un profil qui se désinscrit possède deux adresses e-mail, celles-ci seront exclues de toutes vos communications.

    • Identité de lʼadresse e-mail  : le processus d’opt-in ou d’opt-out ne sʼapplique quʼà lʼadresse e-mail utilisée pour accéder à la page de destination. Par exemple, si un profil comporte deux adresses e-mail, seule celle utilisée lors de l’opt-in recevra les communications de votre marque.

  6. Cliquez sur Ajouter un champ > Case à cocher pour ajouter une autre case à cocher. Répétez les étapes ci-dessus pour définir ses propriétés.

  7. Vous pouvez également ajouter un Champ de texte.

    • Saisissez le Libellé à afficher au-dessus du champ du formulaire.

    • Rédigez le texte de l’Espace réservé. Il s’affiche dans le champ avant que l’utilisateur ou l’utilisatrice ne le remplisse.

    • Cochez l’option Rendre le champ de formulaire obligatoire, si nécessaire. Dans ce cas, la page de destination ne peut être envoyée que si l'utilisateur ou l’utilisatrice a renseigné ce champ. Si un champ obligatoire n’est pas renseigné, un message d’erreur s’affiche lorsque l’utilisateur ou l’utilisatrice envoie la page.

  8. Une fois que vous avez ajouté toutes les cases à cocher et/ou les champs de texte souhaités, cliquez sur Appel à lʼaction pour développer la section correspondante. Il permet de définir le comportement du bouton dans le composant Formulaire.

  9. Définissez lʼaction à effectuer lors du clic sur le bouton :

    • URL de redirection  : saisissez l’URL de la page vers laquelle les utilisateurs seront redirigés.
    • Texte de confirmation  : saisissez le texte de confirmation qui sʼaffichera.
    • Lien vers une sous-page  : configurez une sous-page et sélectionnez-la dans la liste déroulante qui sʼaffiche.

  10. Définissez lʼaction à effectuer lors du clic sur le bouton en cas d’erreur :

    • URL de redirection  : saisissez l’URL de la page vers laquelle les utilisateurs seront redirigés.

    • Texte de l’erreur  : saisissez le texte de l’erreur qui sʼaffichera. Vous pouvez prévisualiser le texte de l’erreur lors de la définition des styles de formulaire.

    • Lien vers une sous-page  : configurez une sous-page et sélectionnez-la dans la liste déroulante qui s’affiche.

  11. Si vous souhaitez effectuer des mises à jour supplémentaires lors de l’envoi du formulaire, sélectionnez Opt-in ou Opt-out et définissez si vous souhaitez mettre à jour une liste d’abonnements, le canal ou uniquement l’adresse e-mail utilisée.

  12. Enregistrez votre contenu et cliquez sur la flèche en regard du nom de la page pour revenir aux propriétés de la page de destination.

Définition des styles de formulaire de page de destination lp-form-styles

  1. Pour modifier les styles du contenu de votre composant de formulaire, passez à tout moment à lʼonglet Styles.

  2. La section Champs, développée par défaut, permet de modifier l’apparence du champ de texte, comme le libellé et la police de l’espace réservé, la position du libellé, la couleur d’arrière-plan du champ ou la bordure du champ.

  3. Développez la section Cases à cocher pour définir lʼaspect des cases à cocher et du texte correspondant. Par exemple, vous pouvez ajuster la famille ou la taille de la police, ainsi que la couleur de la bordure de la case à cocher.

  4. Développez la section Boutons pour modifier l’aspect du bouton dans le composant de formulaire. Par exemple, vous pouvez modifier la police, ajouter une bordure, modifier la couleur du libellé au survol ou ajuster lʼalignement du bouton.

    Vous pouvez prévisualiser certains de vos paramètres, tels que la couleur du libellé du bouton au survol, à lʼaide du bouton Simuler le contenu. En savoir plus sur le test des pages de destination ici.

  5. Développez la section Disposition du formulaire pour modifier les paramètres de disposition, tels que la couleur d’arrière-plan, le remplissage ou la marge.

  6. Développez la section Erreur du formulaire pour ajuster l’affichage du message d’erreur qui est visible en cas de problème. Cochez lʼoption correspondante pour prévisualiser le texte dʼerreur sur le formulaire.

Utiliser le contexte de la page principale use-primary-page-context

Vous pouvez utiliser des données contextuelles provenant d’une autre page dans la même page de destination.

Par exemple, si vous liez une case à cocher à une liste d’abonnements sur la page de destination principale, vous pouvez utiliser cette liste d’abonnements sur la sous-page « merci ».

Supposons que vous liez deux cases à cocher sur votre page principale à deux listes d’abonnement différentes. Si un utilisateur s’abonne à l’une de ces listes, affichez un message spécifique lors de l’envoi du formulaire suivant la case à cocher qu’il a sélectionnée.

Procédez comme suit :

  1. Sur la page principale, liez chaque case à cocher du composant Formulaire à la liste d’abonnements correspondante. En savoir plus.

  2. Sur la sous-page, placez le pointeur de la souris à l’endroit où vous souhaitez insérer votre texte et sélectionnez Ajouter une personnalisation dans la barre d’outils contextuelle.

  3. Dans la fenêtre Modifier la personnalisation, sélectionnez Attributs contextuels > Pages de destination > Contexte de la page principale > Abonnement.

  4. Toutes les listes d’abonnements que vous avez sélectionnées sur la page principale sont répertoriées. Sélectionnez les éléments pertinents à l’aide de l’icône + .

  5. Ajoutez les conditions appropriées à l’aide des fonctions d’assistance de l’éditeur de personnalisation. En savoir plus

    note caution
    CAUTION
    Si l’expression comporte un caractère spécial, tel qu’un trait d’union, vous devez placer le texte dans une séquence d’échappement, y compris le trait d’union.
  6. Enregistrez vos modifications.

Désormais, lorsque les utilisateurs et utilisatrices cochent l’une des cases,

le message correspondant à la case cochée s’affiche lors de l’envoi du formulaire.

NOTE
Si un utilisateur ou une utilisatrice sélectionne les deux cases à cocher, les deux textes s’affichent.
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76