Emarsys introduit un nouveau flux de création de contenu dans Web Channel, où vous pouvez utiliser de nouveaux outils, tels que les blocs de contenu Web Channel.
Les blocs de contenu séparent la création de contenu de la création de campagne, ce qui vous permet de concevoir et d'élaborer des modèles réutilisables qui peuvent être facilement mis à jour et stylisés lors de la création de nouvelles campagnes.
Pour plus d'informations sur les Blocs de contenu Web Channel, regardez la vidéo Release Produit d'octobre 2023 :
Vue d'ensemble des blocs de contenu Web Channel
Pour voir tous les blocs de contenu Web Channel disponibles, allez sur Contenu > Blocs de contenu. Les éléments que vous trouverez ici peuvent être réutilisés dans plusieurs campagnes. Vous pouvez trouver tous les blocs de contenu Web Channel dans les catégories suivantes :
- Pré-construit : Ces blocs de contenu Web Channel sont accessibles à tous et ne peuvent pas être modifiés directement. Pour les modifier, vous devez d'abord les copier, puis vous pouvez les modifier en tant que blocs personnalisés.
- De marque : Ces blocs de contenu Web Channel sont créés par Emarsys Services pour votre compte. Vous ne pouvez voir ces blocs de contenu que s'ils ont été créés spécifiquement pour vous. Il est impossible de les modifier. Pour les modifier, vous devez d'abord les copier, puis vous pouvez les modifier en tant que blocs personnalisés.
- Sur mesure : Ces blocs de contenu sont créés par vous. Vous pouvez les créer ou les modifier à tout moment.
Vue Blocs de contenu
Vous pouvez voir tous vos blocs préconstruits ici.
Réglez l'affichage des blocs sur vue de liste ou affichez les blocs déjà supprimés.
Création des blocs de contenu Web Channel
Cliquez sur Créer un bloc et passez à la page Création de blocs de contenu pour modifier votre bloc dans différents onglets.
Lorsque vous créez un bloc de contenu pour Web Channel, il est recommandé d'utiliser des noms de classe et des propriétés spécifiques à Web Channel afin de garantir un suivi correct des événements de vos campagnes. Voir Éditeur HTML.
Paramètres
Dans l'onglet Paramètres, vous pouvez donner un nom à votre bloc et ajouter une brève description pour indiquer à quoi sert ce bloc de contenu Web Channel.
Aperçu
Sur le côté droit de la page, vous pouvez voir l'aperçu actuel de votre bloc de contenu Web Channel.
Notez que l'aperçu affiche l'effet de votre code HTML et CSS, y compris les variables, mais pas les effets Javascript. Pour voir l'effet de Javascript sur le bloc, vous devez utiliser le bouton Exécuter dans l'onglet Javascript.
HTML
L'accès à l'éditeur de blocs de contenu est activé pour les rôles d'utilisateur par défaut. Pour les nouveaux rôles d'utilisateur, que vous avez créés, il doit être activé comme suit :
- Dans le menu Gestion > page Gestion des utilisateurs , vous pouvez définir les rôles des utilisateurs.
- Sous l'onglet Rôles, sélectionnez le rôle d'utilisateur que vous avez créé et cliquez sur l'icône Modifier (crayon).
- Dans la section Autorisations > onglet Contenu, vous pouvez modifier les privilèges d'accès aux Blocs de campagne.
Si vous ne pouvez pas modifier votre rôle d'accès, veuillez contacter votre responsable de compte. Pour plus d'informations, voir Rôles d'utilisateur et permissions.
Dans l'onglet HTML, vous pouvez définir la structure de votre bloc de contenu Web Channel. C'est ici que vous devez ajouter la propriété e-editable aux éléments pour les rendre modifiables du côté de la création de campagne. Pour obtenir des informations détaillées sur l'attribut e-editable, cliquez sur : en savoir plus.
Il suffit d'ajouter la propriété et de la nommer :
<h1 class="wpst-title" e-editable="title">Title</h3>Les éléments dont les propriétés e-editable sont nommées de la même manière hériteront du contenu les uns des autres, il faut donc veiller à donner un nom unique à chaque élément.
Les éléments HTML suivants sont pris en charge par la propriété e-editable :
- Toute balise d'en-tête, comme
<h1> - Paragraphes
<p> - Images
<img> - Divs
<div>
Pour ajouter un espace réservé aux Formulaires Emarsys, nous recommandons d'ajouter l'extrait de code suivant :
<div data-wps-form-editable="form-content"> <div class="wpst-form-selector"> <p class="wpst-paragraph">Click here to open form toolbar!</p> <p class="wpst-paragraph" style="line-height: 200%">Then click on <span class="wpst-form-selector-icon"> <svg id="ac-entry-form" viewBox="0 0 34.078 37.758" width="100%" height="100%"><path fill="none" d="M24.133 11.7c-.97 0-1.754-.786-1.754-1.755V2.34H2.34v33.078h29.398v-23.72h-7.605zM8.73 31.997H6.09v-2.28h2.64v2.28zm0-4.205H6.09v-2.28h2.64v2.28zm0-4.205H6.09v-2.28h2.64v2.28zm20.56 8.41H11.41v-2.28H29.29v2.28zm0-4.205H11.41v-2.28H29.29v2.28zm0-4.205H11.41v-2.28H29.29v2.28zm-23.198-4.7v-4.94h23.2v4.94H6.09z"></path><path fill="none" d="M31.19 8.61L25.465 2.89c-.128-.127-.438-.293-.75-.402V9.36h6.874c-.108-.31-.274-.622-.4-.75z"></path><path d="M32.834 6.947L27.13 1.244C26.456.568 25.103 0 24.134 0H1.753C.786 0 0 .787 0 1.756v34.248c0 .97.785 1.754 1.754 1.754h32.324V9.945c0-.968-.567-2.322-1.244-2.998zm-8.115-4.46c.31.108.62.274.748.4l5.722 5.724c.13.128.293.44.402.75H24.72V2.485zM2.34 35.416V2.34h20.04v7.605c0 .97.784 1.754 1.753 1.754h7.605v23.718H2.34z"></path><path d="M11.408 29.717H29.29v2.28H11.41zM11.408 25.512H29.29v2.28H11.41zM11.408 21.307H29.29v2.28H11.41zM6.092 13.947h23.2v4.938H6.09zM6.092 29.717h2.64v2.28H6.09zM6.092 25.512h2.64v2.28H6.09zM6.092 21.307h2.64v2.28H6.09z"></path></svg> </span> icon to select/modify form!</p> </div> </div>Bien que l'onglet HTML soit destiné uniquement au contenu HTML, vous pouvez également y placer votre CSS et Javascript dans les balises <style> et <script> respectivement.
Variables
Vous pouvez ajouter des valeurs prédéfinies à votre bloc, ce qui vous permet de styliser facilement les couleurs, les polices et les encadrements, de modifier la disposition de vos blocs ou de définir les éléments que vous souhaitez afficher dans une campagne donnée.
Plusieurs types de variables peuvent être utilisés :
- Couleur
- Image
- Nombre - Décimal
- Nombre - Entier
- String
- Sélectionner
Définissez les variables que vous pouvez utiliser dans votre bloc de contenu Web Channel.
Pour plus d'informations sur les variables, voir : Variables.
Pour utiliser une variable dans votre code, il suffit d'ajouter un espace réservé à la variable :
.wpst-logo { width: {variables.logoWidth}; }Vous pouvez utiliser des variables pour HTML, CSS et Javascript. Le format est toujours le même : {variables.myVariable}
Styles
Dans l'onglet Styles, vous pouvez ajouter du code CSS à votre bloc de contenu Web Channel. C'est ici que vous pouvez styliser vos éléments HTML, ajouter des points de rupture et des règles spéciales pour les appareils mobiles et, pour l'instant, vous pouvez styliser la bordure des campagnes d'incrustation Web Channel .
Si vous créez un bloc de contenu à partir de zéro, nous vous recommandons de regarder l'un des éléments préconstruits pour voir comment vous pouvez styliser les bordures de la campagne dans Web Channel.
Javascript
Pour ajouter des fonctions supplémentaires à vos blocs, par exemple des interactions avec des boutons, vous pouvez utiliser Javascript.
Modification de l'historique
Dans cet onglet, vous pouvez prévisualiser et restaurer vos versions antérieures.
En cliquant sur Terminer les modifications, le bloc de contenu que vous venez de créer pourra être sélectionné dans Web Channel. Si vous choisissez Enregistrer en tant que brouillon, vos modifications sont enregistrées, mais elles ne seront pas visibles lors de la création de la campagne.
Lorsque vous utilisez un bloc de contenu dans Web Channel, la version active du bloc de contenu est utilisée comme contenu de la campagne. Cependant, la modification du bloc de contenu n'aura aucun effet sur la campagne, vous devez ajouter manuellement la nouvelle version.
Syntaxe spéciale pour Web Channel
Pour tracer les cliques avec succès sur un lien dans votre campagne Web Channel réalisée avec l'éditeur HTML, assurez-vous d'utiliser l'attribut suivant : data-wps-href
Personnalisation
Vous pouvez ajouter des tokens de personnalisation aux campagnes de Web Channel en utilisant la propriété e-editable et en les ajoutant directement lors de la création de la campagne. Vous pouvez utiliser la fenêtre contextuelle en ligne ou l'éditeur par glisser-déposer.
Vous avez également la possibilité d'ajouter une référence à vos tokens de personnalisation directement dans le code, ou même d'utiliser la syntaxe ESL, si vous envisagez d'utiliser des logiques de personnalisation avancées. Toutes les fonctions de personnalisation sont disponibles pour Web Channel, y compris la personnalisation basée sur les données relationnelles.
Seules les campagnes web channel ciblant des segments ou incluses dans des programmes Automation Center peuvent contenir des tokens de personnalisation.
Nouveaux blocs de contenu dans les campagnes Web Channel
Dans une campagne Web Channel, vous pouvez utiliser n'importe quel bloc de contenu avec tous les types de campagne. Cela signifie, par exemple, que le même bloc de contenu peut être utilisé dans une incrustation Web Channel et dans une campagne Web Channel intégrée.
Création d'une campagne Web Channel basée sur des blocs
- Pour créer une campagne Web Channel basée sur des blocs, allez sur Web Channel > Campagnes.
- Cliquez sur Créer une campagne basée sur les blocs.
- Sélectionnez un type de campagne.
- À l'étape contenu, vous pouvez voir tous les blocs de contenu Web Channel disponibles.
Si un bloc de contenu Web Channel que vous avez créé précédemment n'apparaît pas ici, assurez-vous que vous l'avez sauvegardé en cliquant sur le bouton Terminer les modifications.
Lors de la création d'une campagne, vous ne pouvez pas apporter de modifications structurelles au bloc de contenu de Web Channel. Vous ne pouvez que modifier :
- le contenu modifiable,
- fixer la valeur des variables, et
- ajouter des Tokens de personnalisation.
Pour apporter des modifications structurelles, modifiez le bloc de contenu Web Channel sélectionné. Dans le cas des blocs de contenu Web Channel préconstruits et de marque, vous devez d'abord faire une copie.
Limitations connues, améliorations futures
Les améliorations suivantes sont prévues pour des développements ultérieurs dans la version pilote :
- Prise en charge des campagnes Web Channel comportant plusieurs pages.
- Variables intégrées pour le style des bordures de campagne Web Channel d'incrustation et aperçu des bordures lors de la création de la campagne.