Design Studio allows you to create a unique design for your online store. This intuitive interface guides you through several simple steps to customize every visual aspect of your store.
With this customization tool, you have the freedom to build an online store that reflects your brand. You can explore different options, preview your choices, and apply changes to turn your store into a unique and attractive storefront.
To access Design Studio, go to the Appearance > Customize section and follow the steps to personalize each part of your store.
You always have access to the Preview and Apply buttons to see changes in real time and confirm them.
Layout
Header : View your store’s header in real time and explore the many options available to customize its appearance. If you want to have a fixed/sticky menu on your homepage that remains visible, you can choose between the Header number 2 or number 6.
Categories : Choose from several attractive category designs and easily apply the one that matches your style.
Product page : Explore a range of product page styles, select your favorite, and customize it to match your store in just a few clicks.
Footer : Browse through the different footer templates available and select the one that best highlights your store.
💡 Useful Tips
Here are the recommended logo sizes based on the selected header layout:
Header 1: The logo is centered and should be 460 x 200 px.
Header 2: The logo is aligned to the left and should be 300 x 70 px.
Header 3: The logo is aligned to the left and should be 300 x 70 px.
Header 4: The logo is aligned to the left and should be 460 x 150 px.
Header 5: The logo is aligned to the left and should be 245 x 80 px.
Header 6: The logo is centered and should be 460 x 200 px.
Colors
Choose a color scheme to create a consistent look and feel for your store.
The colors of titles, buttons, and text will automatically adjust based on your selection.
You can select one of the suggested palettes or fully customize your own color combination.
Width
Set your store's width according to your needs:
Narrow width: Ideal for a clean and compact display.
Standard width: Offers a balanced visual layout (recommended).
Full width: Perfect for an immersive experience across the entire screen.
To ensure smooth navigation across all devices, we recommend picking the standard width.
Fonts
-
Heading font : Select a font from a dropdown menu with a preview.
-
Text font : Choose a font that suits your content.
- Font size : Adjust the size for comfortable reading.
Background
Customize your store’s background by selecting a color or uploading your own image. If your site uses full-width layout, the background won’t be visible, as it sits behind the main content.
We recommend selecting “No background” to maintain a clean, professional look, ensuring better readability and smooth navigation.
Custom elements
Customize the appearance and features of your store by adjusting the advanced settings.
Buttons : Choisissez la couleur de fond, la couleur du texte et ajustez les angles des boutons.
Product badges (Promotion, Sale, Flash sale and New arrivals) : Select the background color and text color.
Footer : Set the footer background and text colors for full customization of this area.
Product photo : Choose from a dropdown list of available motion effects.
Payment logos : Select the payment logos to display (Credit Card, Visa, MasterCard, Apple Pay, PayPal) and customize the banner color. You can also choose the logo’s position: centered or other.
☝️Good to know
If you want to save time, you can always select one of our ready-to-use templates, already configured and tailored to your needs.
💬 Feel free to contact your Business Coaches if you have any questions!