Articles on: Pages

Best Practices for Creating Versions in GreatPages

When it comes to creating pages in GreatPages, following a few Best Practices can make all the difference in making sure your pages work perfectly across every version and device. Here are some tips that will help you avoid problems and build your pages efficiently.


  1. Start with the Desktop Version


The recommended first step is to always start by creating your desktop version. That means building the entire page structure, adding the elements and adjusting details such as images, texts and buttons with the larger screen in mind.


Why start with desktop?
It's easier to organize elements on a large screen and then adjust them for smaller screens. When you finish the desktop version, you can go to the mobile version and, with a single click, automatically send the desktop elements over to the mobile version.


Steps:
॰ Create your desktop page completely.
॰ When you're done, go to the mobile version and click "reconstruir mobile".


This will bring all the desktop elements into mobile, ready to be organized.


  1. Organize the Mobile Version

After bringing the elements into the mobile version, the next step is to organize and reposition the items so that everything looks visually pleasant and works well on smaller devices, such as smartphones.


What to do:
॰ Drag and reposition the elements so the content is well distributed on the phone screen.
॰ Make sure all texts are legible and the action buttons are easy to tap.


  1. Watch Out for the Impact of Changes

An important point: any change made in the desktop or mobile version can impact the other. For example, if you delete an element in the mobile version that was brought over from the desktop version, it will also be removed from desktop.

Instead of deleting an element in the mobile version, use the hide function. This lets the element disappear in only one of the versions, without impacting the other.


→ (How to hide elements) ←


Tips:
॰ Delete: Removes the element from both versions.
॰ Hide: Keeps the element visible in one version and hidden in the other. Ideal for elements that only make sense in one version, such as a larger featured image on desktop and a smaller one on mobile.


  1. Don't Edit in Multiple Tabs at the Same Time

Another very important best practice is to avoid editing the page in more than one browser tab at the same time. Doing so can cause conflicts in the system and prevent your changes from being saved correctly.


Why does this happen?
The platform's editor may not sync changes made across multiple tabs, which can lead to problems such as losing part of your work or creating conflicting versions.


What to do:
॰ Always work in a single tab when editing your page.
॰ If you need to review the page on different devices or layouts, save your changes before opening a new tab.


Conclusion


Following these best practices when creating your pages in GreatPages ensures a smooth creation experience and pages that work well on both desktop and mobile. Building pages becomes simpler and more effective when we follow the recommended flow: starting with desktop, organizing mobile and handling edits carefully.


If you follow these guidelines, you'll be on the right track to create professional, optimized pages, ready to reach your audience efficiently on any device!

Updated on: 08/07/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!