Thèmes et créateur de site
L'apparence de votre boutique se règle à deux endroits de la barre latérale, dans le groupe Boutique :
- Thèmes : la galerie de thèmes, où vous installez et activez un thème.
- Design : le studio de design, où vous modifiez le logo, la barre d'annonce, le pied de page, les couleurs et textes du thème, les sections des pages et les pages personnalisées.
| Fonction | Plan |
|---|---|
| Thèmes gratuits, en-tête, barre d'annonce, pied de page, Style | Tous les plans |
| Thèmes premium (Atrium, Aura, Noor) | Pro et Enterprise |
| Sections et pages dans le créateur de pages | Pro et Enterprise |
L'enregistrement des modifications dans Thèmes et dans le studio nécessite l'autorisation de gérer les paramètres de la boutique. Les autres membres voient tout mais ne peuvent rien modifier.
Choisir un thème
- Ouvrez Thèmes dans la barre latérale. La page Boutique de thèmes s'affiche.
- Chaque carte affiche l'image et le nom du thème, et s'il est Gratuit ou Premium.
- Cliquez sur Aperçu pour ouvrir le thème dans un nouvel onglet avec les produits de votre boutique. Vous pouvez passer d'Accueil à Produit, Collection, Panier, Paiement et Commande confirmée, et entre Ordinateur, Tablette et Mobile. Cliquez sur Essayer ce thème pour l'installer et l'activer en une seule étape, si votre plan l'inclut.
- Cliquez sur Installer pour ajouter le thème à votre boutique, puis sur Activer pour en faire le thème de votre boutique.
Le thème actuel porte le badge Thème actif. Les thèmes disponibles sont Classique, Eclipse, Kindle, Marina, Nooni, Vector, Volt et Warda (gratuits), et Atrium, Aura et Noor (premium).
Thèmes premium
Vous pouvez installer et prévisualiser un thème premium avec n'importe quel plan, mais vous ne pouvez l'activer que si votre plan l'inclut. Sinon, la carte affiche un badge Verrouille et Mettez à niveau votre offre pour activer ce thème. avec un bouton Upgrade du plan.
Apparence claire et sombre
Certains thèmes existent en deux apparences. Après en avoir installé un, choisissez Clair ou Sombre sous Apparence sur sa carte.
Personnaliser ou supprimer un thème
- Cliquez sur Personnaliser pour modifier les Palettes prédéfinies, les couleurs du thème et ses Textes (titre principal, libellé du bouton, titres des sections). Laissez un champ de texte vide pour garder ce que votre boutique affiche aujourd'hui. Cliquez sur Enregistrer les modifications.
- Cliquez sur l'icône de suppression pour retirer un thème installé et ses personnalisations. Vous ne pouvez pas retirer le thème actif ; activez-en un autre d'abord. La suppression est irréversible.
Le studio de design
Ouvrez Design dans la barre latérale. Le studio s'ouvre en plein écran ; pour en sortir, cliquez sur Retour au tableau de bord. Le rail latéral du studio propose trois destinations :
- Modifier : la structure et le contenu de la page.
- Style : les couleurs et textes du thème actif, les mêmes réglages que ceux ouverts par Personnaliser.
- Thèmes : la même galerie de thèmes, dans le studio. Ici, Personnaliser active le thème s'il ne l'est pas, puis vous mène à Style.
En haut, choisissez la page à modifier dans la liste Page, basculez l'aperçu entre Bureau et Mobile, et utilisez Annuler et Rétablir.
En-tête, barre d'annonce et pied de page
Dans Modifier, l'onglet Mise en page affiche trois zones : En-tête, Sections et Pied de page. Cliquez sur un élément pour le modifier dans l'onglet Contenu. Les éléments d'en-tête et de pied de page portent le badge Globale : une modification s'applique à toutes les pages de votre boutique, immédiatement, sans brouillon ni publication.
- En-tête : téléversez un Logo de marque (PNG, JPG, WebP ou AVIF), un Favicon (32x32 recommandé) et une Bannière de la vitrine (horizontale, au moins 1280x320 ; une image verticale est refusée). Saisissez le texte du Bouton Boutique.
- Barre d'annonce : activez-la avec son interrupteur, puis ajoutez des Messages avec Ajouter un message. Activez l'Animation pour faire défiler la barre, puis réglez la Durée de l'animation (de 30 à 90) et choisissez une Direction : Auto, Vers la gauche ou Vers la droite. Il faut au moins un message, et deux quand l'animation est activée.
- Pied de page : affiche vos Réseaux sociaux à titre indicatif. Pour les modifier, cliquez sur Modifier dans les paramètres du magasin ; voir Paramètres de la boutique.
Style
Dans Style, modifiez les couleurs du thème actif (elles varient d'un thème à l'autre), ou choisissez dans les Palettes prédéfinies, et modifiez les Textes. L'aperçu se met à jour pendant la modification, et les changements s'enregistrent automatiquement. Cliquez sur Réinitialiser à côté d'un réglage pour revenir à sa valeur Par défaut. Si vous quittez Style avant la fin d'un enregistrement, le studio vous demande de confirmer.
Sections
La zone Sections est disponible avec les plans Pro et Enterprise. Avec les autres plans, elle affiche Le créateur de pages est une fonctionnalité Pro avec un bouton Changer de forfait, et l'en-tête et le pied de page restent modifiables.
- Cliquez sur Ajouter une section et choisissez une section, par exemple Section héros, Grille de produits, FAQ, Avis clients ou Vidéo. La liste n'affiche que les sections disponibles pour le type de page actuel.
- Faites glisser une section pour la déplacer, ou utilisez les boutons de déplacement, Dupliquer la section, Masquer la section et Supprimer la section.
- Cliquez sur une section pour modifier son contenu dans Contenu.
- Une section qui porte le badge Verrouillée est obligatoire et ne peut être ni déplacée, ni masquée, ni supprimée, comme le Bloc d'achat de la page produit.
Réorganiser, ajouter et supprimer des sections demande un écran d'ordinateur. Sur un téléphone, le message Utilisez un ordinateur pour organiser les sections s'affiche, et l'en-tête, la barre d'annonce et le pied de page restent modifiables.
Pages
La liste Page contient deux groupes :
- Modèles : Accueil, Produit et Collection. Les pages modèles ne peuvent pas être supprimées et leur URL ne peut pas être modifiée.
- Pages personnalisées : les pages que vous créez vous-même.
Pour créer une page personnalisée :
- Choisissez + Nouvelle page dans la liste Page.
- Sous Partir de, choisissez Page vierge, À propos, Contact, FAQ ou Livraison et retours.
- Saisissez un Nom (facultatif) et une URL de la page (lettres minuscules, chiffres et tirets uniquement).
- Cliquez sur Créer la page.
Cliquez sur Paramètres de la page pour modifier le Titre SEO, la Description SEO et l'URL de la page, activer Afficher dans la navigation, ou supprimer une page personnalisée avec Supprimer la page.
Brouillon et publication
Les modifications de sections s'enregistrent automatiquement dans un brouillon que les acheteurs ne voient pas. La page affiche En ligne ou Non publié, et Modifications non publiées apparaît quand le brouillon diffère de la page en ligne.
- Cliquez sur Publier, puis confirmez, pour mettre le brouillon en ligne. S'il n'y a rien à publier, le message Il n'y a rien à publier pour le moment. Ajoutez ou modifiez d'abord une section. s'affiche.
- Cliquez sur Annuler le brouillon pour revenir à la version en ligne.
- Cliquez sur Historique pour voir les 10 dernières versions publiées, puis sur Restaurer pour en copier une dans le brouillon. Une version restaurée n'apparaît pas dans votre boutique tant que vous ne l'avez pas publiée.
L'en-tête, la barre d'annonce, le pied de page et le Style ne demandent aucune publication ; ils s'appliquent immédiatement.