Regardez notre vidéo sur les Skins (en anglais seulement)
La gestion des skins a été repensée pour une meilleure ergonomie. Le nouvel éditeur remplace la configuration précédente dans les paramètres du compte et comprend désormais des filtres déroulants, un aperçu en direct et une interface WYSIWYG (ce que vous voyez est ce que vous obtenez) pour la personnalisation directe des skins.
Voici notre nouvel Éditeur de skins, qui facilite la gestion et la mise à jour du contenu et du style par défaut de tous les modèles. Cela simplifie la maintenance et garantit une conception cohérente entre les projets. Les skins sont principalement utilisés pour le style de base, ainsi que pour les informations d'en-tête et de pied de page, mais ils peuvent également être personnalisés pour inclure d'autres éléments dans votre modèle. Les skins facilitent également la mise à jour d'éléments, tels que votre logo, dans tous les envois à la fois. Toute modification apportée dans l'éditeur est automatiquement répercutée dans tous les brouillons d'e-mails créés à partir du modèle, ainsi que dans tous les e-mails actuellement actifs dans les parcours.
Comprendre les couches
Lorsque vous créez un brouillon d'e-mail, ce que vous voyez dans l'éditeur est déterminé par une combinaison de votre gabarit (boilerplate) et de vos paramètres de skins enregistrés au niveau du projet ou du compte.
Vous pouvez considérer cette configuration comme un gâteau à plusieurs couches :
- Le modèle standard constitue la couche de base : il définit la structure globale et contient toutes les structures de blocs.
- La couche suivante couvre la conception et le contenu textuel. Cette couche extrait d'abord les informations des paramètres de skins au niveau du compte, puis applique les modifications que vous avez enregistrées au niveau du projet.
Cette structure garantit une grande flexibilité : vous conservez une conception et une image de marque cohérentes sur l'ensemble de votre compte, tout en permettant à chaque projet de bénéficier d'ajustements personnalisés si nécessaire.
Aperçu des skins
Tous vos projets sont répertoriés sous Contenu > Modèles > Skins.
La colonne Skins indique les projets auxquels un thème personnalisé a été appliqué. Les projets sans thème personnalisé utiliseront automatiquement les paramètres au niveau du compte.
Pour ouvrir et modifier un thème (skin), il suffit de sélectionner le nom du projet.
Éditeur
Lorsque vous ouvrez un skin, l'éditeur est divisé en trois zones principales :
- Paramètres d'aperçu
- Aperçu
- Panneau d'édition latéral
Aperçu des paramètres
En haut de l'éditeur, vous pouvez choisir ce que vous souhaitez prévisualiser. Le canal sélectionné détermine les campagnes disponibles en prévisualisation. N'oubliez pas que chaque campagne est créée à partir d'un modèle spécifique, de sorte que le contenu et la mise en page peuvent varier en fonction de cette configuration. Vous pouvez également passer d'un skin à l'autre pour voir à quoi ressemblera une campagne avec un style différent. Cela vous permet de vous assurer que votre design et votre image de marque sont cohérents sur tous les canaux.
Édition
Toutes les modifications sont effectuées dans le panneau de droite et les mises à jour sont affichées en temps réel. Le panneau comprend les onglets suivants :
- Style
Apparence - Contenu
Textes par défaut - Scripts
Modifications avancées - Paramètres
Effacer les modifications et télécharger la sauvegarde
(Les onglets Style et Contenu seront probablement les plus utilisés, tandis que l'onglet Script offre des options de personnalisation supplémentaires et avancées).
Style
Dans l'onglet Style, vous pouvez régler les couleurs, les logos, le style du texte et la mise en page des en-têtes et des pieds de page.
Vous pouvez définir les couleurs d'arrière-plan pour le corps et les sections de contenu.
Pour modifier le corps, l'en-tête, le pied de page ou la section de contenu, sélectionnez une section prédéfinie en cliquant sur l'image qui représente la zone.
Pour modifier rapidement l'en-tête ou le pied de page, sélectionnez l'un des blocs d'en-tête et de pied de page prédéfinis, en cliquant d'abord sur l'image qui affiche la mise en page actuelle, soit pour votre e-mail, soit pour votre page, puis sélectionnez une autre mise en page prédéfinie.
Vous pouvez facilement modifier les styles de texte. En cliquant sur un titre ou un style de texte, vous pouvez choisir la police, la taille de la police, la couleur du lien et plus encore.
Veuillez noter que les familles de polices doivent être saisies manuellement, car aucune liste déroulante n'est encore disponible. Vérifiez l'orthographe pour vous assurer de l'exactitude.
Les boutons et les icônes peuvent également être personnalisés dans le panneau de droite.
Contenu
Dans l'onglet Contenu, vous pouvez modifier les textes par défaut de votre modèle (boilerplate), y compris les en-têtes, les pieds de page, les messages de désabonnement aux e-mails/SMS et d'autres sections.
Voici un exemple de la section Contact :
Notez que les textes affichés sous Contenu peuvent ne pas apparaître par défaut dans votre en-tête ou votre pied de page. Cela dépend de la mise en page de votre en-tête/pied de page. Toutes les mises en page n'utilisent pas tous les textes du Contenu.
Scripts
Dans l'onglet Scripts, vous pouvez ajouter des éléments à la section <head> de votre e-mail, de vos pages Web dynamiques, de vos impressions, etc.
Il est recommandé d'avoir quelques connaissances en HTML/CSS avant de modifier le script.
Pour les e-mails, vous pouvez inclure des éléments <link>, par exemple, lorsque vous ajoutez une police personnalisée ou du CSS supplémentaire. Le contenu de l'élément <head> sera placé en premier.
Pour ajouter des styles personnalisés, saisissez vos classes directement dans le champ de saisie CSS. Ne mettez pas la balise <style type="text/css">.
Les pages incluent toujours Font Awesome 4, jQuery 1.12+ et Bootstrap 3 par défaut. Le contenu de ce paramètre de configuration sera placé en dernier dans l'élément <head>.
Vous pouvez ajouter n'importe quel élément valide (<meta>, <script>, <link>, <style>), mais assurez-vous que les bibliothèques que vous incluez sont compatibles avec celles déjà utilisées.
Paramètres
Dans l'onglet Paramètres, vous pouvez réinitialiser votre conception pour repartir de zéro et enregistrer une sauvegarde de votre travail.
Effacer le skin vous permet soit de supprimer tous les styles et paramètres de votre skin actuel afin de repartir d'une page blanche, soit de revenir aux paramètres par défaut de Symplify.
La sauvegarde vous permet de copier/télécharger le script JSon du projet/skin actuellement sélectionné.