L'import de widgets personnalisés vous offre des options de personnalisation supplémentaires pour vos modèles d'Emails.
Cela peut vous permettre d'importer des éléments spécifiques, créés par vos soins et/ou par un prestataire, au sein de vos modèles d'email ShopiMind.
Processus d'Importation
Sélection du fichier
Depuis l'édition de votre modèle classique, vous trouverez un widget intitulé "Importer depuis un fichier ZIP, HTML ou TXT", vous permettant d'importer vos widgets personnalisés.
Une fois que vous aurez glissé le widget dans l'éditeur, une fenêtre popup s'ouvrira pour vous permettre de choisir votre fichier.
La procédure d'importation est identique à celle des modèles : votre fichier ZIP doit contenir un seul fichier HTML comme fichier principal du widget.
Modification du Contenu
Le contenu du widget personnalisé est modifiable en cliquant sur le widget depuis l'éditeur. Le panneau de configuration à gauche s'ouvrira, vous permettant de modifier le contenu et les règles CSS.
Modification du HTML
Le contenu HTML de votre fichier est modifiable depuis la section Code HTML.
Les éléments de votre fichier sont automatiquement détectés pour gérer les traductions, ce qui entraîne une légère modification du contenu. Par exemple, des balises telles que <spmtranslation> seront ajoutées pour englober vos textes, et des attributs comme data-spmtranslationid-xxx seront utilisés pour gérer la traduction des attributs tels que "src", "title", etc.
Modification du CSS
Vos règles CSS seront également modifiables depuis la section Editer les CSS et Editer les CSS media queries.
Le principe reste le même que pour l'importation de modèles : les CSS standard seront modifiables depuis l'onglet "Éditer les CSS" et les CSS media queries depuis l'onglet "Éditer les CSS media queries".
Vos règles CSS sont également modifiées : elles sont préfixées avec l'ID du widget afin d'éviter tout conflit au sein du modèle.
Gestion des Traductions
La gestion des traductions fonctionne de la même manière que pour les modèles importés. Les fonctionnalités permettant de surligner les éléments dans le panneau de traduction et dans l'éditeur restent disponibles.
N'hésitez pas à contacter notre équipe pour toutes questions complémentaires : support@shopimind.com !