Concevoir un site Web dans Mailchimp

Le créateur de site Web de Mailchimp vous permet de créer des pages Web magnifiquement conçues, adaptées à votre style et à votre personnalité. Choisissez un thème de conception, créez une palette de couleurs personnalisée et téléchargez des images en adéquation avec votre marque afin d'aider les visiteurs à vous identifier immédiatement, vous et votre contenu.

Dans cet article, vous découvrirez comment concevoir votre site Web dans Mailchimp.

Avant de commencer

• Avant toute chose, prenez le temps de lire l'article À propos de votre site Web dans Mailchimp et découvrir comment Créer votre site Web dans Mailchimp.
• Après avoir conçu une page Web, vous pouvez la dupliquer afin de ne pas avoir à la recréer à partir de zéro. Pour découvrir comment dupliquer une page Web, consultez l'article Gérer votre site Web dans Mailchimp.
• Le code HTML, les iframes et les balises de fusion personnalisés ne sont actuellement pas compatibles avec votre site Web Mailchimp.

Modifier les styles

Lorsque vous configurez votre site Web, vous pouvez appliquer les mêmes couleurs, polices et styles de bouton à chaque page que vous créez. Ces options facilitent la création de votre site et permettent de bâtir une identité de marque cohérente.

Modifier les couleurs

Pour définir la couleur, la police et les styles de bouton pour votre site Web, procédez comme suit.

1. Cliquez sur l'icône Website (Site Web) , puis cliquez sur Website (Site Web).
   

2. Dans le tableau de bord du site Web, cliquez sur Edit Site (Modifier le site).
   

3. Dans la section Manage Site (Gérer le site), cliquez sur Styles.
   

4. Dans la section Colors (Couleurs) , cliquez sur la flèche pour sélectionner un schéma de couleurs pour votre bouton, texte ou arrière-plan.
   

5. Cliquez sur le menu déroulant Palette pour sélectionner les couleurs de votre site.
   
6. Cliquez sur Create New Palette (Créer une nouvelle palette) pour concevoir votre propre palette ou commencer avec l'une de nos palettes de couleurs préconçues.
   
7. Saisissez le nom de votre nouvelle palette.
   

8. Cliquez sur un échantillon de couleurs pour utiliser le sélecteur de couleur.
   

   Vous pouvez cliquer sur les couleurs dans le sélecteur de couleur ou saisir des valeurs dans les champs HEX ou RGB (RVB) pour enregistrer une couleur dans la palette.
   

9. Après avoir sélectionné les couleurs pour les 5 échantillons, cliquez sur Save (Enregistrer).
   

10. Dans la section Scheme (Schémas), cliquez sur chaque palette de couleurs pour générer un aperçu de l'affichage de ces couleurs sur vos pages Web et sélectionnez celle que vous préférez.
    

    Les choix de couleur que vous définissez en ligne remplaceront le schéma de couleurs par défaut.

Modifier des thèmes

Pour choisir un thème pour votre site Web, procédez comme suit.

1. Dans le tableau de bord du site Web, cliquez sur Edit Site (Modifier le site).
   
2. Dans la section Manage Site (Gérer le site), cliquez sur Styles.
   
3. Dans la section Themes (Thèmes) , cliquez sur la flèche pour commencer à faire des sélections.
   

4. Sur la page Themes (Thèmes), prévisualisez et sélectionnez la police et le thème du bouton que vous souhaitez appliquer à vos pages Web.
   

   Dans l'aperçu du site Web, vous remarquerez que les polices du titre et du paragraphe changeront en fonction de vos sélections.

5. Si vous voulez apporter changer le thème, cliquez sur Edit (Modifier). Ici, vous pouvez sélectionner un nom pour votre thème, mettre à jour vos paramètres de Fonts (Polices), ajuster les valeurs telles que Spacing (Espacement) et Size (Taille) relatives au texte, ou ajouter une Animation pour vos pages.
   

6. Cliquez sur le bouton Fonts (Polices), puis cliquez sur le menu déroulant pour sélectionner une police pour vos En-têtes et Paragraphes.
   
7. Cliquez sur le bouton Spacing and Size (Espacement et taille), puis ajustez l'espacement et la taille de votre texte.
   
8. Cliquez sur le bouton Animation pour personnaliser l'animation de votre site lorsqu'un visiteur fait défiler la page.
   
9. Sélectionnez le type puis la durée de l'animation. Votre thème est automatiquement enregistré et ajouté à votre liste de thèmes Custom (Personnalisés) . Vous pouvez supprimer un thème à tout moment en cliquant sur l'icône Delete Theme (Supprimer le thème).

Parfait ! Vous avez défini l'apparence de base de votre site Web. Les styles que vous choisissez s'appliqueront à chaque nouvelle page que vous créez. Les animations sont désactivées pour toutes les pages Appointment (Rendez-vous) et Store (Boutique) générées.

Modifier le contenu

Utilisez l'éditeur pour ajouter des sections, des images et du texte. Partagez vos histoires, vos coordonnées, un produit de votre boutique en ligne et tout autre élément que vous souhaitez communiquer à vos visiteurs.

Cette section vous propose de découvrir comment modifier ou ajouter du contenu à votre site Web.

Accéder à l'éditeur de page Web

Pour accéder à l'éditeur de page Web, procédez comme suit.

1. Dans le tableau de bord de votre site Web, cliquez sur Edit Site (Modifier le site).
2. Passez la souris sur la page sur laquelle vous souhaitez travailler et cliquez sur Edit Page (Modifier la page).
   

Ajouter et modifier des sections

Les sections vous permettent d'organiser et de concevoir rapidement votre page Web. Choisissez la mise en page du texte, des images et des boutons, ainsi que d'autres éléments tels que les formulaires d'inscription, les barres de navigation et le bas de page de votre page Web.

Pour ajouter une section depuis votre panneau Sections , procédez comme suit.

1. Sur votre page Web, cliquez sur le panneau Sections .
   
   Le volet s'agrandira pour vous montrer les sections de votre page Web.

2. Passez votre souris sous le nom de la section où vous souhaitez ajouter une nouvelle section, puis cliquez sur Add Section (Ajouter une section).
   

3. À l'étape Add Section (Ajouter une section) du panneau Sections , choisissez le type de section que vous souhaitez ajouter.
   
4. Choisissez une mise en page pour votre nouvelle section.
   
5. Si vous sélectionnez une section Video (Vidéo) , cliquez sur l' icône Link (Lien), puis saisissez l'URL YouTube ou Vimeo que vous voulez partager. Cliquez sur Save (Enregistrer) puis sur Preview (Aperçu) pour regarder votre vidéo.
   

Pour ajouter une section depuis votre Page Layout (Mise en page), procédez comme suit.

1. Dans votre mise en page, passez votre curseur sur l'icône plus (+) là où vous souhaitez déplacer la nouvelle section.
   

2. Cliquez sur Add Section (Ajouter une section).
   

3. À l'étape Add Section (Ajouter une section) du panneau Sections, choisissez le type de section que vous souhaitez ajouter.
   

4. Choisissez une mise en page pour votre nouvelle section.
   

5. Si vous sélectionnez une section Video (Vidéo) , cliquez sur l' icône Link (Lien), puis saisissez l'URL YouTube ou Vimeo que vous voulez partager. Cliquez sur Save (Enregistrer) puis sur Preview (Aperçu) pour regarder votre vidéo.
   

Bien joué ! Vous venez d'ajouter une nouvelle section à la conception de votre page et vous pouvez la personnaliser avec votre propre contenu.

Si vous devez apporter des modifications, passez le curseur sur la section pour accéder à la barre d'outils d'édition. Ici, vous pouvez cliquer sur les icônes pour supprimer ou déplacer une section, choisir une mise en page différente ou encore modifier le style.

Pour plus d'informations sur les sections de page, consultez Add and Edit Page Sections (Ajouter et modifier des sections de page).

Modifier le texte de l'en-tête ou du paragraphe

Pour modifier le texte de l'en-tête ou du paragraphe de votre site Web, procédez comme suit.

1. Cliquez sur la zone de texte que vous voulez modifier.
   
2. Dans la barre d'outils de modification, cliquez sur l'icône d'alignement de paragraphe pour aligner votre texte à gauche, au centre ou à droite.
3. Cliquez sur l'icône de couleur de police, l'icône gras, l'icône italique ou l'icône souligner pour modifier les attributs de texte de base.
4. Cliquez sur l'icône des styles de paragraphe pour choisir le style de titre ou de paragraphe pour votre zone de texte.
   
5. Si vous travaillez avec du texte de paragraphe, vous aurez également la possibilité d'insérer un lien, de créer une liste à puces ou numérotée, ou encore de changer la couleur d'arrière-plan.
   

Modifier des images

Cliquez sur une image dans votre mise en page pour la modifier. Vous verrez également une barre d'outils avec des options spécifiques de mise en forme.

Pour modifier une image sur votre page, procédez comme suit.

1. Cliquez sur l'image que vous souhaitez utiliser.
   
2. Sélectionnez Replace (Remplacer) pour choisir une autre image dans le producteur de contenu.
   
3. Pour redimensionner l'image, cliquez et faites glisser le cercle blanc jusqu'à atteindre la taille souhaitée. Cliquez et faites glisser les crochets sur le côté droit et inférieur de l'image pour recadrer et ajuster ce qui est affiché dans l'image.
4. Pour ajouter un lien à l'image, cliquez sur l'icône Link (Lien).
   
5. À partir du menu déroulant, choisissez External URL (URL externe), Page ou Section. Dans l'espace prévu à cet effet, saisissez l'URL ou sélectionnez une page ou une section de la page actuelle vers laquelle vous souhaitez créer un lien. Cliquez sur Save (Enregistrer). Pour supprimer le lien, cliquez sur Remove link (Supprimer le lien).
6. Cliquez sur Alt pour ajouter un texte de remplacement à l'image.
   
7. Cliquez sur l' icône Rounded Corners (Angles arrondis) et saisissez un chiffre entre 1 et 300 pour ajuster la forme de votre image.
   

Annuler et rétablir les modifications

Lors de la conception de votre site Web, vous pouvez accidentellement supprimer quelque chose que vous avez écrit ou effectuer d'autres modifications que vous souhaitez annuler. Avec les boutons Undo (Annuler) et Redo (Rétablir), vous pouvez récupérer les versions précédentes de votre page.

Pour annuler une modification, cliquez sur l' icône Undo (Annuler).

Pour rétablir une modification, cliquez sur l' icône Redo (Rétablir).

Générer un aperçu et sortir

Bien joué ! Une fois que vous avez fini d'ajouter du contenu à votre site Web, cliquez sur Preview (Aperçu) pour prévisualiser ou cliquez sur Done (Terminé) pour revenir à la page Manage Site (Gérer le site) .

Lorsque vous êtes prêt(e), cliquez sur Publish Changes (Publier les modifications) pour mettre à jour toutes vos pages Web visibles avec vos nouveaux contenus et styles.

Étapes suivantes

Maintenant que vous avez ajouté vos touches personnelles quant à la conception, découvrons comment vous pouvez optimiser votre site Web Mailchimp.

• Personnaliser le favicon de votre site Web
  Remplacez l'icône de votre site par une image personnalisée qui correspond au style de votre marque et ajoute une touche de raffinement à votre site Web. Pour apprendre à personnaliser le favicon de votre site Web, consultez l'article Personnaliser le favicon de votre site Web Mailchimp ou de votre landing page.
• Intégrez d'autres pages
  Enrichissez votre site Web en ajoutant de nouveaux contenus et des pages Web supplémentaires. Au fur et à mesure que vous tenez à jour votre site Web, vous construisez votre audience et incitez les visiteurs à revenir. Pour découvrir comment ajouter, dupliquer et gérer vos pages Web, consultez l'article Gérer votre site Web dans Mailchimp.
• Créer une boutique
  Ajoutez une boutique en ligne pour vendre vos produits. La création d'une boutique dans Mailchimp vous permet d'ajouter des pages de boutique à votre site Web existant. Vous pourrez ensuite ajouter et vendre autant de produits que vous le souhaitez. Pour en savoir plus, consultez l'article Create Your Mailchimp Store (Créer votre boutique Mailchimp).
• Configurer des rendez-vous
  Ajoutez des outils de planification pour développer votre entreprise. Si vous proposez des services professionnels, vous pouvez utiliser Mailchimp Appointments pour préciser les détails de vos services, y compris vos tarifs et disponibilités. Les clients pourront prendre rendez-vous avec vous en se rendant sur votre site Web. Pour en savoir plus, consultez la page Outils de programmation de rendez-vous de Mailchimp.
• Promouvez votre site Web
  Valorisez et faites découvrir votre site Web grâce aux campagnes marketing Mailchimp. Diffuser une annonce pour mettre en avant votre site Web. Redirigez vers votre site Web à partir d'une campagne par e-mail standard. Vous pouvez également partager l'URL de votre site Web sur les réseaux sociaux.
• Afficher les rapports
  Nous commencerons à recueillir l'hébergement de données au fur et à mesure que les internautes visiteront votre site. Vous saurez qui visite votre site Web, qui clique sur les liens de vos pages Web et qui s'abonne à vos e-mails.