• Video Tutorial
  • GemPages Forum
Start For Free
  • Video Tutorial
  • GemPages Forum
homeGetting Started[Editor 7.0] Introduction to Editor 7.0
homeGetting Started[Editor 7.0] Introduction to Editor 7.0

[Editor 7.0] Introduction to Editor 7.0

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. 

This article will provide you with a quick glance to help you get the most out of this new editor.

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.

GemPages is built with Responsive design in mind and the Editor will automatically adjust elements’ size and settings to match the respective screen sizes. To explore more about this feature, check out this article. 

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.

Tags:7.0

Was this helpful?

Yes  No
Related Articles
  • [Editor 7.0] Image to Layout
  • [Editor 7.0] Responsive Web Design
  • An Introduction to GemPages support options
  • How to install GemPages to your Shopify store
  • How to create a new page
  • An overview of the GemPages Dashboard
footer logo
  • Release Note
  • Privacy Policy
  • Terms of Service
  • Community
  • Video Tutorial
© 2017-2023 GemPages. All rights reserved.
Popular Search:Responsive design, Transfer content, Custom code