Créer et ajuster le design principal est une manière simple de contrôler l'aspect de vos emails envoyés à travers SmartrMail. Dans cet article, nous vous montrerons comment customiser votre Design principal.

Pour commencer, naviguer jusqu'à la page "Design'. Vous pouvez accéder à la page Design grâce au menu principal en haut de votre écran dans SmartrMail.

Dans la page de Design, vous aurez la possibilité de customiser votre modèle d'email dans 3 sections différentes: En-tête, Corps de texte et Pied de page.

Pour customiser votre modèle, naviguer simplement à travers ces 3 sections une par une.

La video ci-dessous analyse en détail les différentes options disponibles dans la section "En-tête" (en anglais). Pour les instructions en Français, veuillez lire les instructions sous la vidéo.

La première option vous permet d'ajouter votre logo dans l'en-tête du modèle. Vous pouvez ajouter votre logo en cliquant sur "Importer une Image"

SmartrMail conservera la résolution de votre image, mais modifiera la largeur de votre logo pour atteindre 600px si la taille de votre logo excède 600px.

Les formats d'image suivante sont acceptés: PNG, JPG et GIF.

Pour accéder à plus d'options, cliquez sur la flèche à droite du logo de votre Design.

Si vous souhaitez utiliser une autre couleur de fond autour de votre logo, vous pouvez choisir une couleur "fixe" dans l'option "Couleur", ou bien utiliser une image/texture de fond en important une image de votre ordinateur après avoir cliqué sur la flèche du bas à droite de l'option couleur.

Remarquez que le logo mènera par défaut à la page principale de votre site. Si vous préférez que le logo envoie vos abonnés sur une page différente, changez simplement l'URL dans l'option "Lien".

Les liens d'en-tête permettent à vos abonnés d'accéder facilement à certaines sections de votre site. Vous pouvez ajouter jusqu'à 6 liens d'en-tête dans tous les emails de SmartrMail.

Pour ajouter votre premier lien, cliquez sur le bouton "Activer" dans la section "Liens d'en-tête". De nouvelles options vont alors apparaitre, tel que la police d'écriture, taille et couleur de vos liens. Vous pouvez faire défiler ces options pour atteindre les options "Texte" et "URL" en bas de cette section.

"Texte" correspond au texte du lien qui apparaîtra dans vos emails (par exemple, Contactez-nous).

"URL" correspond à la destination de ce lien (par exemple www.mystore.com/contactus).

Vous pouvez customiser l'apparence de ces liens en ajustant les options au dans cette section:

Vous pouvez ajouter 5 liens supplémentaires dans votre en-tête.

Si vous souhaitez modifier un lien déjà ajouté dans votre en-tête, ou si vous souhaitez réarranger l'ordre de vos liens, utilisez simplement les options apparaissant à droite de ces liens. Vous pouvez également supprimer un lien existant avec la croix à droite de ce lien.

Vous pouvez ajouter un lien qui permettra à vos abonnés d'ouvrir votre email dans leur navigateur en cliquant sur "Activer" dans cette section.

Dans l'éventualité où votre abonné utilise une boîte de réception qui n'ouvre pas correctement les emails, un lien "Afficher dans le Navigateur" permettra d'ouvrir correctement votre email, en dehors de cette boîte de réception.

Vous pouvez utiliser les options apparaissant dans cette section pour customiser l'apparence de ce lien "Afficher dans le Navigateur".

Si vous avez un en-tête en HTML Personnalisé, vous pouvez l'ajouter en collant le code HTML de cet en-tête dans la section Avancé > HTML Personnalisé après avoir cliqué sur "Activer" dans cette section.

NOTE: Ajouter un code HTML dans cette section supprimera complètement l'en-tête qui a été créer avec les options par défaut de SmartrMail.

La video ci-dessous analyse en détail les différentes options disponibles dans la section "Corps de Texte" (en anglais). Pour les instructions en Français, veuillez lire les instructions sous la vidéo.

Les options dans la section "Corps de Texte" permettent de customiser le design des sections de texte qui apparaîtront dans vos emails.

Vous pouvez customiser vos boutons dans la section "Boutons" en ajustant les options:

La video ci-dessous analyse en détail les différentes options disponibles dans la section "Pied de page" (en anglais). Pour les instructions en Français, veuillez lire les instructions sous la vidéo.

Ajouter des icônes de réseaux sociaux

Vous pouvez ajouter des liens vers vos diverses pages de réseaux sociaux en cliquant sur la flèche à droite de la section "icônes de réseaux sociaux".

Si vous décidez d'utiliser des liens vers vos pages de réseaux sociaux, vous aurez la possibilité de changer leur apparence.

Vous pouvez customiser le reste de votre pied de page dans la section "Texte de pied de page".

Si vous voulez changer la couleur de fond, sélectionnez la couleur que vous désirer ou coller le code HEX correspondant à la couleur désirée. Vous pouvez également importer une image/une texture en cliquant sur la flèche à droite de cette section.

Si vous avez un pied de page en HTML Personnalisé, vous pouvez l'ajouter en collant le code HTML de ce pied de page dans la section Avancé > HTML Personnalisé.

Une fois que vous avez fini le design de votre modèle principal, vous avez la possibilité de créer de nouveaux modèles additionnels. Cela peut se révéler utile dans le cas où vous souhaitez utiliser un modèle différent pour certains abonnés, ou certains types d'emails.

Pour créer un nouveau modèle, clique sur la flèche à droite du nom de votre modèle actuel en haut à droite de la page "Design".

Ensuite, sélectionnez le modèle que vous souhaitez modifier, ou cliquez sur l'option "ajouter un nouveau modèle" pour en créer un nouveau.

Vous aurez alors l'opportunité de nommer votre nouveau modèle et de commencer à le customiser, à partir de votre ancien modèle.