About the new Editor
We are excited to announce the release of version 7.0 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 7.0 is only applicable to new users. Existing customers will continue to use the previous version – Editor 6.0 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 Editor 7.0 tab.
The Topbar
The Menu
In the upper-left corner, you will locate the GemPages logo. By clicking on it, you can choose to go to either your GemPages Dashboard or the Global Styles settings.
The Library
The library 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.
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.