Introducing GemPages' editor

This article will provide you a useful insight into the GemPages working space.

The Editor is the platform you use to build and edit your website. It is packed full of features to help you create a stunning and functional website.



GemPages comes with various pre-built templates that offer valuable suggestions to build a successful online store. In "Library", you can easily find well-functioned blocks, templates, and elements in order to build your own pages. 



In addition to that, you can transfer your content from one page to another or transfer templates among Shopify stores that have the same registered Shopify account. 



  • Export: By clicking on this button, your current template will be exported to your library.
  • Undo & Redo Button: You can easily revert to your last change or reverse your last Undo.
  • Responsive Web Design: Responsive layouts automatically adjust and adapt to any device’s screen size, whether it is a desktop, a laptop, a tablet, or a mobile phone. Further, about responsive web design on GemPages, click here.
  • Save: Click Save regularly so you don't lose any of your work. Keep in mind, saved changes won’t appear on your site until you click Publish.
  • Publish: If you hit on the Publish button, all the data will be synced to the Shopify system and applied to your live site. Furthermore, when you click on the "Publish" button, a pop-up will appear. This will allow you:
    • To change the name of your current page under the "Page Title" item.
    • To toggle on/ off Lazy Loading to Professional or Advanced Plan.
    • To Make Default your current page. Make Default means linking a page as a general template on the live store for Homepages, Product pages, and Collection pages.

  • Preview & View Live: Click on this button to check how your page looks after the last changes were made. This may not be the version that is currently published. Otherwise, click on the View Live button in order to see the page on the live store.
    Please be well noted that the last changes can only be applied to the live store once you publish the page.

Search box

GemPages features powerful search functionality that lets you search across elements.


Left sidebar elements

The tools panel is located at the left of the screen. To use this element, simply drag and drop it to the editing space.


Settings tab and Design tab

When selecting an element, you will see Settings tab and Design tab on the left sidebar.


  • Settings Tab: The specific parameters of the selected element are displayed in this tab.
  • Design Tab: The styling parameters shared by all elements are included here.

Quick tutorials and Live chat

We will walk you through the basic steps by starting Quick tutorials on the right bottom corner. If you need any support, just click on the Live Chat icon nearby.


If you're interested in learning more about our powerful, user-friendly application, please feel free to read more articles here or reach our Support Team. We'd be happy to answer any questions you have.

Was this helpful?

Related Articles