Modifier un contenu web

Dernière mise à jour : 2023-12-12
  • Créé pour :
  • Beginner
    User

Après l’ajout d’une action web dans votre campagne, vous pouvez modifier le contenu de votre site à l’aide du concepteur web.

Découvrez comment créer une campagne web dans cette vidéo.

Dans Journey Optimizer, la création web est optimisée par l’extension de navigateur Chrome Visual Helper d’Adobe Experience Cloud. En savoir plus.

ATTENTION

Pour créer des pages web dans l’interface utilisateur de Journey Optimizer et y accéder, suivez les conditions préalables répertoriées dans cette section.

Accédez aux sections suivantes pour en savoir plus sur chaque rubrique :

Utiliser le concepteur web

Pour commencer à créer votre campagne web, procédez comme suit :

  1. Dans l’onglet Action de la campagne, sélectionnez Modifier le contenu.

  2. Si vous avez créé une règle de correspondance de pages, vous devez saisir toute URL correspondant à cette règle : les modifications seront appliquées à toutes les pages correspondant à la règle. Le contenu de la page s’affiche.

    REMARQUE

    Si vous avez saisi une seule URL comme surface web, l’URL à personnaliser est déjà renseignée.

    ATTENTION
  3. Cliquez sur Modifier la page web pour commencer la création. Le concepteur web s’affiche.

    REMARQUE

    Si vous tentez de charger un site web et que le chargement échoue, un message s’affiche pour vous suggérer d’installer l’extension de navigateur Visual Editing Helper. Consultez quelques conseils dans cette section pour résoudre les problèmes.

  4. Sélectionnez un élément dans la zone de travail, tel qu’une image, un bouton, un paragraphe, un texte, un conteneur, un en-tête, un lien, etc. En savoir plus.

  5. Utilisation :

    • Le menu contextuel permettant de modifier son contenu, sa mise en page, d’insérer des liens ou la personnalisation, etc.

    • Les icônes situées en haut du panneau de droite permettent de modifier, dupliquer, supprimer ou masquer chaque élément.

    • Panneau de droite qui change dynamiquement en fonction de l’élément sélectionné. Vous pouvez, par exemple, modifier l’arrière-plan, la typographie, la bordure, la taille, la position, l’espacement, les effets ou les styles intégrés d’un élément.

REMARQUE

Le concepteur de contenu web est très similaire au concepteur d’e-mail. En savoir plus sur la conception de contenu avec Journey Optimizer.

Utiliser les composants

  1. Dans le volet Composants sur la gauche, sélectionnez un élément. Vous pouvez ajouter les composants suivants à votre page web et les modifier selon vos besoins :

    • Diviseur
    • HTML
    • Image
    • En-tête : l’utilisation de ce composant est similaire à l’utilisation du composant Texte dans le concepteur d’e-mail. En savoir plus
    • Paragraphe : l’utilisation de ce composant est similaire à l’utilisation du composant Texte dans le concepteur d’e-mail. En savoir plus
    • Lien
    • Décision d’offre

  2. Passez la souris sur la page, puis cliquez sur le bouton Insérer avant ou Insérer après pour ajouter le composant à un élément existant sur la page.

    REMARQUE

    Pour désélectionner un composant, cliquez sur le bouton Échap dans la bannière contextuelle bleue affichée au-dessus de la zone de travail.

  3. Modifiez le composant suivant vos besoins directement dans le contenu de votre page.

  4. Ajustez les styles qui s’affichent à partir du volet contextuel à droite, comme l’arrière-plan, la couleur du texte, la bordure, la taille, la position, etc. en fonction du composant sélectionné.

Ajouter des personnalisations et des offres

Pour ajouter de la personnalisation, sélectionnez un conteneur et l’icône de personnalisation dans la barre du menu contextuel qui s’affiche. Ajoutez vos modifications à l’aide de l’éditeur d’expression. En savoir plus

Utilisez le composant Décision d’offre pour insérer des offres dans vos pages web. Le processus est le même que pour l’ajout d’une offre à un e-mail. Il tire profit de la gestion des décisions pour choisir la meilleure offre à fournir à vos clients.

Cette section décrit les différentes manières de naviguer dans le concepteur web. Pour afficher et gérer les modifications ajoutées à votre expérience web, consultez cette section.

  1. Sélectionnez un élément dans la zone de travail.

  2. Cliquez sur le bouton Développer/réduire le chemin de navigation dans le coin inférieur gauche de l’écran pour afficher rapidement les informations sur l’élément sélectionné.

  3. Lorsque vous pointez sur le chemin de navigation, l’élément correspondant est mis en surbrillance dans l’éditeur.

  4. Grâce à cela, vous pouvez facilement accéder à n’importe quel élément parent, frère ou enfant dans l’éditeur visuel.

Basculer vers le mode de navigation

Vous pouvez passer du mode Conception par défaut au mode de Navigation à l’aide du bouton dédié.

Dans le mode de Navigation, vous pouvez accéder à la page exacte à partir de la surface sélectionnée à personnaliser.

Il est particulièrement utile lorsque vous traitez des pages qui se trouvent derrière une authentification ou qui ne sont pas disponibles depuis le début à une certaine URL. Par exemple, vous serez en mesure de vous authentifier, d’accéder à la page de votre compte ou à la page de votre panier, puis de revenir au mode Conception pour effectuer les modifications sur la page souhaitée.

L’utilisation du mode Parcourir vous permet également de parcourir toutes les vues de votre site web lors de la création d’applications monopage. En savoir plus

Modifier la taille de l’appareil

Vous pouvez définir la taille de l’appareil d’affichage du concepteur web sur une taille prédéfinie, telle que Tablette ou Paysage mobile, ou encore définir une taille personnalisée en entrant le nombre de pixels souhaité.

Vous pouvez également modifier la mise au point du zoom, de 25 % à 400 %.

La possibilité de modifier la taille de l’appareil est conçue pour les sites réactifs qui s’affichent correctement sur divers appareils, fenêtres et tailles d’écran. Les sites réactifs s’ajustent et s’adaptent automatiquement à n’importe quelle taille d’écran, y compris les ordinateurs de bureau, les ordinateurs portables, les tablettes ou les téléphones portables.

ATTENTION

Vous pouvez modifier une expérience web avec une taille d’appareil spécifique. Toutefois, tant que les sélecteurs sont identiques, ces modifications s’appliquent à toutes les tailles et tous les appareils, et pas seulement à la taille de l’appareil dans lequel vous travaillez. De même, la modification d’une expérience dans l’affichage de bureau classique entraîne la modification de toutes les tailles d’écran et pas seulement pour l’affichage de bureau.

Actuellement, Journey Optimizer ne prend pas en charge les modifications de page spécifiques à la fenêtre d’affichage. Cela signifie que si, par exemple, vous disposez d’un site web mobile distinct avec une structure de site distincte, vous devez apporter les modifications spécifiques à votre site mobile dans une autre campagne.

Vidéo pratique

La vidéo ci-dessous montre comment créer une expérience web à l’aide du concepteur web dans les campagnes de Journey Optimizer.

Sur cette page