About the new Editor
We are excited to announce the release of Editor Version 7, 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.
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
At the top of your editor, you’ll find several key components:
- GemPages’ Dashboard Shortcut: Access your GemPages’ Dashboard instantly from here.
- Responsive Options: Easily toggle between and review your site’s display across Desktop, Tablet, and Mobile screens. You can also expand the editor to view the visual on the actual screen size. For detailed information about GemPages’ responsive feature, refer to this article.
- Version History: Simply click on the clock icon to unveil the version history. From this point, you can explore all the saved versions of your page, preview them, and easily revert to a previous version within seconds. For additional details about this feature, click here.
- Undo and Redo Buttons: Use “Undo” to revert to your last adjustment and “Redo” to revert to your last Undo action.
- Template Information: The active template’s category and title are displayed at the center of the top bar. Clicking here allows you to modify the template’s name. Additionally, you can check the status of the template, whether it’s in Draft or Published mode, besides its name.
- View Live Page: Click the Globe icon to preview the live page. Please note that you must publish the template before viewing the live version.
- Product Assignment: Manage the product assigned to this template. Be aware that this option is visible only for product templates.
- Page Actions: This section includes basic page actions:
- Save: It’s a good practice to click “Save” regularly during your editing session to safeguard your progress.
- Preview: Use the Eye button to see how your page looks before publishing.
- Publish: Click the “Publish” button to sync your edits with your Shopify Store and make all the changes go live. You can access the Publish Settings panel by clicking the settings icon next to the Publish button.
The Sidebar
Element List
When you click on the Plus icon, you’ll have access to a variety of Elements categorized to help you create a visually appealing page. You can expand or collapse these categories by clicking the arrow or use the Search bar at the top to find a specific element.
Upon clicking any elements or sections in the Design area, the configuration options will appear on the sidebar. Each element has two tabs for configuration:
- Settings Tab: This tab displays the functional parameters specific to the selected element, allowing you to customize its behavior and functionality.
- Advanced Tab: In this tab, you’ll find the styling parameters that are common to all elements, enabling you to modify the visual appearance of the element. For a detailed understanding of the parameters available in the Advanced tab, refer to this article.
Global Styles
To maintain a uniform appearance throughout your web pages, utilizing Global Styles is advisable. This feature allows you to establish a specific style and apply it consistently across various sections of your page. Learn more in our article.
Library
Click the “Library” icon to discover the 3 tabs below.
1. 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.
2. Saved Library
In the Saved Library, you can access all saved sections that are available for reuse on other pages. For more detailed guide, check out this article about Theme Section.
Image to Layout
Click to explore the Image to Layout feature, an AI-powered conversion tool that transforms images and website URLs into intricate layout representations. For further details on this functionality, refer to this article.
Support options
If you ever face a problem while editing your page, you can easily find help in the left corner of your Editor. Here are the options:
- Help Center: Check out our Help Center for articles that cover almost everything about GemPages. You might find the answer to your question there before contacting customer support.
- YouTube Tutorials: Watch our video tutorials on YouTube to learn more about using GemPages. They provide easy-to-follow guides.
- Join Community: Connect with other users in the GemPages Community, where you can share experiences and learn from each other.
- Request a Feature: If you have ideas to make GemPages better, let us know! You can suggest new features, and we’ll use your feedback to improve our product.
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.