Training #2: Templates

Voici une formation vidéo, ainsi que la version écrite ci dessous.

Dans cette formation nous allons passer à travers les principales sections de la plateforme Carts Guru :

1. Filtrer vos templates (Video: 0’18)
2. Créer un nouveau template (Video: 1’28)
3. Dupliquer / Archiver / Supprimer  (Video: 2’22)
4. Importer un template depuis un site  (Video: 3’42)
5. Editer un template  (Video: 4’08)

Re-transcription texte:

Introduction: 

La section Templates de la plateforme, vous permet de: 

• filtrer, 
• créer,
• duppliquer / archiver / supprimer,
• et éditer, 

vos templates Email et SMS. 

1. Filtrer vos templates (0:18’)

Lorsque vous accéder à la section template, vous aurez dans un premier temps en haut la possibilité de: 

• Rechercher un template: Tapez simplement le nom du template recherché afin de retrouver rapidement vos templates de Paniers Abandonnés, de Post Achat, de Réactivation, vos newsletters, etc. 
• Filtrer sur la base du canal, afin de ne voir que les templates Email, ou SMS 
• Filtrer sur le statut du template: 
  • Utilisé dans une campagne (cela signifie que ce template est présent dans au moins un des workflow Carts Guru) 
  • Non Utilisé (il s’agit de la condition opposée à la précédente) 
  • Archivé (voir les templates archivés, nous verrons comment archiver un template plus tard dans cette vidéeo) 
• Vous pouvez triez les templates afin de classer par date de création, date de dernière modification, ou bien par ordre alphabétique. 

Enfin, vous avez la possibilité de voir les templates sous forme de grille (par défaut), ou en format liste. Pour changer cela, il suffit de cliquer sur le bouton liste / grille à droite de l’écran. 

2. Créer un nouveau template (1:28’)

Pour créer un nouveau template, vous pouvez soit utiliser un template de notre bibliothèque, afin de partir d’une trame déjà définit, que vous venez ensuite personnaliser aux couleurs de votre site. Ou bien depuis une page blanche. 

1. Depuis une bibliothèque de templates

Il vous suffit de cliquer sur le bouton “Créer un template”, puis sélectionner un visuel de template Email qui vous plait. Une fois trouvé, sélectionnez le template, puis cliquez sur le bouton “Créer un template”, en haut à droite de l’écran. 

Vous arriverez alors sur l’éditeur de template qui vous permet de personnaliser le contenu et les visuels. 

2. Depuis une page blanche 

Si vous ne souhaitez pas démarrer la création de votre template depuis un modèle pré-créé, mais que vous préférez démarrer depuis une page blanche: rien de plus simple! 

Cliquez sur le bouton “Créer un template”, puis sélectionner alors “Partir de Zéro”. Enfin, cliquez sur le bouton “Suivant: Design”, en haut à droite de l’écran. 

3. Dupliquer / Archiver / Supprimer (2:22’)

Lorsque vous êtes sur la page “Templates”, vous avez la possibilité pour chacun de vos templates de: 

• Dupliquer le template, en cliquant sur cette icone
  • Le template duppliqué apparaitra tout en haut de la liste, et aura le meme nom que le template original, suivi de “Copy” 
  • La langue du template sera également la même 
• Archiver le template, en cliquant sur ces trois points, puis “archiver”
  • Cela ne supprimera pas le template, mais l’archivera. Vous pourrez le retrouver dans les templates archivés, en utilisant les filtres (retournez à la partie 1. de cette vidéo si vous avez un doute sur l’utilisation des filtres) 
• Supprimer le template, en cliquant sur ces trois points, puis “archiver”
  • Vous aurez une demande de confirmation avant la suppression. Une fois supprimé, vous ne pourrez plus retrouver ni récupérer le template en question. Aussi, vous ne pourrez pas supprimer un template qui est utilisé dans une campagne. Dans ce cas, il faut d’abord retirer le template de la cam pagne, puis le supprimer. 

4. Importer un template depuis un site (3:42’)

Si vous avez plusieurs sites sur Carts Guru, et souhaitez gagner du temps en réutilisant la trame de vos template du site 1, sur le site 2, il vous suffit: 

• d’aller sur le site pour lequel vous souhaiter importer des templates, 
• cliquer sur “Importer depuis site”
• Choisir le site depuis lequel vous allez importer
• Cocher les différents templates que vous souhaitez importer

5. Editer un template (4:08’)

Afin de modifier un template, il vous suffit de cliquer sur le bouton “Modifier” du template en question. Vous serez alors redirigé vers l’éditeur d’email, avec: 

• L’affichage de l’email 
• Le panel d’édition de l’email 

1. Les blocs (4:12’)

Il s’agit d’un éditeur en drag and drop. Il suffit donc de : 

• Choisir un contenu, et le glisser à l’endroit souhaité 

Plusieurs contenus sont disponibles : 

• Des colonnes (4:13’)
  • Avec la possibilité d’ajouter autant de colonnes que vous le souhaitez
  • Il est conseillé de démarrer par cet élément, car cela définit la trame de votre email 
• Bloc Image (4:45’)
  • Vous permet d’ajouter une image en collant l’url de l’image souhaitée
  • En important une image depuis votre ordinateur
  • ou bien de choisir une image libre de droit depuis notre banque d’images
  • Pensez à inclure une redirection pour chacune de vos images
• Menu (5:11’)
  • Avec la possibilité d’ajouter autant d’éléments que vous souhaitez, 
  • définir chaque titre du menu, 
  • ainsi que l’url de redirection
• Bloc Texte (5:32’)
  • Vous pouvez alors venir modifier le texte directement depuis la zone de texte, appliquer des éléments en gras, souligner, changement la couleurs de certains mots, et même utiliser des redirections 
• Bloc Coupon (6:02’)
  • permet d’afficher un code promotionnel 
  • Il suffit alors de choisir la réduction à afficher, puis de définir le design: couleur du texte, couleur du fond 
• Bloc Panier (6:33’)
  • Ce bloc vient afficher dynamiquement le contenu du panier abandonné. Et donc convient UNIQUEMENT pour les mails relance Panier 
  • Vous pouvez alors configurer les éléments que vous souhaitez afficher 
  • Définir le CTA 
  • Et inclure dans le bouton une réduction encapsulée 
• Produits recommandés (7:02’)
  • Ce bloc vient afficher une sélection de produits recommandés, sur la base d’un algorithme 
  • Comme pour le bloc Panier, vous pouvez personnaliser les informations affichées / masquées 
• Bouton (7:20’)
  • Il s’agit tout simplement d’un CTA
  • Vous pouvez rediriger: 
    • vers une URL précise,
    • vers le panier en cours (pour les campagnes de paniers abandonnés), 
    • ou vers la home page du site
  • Vous pouvez également modifier les couleurs 
  • Et adapter les marges, ainsi que l’arrondi du bouton 
• Séparateur (7:42’)
  • Vous permet d’ajouter une séparation entre deux blocs, afin de mieux délimiter les différents éléments du mail, et rendre votre template plus facilement lisible par l’utilisateur final 
  • Vous pouvez facilement configurer la largeur du séparateur, l’épaisseur, et le type de ligne 
• Social (8:04’)
  • Afin d’ajouter les redirections vers vos réseaux sociaux
  • Il vous suffit de sélectionner les réseaux dans la liste,
  • Puis ajouter l’url de la page en question 
• Titre de section (8:19’)
• Minuteur (8:31’)
  • Vous pouvez utiliser un minuteur afin d’ajouter un élément de pression commerciale du type “Offre à durée limitée: XX:XX:XX” 
  • La taille, police, couleurs sont personnalisables
• Vidéo (8:47’)
  • Ce bloc vous permet d’ajouter l’url d’une vidéo, et affichera un aperçu de la vidéo. Lorsque l’utilisateur cliquera sur le mail, il sera redirigé vers la vidéo. Il n’est pas possible d’intégrer une vidéo dans un mail pour des soucis de format, et surtout de poid de l’email qui serait détecté comme SPAM 
• Bloc HTML (9:01’)
  • Afin de venir personnaliser à 100% un contenu, un pied de page, ou ajouter un code embedded d’un autre plugin par exemple 

2. Les autres possibilités

• Différencier contenus, et lignes (9:17’)

• Une ligne, correspond à une section principale du mail, et peut contenir plusieurs Blocs. 
• En revanche une ligne à un nombre définit de colonnes, 1, 2 3, ou plus. C’est à dire que si vous souhaitez avoir d’abord une section avec 1 colonne, puis une autre divisée en 3 colonnes. Il vous faudra nécessairement utiliser 2 lignes différentes 

• Ajouter une image en fond, avec un texte par dessus (9:46’)
  • Si vous souhaitez avoir un texte au dessus d’une image (avec donc l’image en fond), il vous suffit de: 

• Choisir le bloc pour lequel vous souhaitez ajouter une image de fond 
• Venir ajouter votre image de fond 
• Placer un texte par dessus 
• Jouer avec la largeur de l’image, des marges pour avoir un rendu optimal sur desktop et mobile 

• Sauvegarder un Bloc (10:11’)

• Afin d’éviter de devoir recréer un bloc sans cesse,m et gagner du temps sur vos créations, vous pouvez tous simplement venir sauvegarder un bloc. Et donner un nom au bloc. Une fois sauvegardé, ce bloc apparaitra parmi vos blocs et vous pourrez l’ajouter où vous voulez 

• Corps (10:34’)

• Il est également possible de venir définir les éléments de base de l’email, tels que la largeur en pixel, la police prédéfinit, la couleur de fond, etc. 

• Configuration (10:43’)

• Il s’agit d;une section fondamentale, puisque celle-ci vous permet de définir les réglages de l’email tels que: 
  • Le nom que vous souhaitez donner au template 
  • L’objet 
  • Le pre-header 
  • La langue du template (cela est important, car le lien d’optout sera dans la langue sélectionnée ici) 
  • Les UTMs, afin de tracker les performances sur un outil d’analytics 

• Envoyer un test (11:04’)

• Enfin, et une fois que vous avez terminé votre création, il ne vous reste plus qu’à vous envoyer un test. Pour cela, cliquez simplement sur le bouton “ENVOYER TEST”, saisissez l’adresse mail pour laquelle vous souhaitez recevoir le BAT, et rendez vous dans votre boite mail pour vérifier que vous vous correspond 

Pensez à sauvegarder régulièrement votre template email.