Design Studio vous permet de créer un design unique pour votre boutique en ligne. Cette interface intuitive vous guide à travers plusieurs étapes simples pour personnaliser chaque aspect visuel de votre boutique.
Avec cet outil de personnalisation, vous avez la liberté de créer une boutique en ligne à votre image. Cet outil vous permet d'explorer les différentes options, de prévisualiser vos choix et d'appliquer les changements pour transformer votre boutique en une vitrine unique et attractive.
Pour accéder à Design Studio, rendez-vous dans la Rubrique Apparence > Personnaliser, et suivez les étapes pour personnaliser chaque partie de votre boutique.
Vous avez toujours accès aux boutons Prévisualiser et Appliquer pour visualiser les changements en temps réel et les valider.
Structure
- En-tête : Observez en temps réel l'En-tête (header) de votre site et explorez les multiples options pour personnaliser son apparence. Si vous souhaitez avoir un menu figé sur votre page d'accueil et qui reste affiché, vous pouvez faire votre choix entre l'En-tête numéro 2 ou numéro 6.
- Catégories : Choisissez parmi plusieurs designs attrayants pour vos catégories, puis appliquez facilement celui qui correspond à votre style.
- Fiche produit : Découvrez une gamme de styles pour vos fiches produits, sélectionnez votre favori et adaptez-le à votre boutique en quelques clics.
- Pied de page : Parcourez les différents modèles de footer proposés et adoptez celui qui mettra parfaitement en valeur votre site.
💡 Astuces
Voici les tailles de logo recommandées selon le modèle d’en-tête choisi :
En-tête 1 : Le logo est centré et sa taille doit respecter les dimensions de 460 x 200 pixels.
En-tête 2 : Le logo est à gauche et sa taille doit respecter les dimensions de 300 x 70 pixels.
En-tête 3 : Le logo est à gauche et sa taille doit respecter les dimensions de 300 x 70 pixels.
En-tête 4 : Le logo est à gauche et sa taille doit respecter les dimensions de 460 x 150 pixels.
En-tête 5 : Le logo est à gauche et sa taille doit respecter les dimensions de 245 x 80 pixels.
En-tête 6 : Le logo est centré et sa taille doit respecter les dimensions de 460 x 200 pixels.
Couleurs
Choisissez un jeu de couleurs pour harmoniser l'apparence de votre site.
Les couleurs des titres, boutons et textes s'ajusteront automatiquement en fonction de votre sélection.
Vous pouvez opter pour l'un des jeux de couleurs des palettes proposées ou personnaliser entièrement vos couleurs.
Largeur du site
Définissez la largeur de votre boutique en fonction de vos besoins :
- Petite largeur : Idéale pour un affichage compact et épuré.
- Moyenne largeur : Convient pour un équilibre visuel optimal (recommandé).
- Pleine largeur : Parfaite pour un affichage immersif sur toute la largeur de l'écran.
Pour garantir une navigation fluide sur tous les supports, nous vous conseillons de choisir la largeur moyenne.
Polices
Personnalisez les polices de votre boutique pour offrir une expérience visuelle cohérente et agréable.
- Police des titres : Sélectionnez une police via un menu déroulant avec aperçu.
- Police des textes : Choisissez une police adaptée au contenu.
- Taille des polices : Ajustez la taille pour une lecture confortable.
Fond du site
Personnalisez l'arrière-plan de votre boutique en choisissant une couleur ou en téléchargeant votre propre image. Si votre site est en pleine largeur, le fond ne sera pas visible, car il se trouve derrière le contenu principal.
Privilégiez l'option "Aucun fond" pour conserver une apparence épurée et professionnelle, garantissant ainsi une meilleure lisibilité et une navigation fluide.
Configurations éléments
Personnalisez l'apparence et les fonctionnalités de votre boutique en ajustant les paramètres avancés.
-
Boutons :
- Choisissez la couleur de fond.
- Choisissez la couleur du texte.
- Ajustez les angles des boutons.
-
Badges produit (Promotion, Soldes, Ventes flash et Nouveautés) :
- Sélectionnez la couleur de fond et la couleur du texte.
-
Pied de page :
- Définissez la couleur du bas de page ainsi que celle du texte pour une personnalisation complète de cette zone.
-
Photo produit : Choisissez parmi une liste déroulante d'effets de mouvement disponibles :
- Aucun effet.
- Zoom image lors du passage de la souris.
- Vue secondaire qui défile lors du passage de la souris.
- Carrousel.
- Multi-images.
-
Logos de paiement :
- Sélectionnez les logos de paiement à afficher (Carte bancaire, Visa, MasterCard, Maestro, Apple Pay, PayPal).
- Personnalisez la couleur du bandeau.
- Choisissez la position du bandeau : centré ou autre.
☝️À savoir
Si vous souhaitez gagner du temps, vous pouvez toujours sélectionner l'un de nos templates prêts à l'emploi déjà configurés et adaptés à vos besoins.
👉 Ressources
💬 N'hésitez pas à contacter vos Business Coachs pour toute question !