About the new Editor
We are excited to announce the release of Version 7 of our Editor, available for new customers starting from April 25th. The latest version of GemPages Editor comes packed with all the tools and features you need to build stunning and high-converting pages with ease.
The new Editor is designed to make website building fast, easy, and hassle-free. With its intuitive drag-and-drop interface, you can create and customize pages to your liking, without any coding experience required. The new version takes this user-friendly experience to the next level, with a range of exciting features and improvements.
Please note that Editor v7 is only applicable to new users. Existing customers will continue to use the previous version – Editor v6 until further notice. If you’re interested in accessing the knowledge base for the new editor, please visit our Help Center and navigate to the Version 7 tab.
This article will provide you with a quick glance to help you get the most out of this new editor. You can also check out this video:
The Topbar
The Menu
In the upper-left corner, you will locate the GemPages logo. Next to the GemPages logo, you can find the version number to differentiate between version 7 and version 6. By clicking on it, you can choose to go to either your GemPages Dashboard or the Global Styles settings.
The Library
You can find the Library next to the menu icon. Click the “Library” button to discover the 4 tabs below.
Elements
In this version, all the available elements are now shown on the left sidebar of the editor. As a result, you won’t find any elements in this tab anymore.
Sections and Templates
These two tabs offer beautiful pre-built resources that you can utilize to accelerate your design process.
A “section” is a section of a page that can contain multiple elements while a “template” means the full content of a page.
You can preview or insert a block or template onto your current page by hovering the mouse over the item until the action buttons appear.
My Library
My Libary section is currently being developed and is expected to be available in the coming days. We will provide updates on its progress, so please stay tuned for more information. If you encounter any challenges while transferring the template between two stores in different versions, please don’t hesitate to reach out to our support team for further assistance.
Responsive Web Design
You can quickly switch between and check your site’s appearance on all 3 common screen sizes: Desktop, Tablet, and Mobile.
Undo and Redo Button
Undo is used to revert to your last adjustment
Redo is used to revert to your last Undo.
Template Information
The Editor displays the category and title of the active template at the center of the top bar. By selecting this, you can modify the template’s name.
Hit the arrow beside the title, you can access the option to preview the template’s live version.
Page Actions
Save: Clicking Save regularly during your editing session is a good practice to ensure you don’t lose your progress.
Preview: Hit the Eye button to check how your page looks before publishing.
Publish: The “Publish” button syncs your edits with your Shopify Store and makes all the changes go live. Click on the settings icon next to the Publish button and you see a few options:
- SEO: Edit the SEO-related content including URL, page title, and meta description.
- Social Sharing: Choose a thumbnail image for social sharing purposes.
- Header & Footer: Enable/ Disable the theme’s Header and Footer.
The Sidebar
The left sidebar is where you can access and fine-tune all your elements.
Element List
Upon entering the Editor, you can view all installed elements that are listed in different categories.
Click the arrow to collapse or expand the categories or search for an element using the Search bar on top.
Element Configurations
Settings Tab: The functional parameters of the selected element are displayed in this tab.
Design tab: The styling parameters shared by all elements are displayed in this tab. Check out this article to learn more about all the parameters of the Design tab.
Design Area
Theme Header and Footer
In the design area, you will see the theme Header and Footer.
If you click on them, you will be taken to the Publish settings where you can choose to hide either the Theme Header or Footer by checking the corresponding box.
Live Chat Support
You can easily contact your GemPages Support Team through the Editor by clicking on the Chat icon located at the bottom-right corner. This will allow you to connect with a GemPages agent who can help you promptly resolve any issues you may be experiencing.
For any further assistance, our GemPages Support Team is here to help. Please reach us via email or live chat.