Adding and editing site sections

You build your Instant Site with customizable content sections such as customer reviews, company info, delivery & payment, contact information, and so on. You can add, edit, reorganize, and delete sections to arrange your content.

Adding sections

You can add new sections to any page of your website. For instance, position the Delivery & Payment section at the page dedicated to shipping, or add a section with video to showcase your products. When you have a lot of sections on one page, you can rename them to make it easier to organize content in the editor.

To add a section to your Instant Site:

  1. From your store admin, go to Website → Edit Site.
  2. Click + Add Section.
  3. On the opened page, click the preview of the section you need. For example, add the Video section to embed video on the site.
  4. Once you click on the section, it will be opened for editing and added to your list of sections.
  5. (optional) To rename a section, click on it in the left-hand side menu in the editor, then click on its name to enter a custom name:

    Adding and editing site sections 1.gif

You can edit section design and content to your liking and change its position on your website. If you have duplicating sections (e.g., you have added a new Cover section with the layout that appeals to you more), you can delete the ones that are extra.

Editing sections

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 page sections in the Instant Site editor.

To edit the content of the section:

  1. From your store admin, go to Website → Edit Site.
  2. Сlick the section.
  3. Switch between the Content and Design tabs to make corresponding changes:
    Adding and editing site sections 2.png
  4. On the Content tab, make changes to the content: write your copy, upload a new image, set up buttons, etc. 
  5. On the Design tab, choose how the section looks: set the section layout – it defines positions of elements in relation to one another, change font/style/color for the elements of this section, set up the background, choose which elements to display, etc.
  6. (optional) You can rename the section by clicking its title.
  7. Once you are done editing your website, click Publish in the top right corner of the editor.

Here are some tips on editing sections:

  • 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 to 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 to your images – black, white, or transparent.
  • You can always go back to the previously saved version of your website by clicking the Undo button at the top of the editor.
  • To discard changes made on the Design tab, you can use the Restore section defaults button at the bottom of the tab. Please, note that this link brings back the initial settings of the design template for this block.

Changing the order of sections

The sections on your site are displayed in the order they go in the Sections list of the Instant Site editor (Website → Edit Site). You can change the order of all the sections except for Header, Announcement, and Footer – these are always the first and the last sections of your website.

To change the sections order, simply drag and drop your Instant Site sections in the left-hand side of the editor:

Adding and editing site sections 4.gif

Translating sections

You can translate section content to another language, therefore creating a multilingual site. The site’s content includes header menu, footer, customer reviews, new arrivals, delivery and payment info, special offers, company info, locations, and site’s SEO title and description.

Each new language appears in the language switcher so customers will be able to choose their preferred language.

Learn how to translate Instant Site content →

Deleting sections

You can delete a section if you don’t need it on your site anymore. For example, you have just begun to set up your store and don’t have customer reviews yet.

To remove a section from your Instant Site:

  1. From your store admin, go to Website → Edit Site.
  2. Сlick the section.
  3. Scroll down and click Delete section at the bottom:
    Adding and editing site sections 3.png

If you need this section on your website later, you can add similar sections from the library.

You can’t delete the Header and Footer sections, but it’s possible to disable them so that they are not displayed on the site. To do this, click the corresponding section in the editor, scroll down and disable the Show footer or Show header toggle at the bottom. You can enable them back anytime.
Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
1 out of 1 found this helpful
We use cookies and similar technologies to remember your preferences, measure effectiveness of our campaigns, and analyze depersonalized data to improve performance of our site. By choosing «Accept», you consent to the use of cookies.
Accept cookies Decline