myCléome comes with a free website that you get with your store account. It has a built-in online store so that you can start selling right away.
Instant Site consists of customizable blocks that allow you to easily build an attractive and functional website. You can add new blocks from the library, remove/hide the blocks that don’t work for you, and arrange the sections in the desired order. You can also easily change the content and design of the blocks to match your needs and reflect your brand. The website of your online store will have responsive design that looks great on desktop, tablet, and mobile.
To edit your Instant Site content and design, go to Overview → Manage Instant Site in your store's admin and click the Edit Site button.
Introducing the editing mode
When you open your Instant Site for editing (Overview → Manage Instant Site → Edit Site or Website → Edit Site), you can see the list of Site Blocks that your Instant Site currently consists of.
All these blocks are visible on the Instant Site preview to the right, where they appear in the same order they go in the list:
To visit your site on the web and see how it looks on a separate tab, click Your Instant Site on top of the Editor.
If you need extra sections for your website (e.g., a “Special Offer” section, blocks with info on delivery/payment, or an extra “About Us” block) or you want to replace the default block with the one that suits your store better, you can easily add as many new blocks as you like.
To add a block to your Instant Site:
4. Once you click on the block, it will be opened for editing and added to your list of Site Blocks.
You can edit block design and content to your liking and change its position on your website. If you have duplicating blocks (e.g., you have added a new Cover block with the layout that appeals to you more), you can always delete the ones that are extra.
Your website can have the texts, colors, and images that suit your business needs. You can edit the content and design for each of the blocks that are present in the Site Blocks list of the Instant Site Editor.
To edit the content of the block:
Pre-entered texts in the block templates contain tips on what to write in the fields.
You can upload images in JPG, PNG, JPEG2000, GIF, WEBP, and TIFF format that are under 20 MB each. The recommended size is 1500-2000px. As the website layout adapts to the screen size of a customer's device, try to crop your images so that the most important information is in the center. If you want add text to your images, you can add it in the Instant Site Editor (instead of a photo editor).
To avoid clipping, you can add borders – black, white, or transparent – to your images.
To edit the design of the block:
You can always go back to the previously saved version of your website by clicking Unpublished Changes → Discard All Changes on top of the Editor. For the changes made on the Design tab of the block, you can also use the Restore block defaults link at the bottom. Please, note that this link brings back the initial settings of the design template for this block.
Blocks with unsaved changes in the Site Blocks list will be marked with a blue dot:
Once you are done editing your website, click the Publish button in the top right corner of the Editor.
Changing the order of blocks
The blocks of your Instant Site are displayed in the order they go in the Site Blocks list of the Instant Site Editor (Overview → Manage Instant Site → Edit Site). You can change the order of sections in the desired way. For this, click Settings → Reorder Blocks. After you do that, you will be able to drag and drop your Instant Site sections:
You can change the order of all the blocks except for Header and Footer – these are always the first and the last blocks of your website.
You can delete a section from the Site Blocks list if you don’t need it on your Instant Site. For example, you are just setting up your store and don’t have a customer testimonial to feature yet, or your business is seasonal, and you don’t need the Featured Products block at the moment.
To remove a block from your Instant Site:
If you need this block on your website later, you can always add similar blocks from the library.
You cannot delete the Header and Footer blocks, but it’s possible to disable them so that they are not displayed on the website. To do this, click the corresponding block in the Editor, then scroll down and disable the Show footer or Show header toggles at the bottom. You can always enable them back later.
Adding navigation menu
Navigation or website menu is a list of links that is displayed on your site:
You can create a website menu to make it easier for customers to navigate while browsing your store and find what they are looking for. The navigation menu on your Instant Site will be displayed as a horizontal bar of links at the top of your site for desktop users. Mobile customers will see the hamburger menu instead. They have to tap the menu to see the links.
When a customer clicks a link, a certain action is performed. Depending on what you choose, customers can be redirected to the specific block of your site or to any other page on the Internet. You can also create a click-to-call or mail-to link, so that a customer can reach out to you.
To set up a navigation menu:
You can also change the design of the navigation bar to match your brand identity.
To edit the design of the website menu:
Adding categories menu
Product categories are groups of items that you bundle to show on the same page in your store — for example, Coffee Mugs, Summer Fashion, Bestsellers. You can display the menu of your root categories, so that shoppers can quickly find the product they are looking for:
To create a categories menu on your Instant Site:
Note that since the categories menu is shown on hover, it won’t display on mobile devices. When a customer taps a store link from the menu, they will be redirected to your store right away.
Adding action links
For some sections of your Instant Site (e.g., site cover, testimonial, or the “Contact Us” block) it is possible to add action links. Action links are clickable texts or buttons with text. When a customer clicks this text (or button), a certain action is performed.
For example, you can specify a product URL that will open upon click or scroll customers to a specific section of your website (e.g., when there is a sale).
To set up an action link:
Example design of an action link for an email in the “Contact Us” block:
Configuring the store blocks
There are two blocks that can show customers where to access the store on your Instant Site: the Featured Products block and the Root Categories block. By default, only the Featured Products block is present in the Site Blocks list:
The Featured Products block includes all the products that are assigned to the Store front page category in your store. This block is a perfect place to showcase items that you want your customers to see most. Once a customer clicks on a featured product, they will be redirected to the page of this product in your store.
If you have a small catalog, then you can simply have all the products in the Featured Products section. In case you have a larger catalog, though, you will most likely need a system of categories in your store. To display these categories right on the front page of your Instant Site, you can add a special Root Categories block. This block will contain all the root categories that you have.
To make categories easier to navigate, you can also set up a categories menu.
To add a Root Categories block:
You can set up how both the Featured Products block and the Root Categories block look on the front page of your Instant Site. For that, go to the Design page in your store's admin. You can also change the layout of these blocks (e.g., product name and price, how the “Buy Now” button and main product image are displayed, etc.) in the Site Editor.
To change layout of the store blocks in the Site Editor:
Settings in the Site Editor prevail over similar settings on the Design page in your store's admin.
Applying default fonts and CSS
There are two major ways you can change the fonts on your Instant Site. First, you can set the fonts for every element of every block individually in the Design tab of this block. There you can choose font type, size and style (bold or italic) as well as the text color. Second, you can set the default font for all the blocks of your site with global font settings.
For example, you can use global settings if you are trying various layout options and you don’t need different fonts for different elements of your site blocks. This way, you will save yourself time and will have a consistent design across your website in a flash.
You can set:
Once you have set the default font for your site, you can still change fonts for individual elements. Global font settings are applied only to those elements that have the “Default” font chosen in the Design tab of the Editor.
Global font settings that you apply in the Instant Site Editor are used only for the website itself, including store blocks (a preview that shows your customers where to access the store on your site). They are not used in your actual store where customers browse for products as the storefront is considered an independent part of your website.
In case you need to adjust the look (including fonts) of your store or you want to customize the look of your Instant Site – on top of the settings that are available in the Editor – you can do that by adding custom CSS codes. With the help of Cascading Style Sheets (CSS) you can change the styles that are used on your pages – adjust the color of buttons or hide them, adjust fonts, hide prices, and much more.
To apply fonts and/or styles:
In case you switched to the New-gen Instant Site from the old version of our Instant Site and have some active CSS themes previously applied in the Design page of your store's admin, then these codes will still be applied in your store (until you deactivate them). In case you later apply new codes in the Instant Site Editor and there are some intersections, the codes that you apply in the Design page will have priority for your store pages.
Changing website address and store name
You can edit the name and address of your store website so that they reflect the concept and name of your brand.
To edit the name of your website:
To edit the address of your website:
Showing the cookie consent banner
In countries like the EU, you might need to show the cookie consent banner on your store website. To display it, go to Settings → Tracking & Analytics in the Instant Site Editor (Overview → Manage Instant Site → Edit Site) and enable the Show cookie consent banner toggle:
This toggle enables the cookie consent banner both on your Instant Site and in your store. You can also enable the banner to show it on your store pages only (on the Settings → Legal page in your store admin).