Feature request

Hi team, Please improve the GemPages Product Image element so that product images respond dynamically to the selected variant. When a customer selects a variant, such as a color: - The primary image should update to the first image associated with that variant. - Hovering should display the second image associated with the selected variant. - Images belonging to other variants should not be shown. - The image should update immediately when the customer switches between variants. Currently, the hover function always displays the second image in the product’s overall Shopify media order, rather than the second image associated with the selected variant. This makes it difficult to present products with multiple colors accurately on collection pages. For example: - Select Black → show Black Image 1; hover to show Black Image 2. - Select Purple → show Purple Image 1; hover to show Purple Image 2. This functionality would be especially valuable for stores that use color swatches and need each color variant to have its own primary and hover images. Thanks!

This is very important for website promotion. We hope it can be developed as soon as possible. Thank you.🤗

It would be helpful to have an active-user indicator that shows when another team member is currently viewing or editing a page. Right now, it can be difficult to tell when multiple users are working on the same page, which can lead to overlapping edits or conflicting changes. WordPress, Elementor, and other site builders offer similar functionality, and having this visibility would make collaboration much easier.

I would be great if after a person fills in a contact form they were atomically added as a customer on Shopify and the time line was updated saying what time and date they left a contact form so you could link it with the email. Within this if the customer is already existing the timeline would be updated within their existing customer account. This would also link in nicely with my other request of email newsletter subscribers be added from contact forms.

It would be amazing if you could add a sign up to newsletter tick option on contact forms that automatically added the email/ customer to your mailing list instead of doing it manually following the contact coming through.

Adding product pages individually by selecting each product is very time-consuming, especially for larger companies with a large number of products. I was hoping this issue would have been fixed by now, as I’ve already reported it. However, I’m still facing the same problem. I’ve been using this product since March, and there hasn’t been any improvement yet. This should be a relatively simple development, but it would significantly improve the product and make the workflow much more efficient. For example, allowing users to add product pages by filtering or selecting an entire collection instead of having to select each product individually would be a huge improvement.

Additionally, I would like to raise a few more issues. 1. The headless page should be able to be synchronized to t-lab, so that third-party software can be used for translation. 2. It can display the product release status. 3. On the editing page, videos can be directly uploaded. 4. Add GA4 analysis. 5.The code should be placed at the bottom of the page. - Integrate ChatGPT and Claude as soon as possible

We use a separate theme to “stage” content. The ability to publish Gempages content updates to multiple selected themes within a store would help us with theme parody and reduce the mundane task of repopulating content in the customizer when we push theme updates live.

Give the option to make an item list “Numbered” in addition to bullets/icons. For example: - this is number 1 in the list - this is number 2 - this is the 3rd item

The V7 Builder does not have the filter dropdown even though the preview image states it does. You can only use the Sort By feature. This is a major major flaw in the design system. Even the V6 model had an option to add a Filter By dropdown. This causes poor user experience. I may as well revert back to my V6 page, which actually has this feature.

It would be helpful if you could create reusable elements (similar to theme sections), but that can be edited and used globally within groups.

Are you able to make a product recommendation quiz where the questions are answered and shown in an order that they must all answer to then show a product recommendation based on the consumers needs. The questions should be displayed one at a time and be prompted to show the next via click next/go on.

One of the features that would be crucial for WCAG 2.2 compliance needs and ADA compliance is the ability to easily allow the users to pause, play and mute a video for the Video Banner widget. "Website videos must adhere to specific accessibility compliance standards, primarily under the WCAG 2.2 Pause, Stop, Hide criterion. Any auto-playing video lasting longer than 5 seconds or audio playing for over 3 seconds must provide users with an accessible mechanism to pause, stop, mute, or hide the content." The video player widget has some default player options but the Video Banner widget doesn't have any capabilities to do this. We're using the Concept theme and their video banner has a very nice play/pause button option. I would love to see the Video Banner widget upgraded to not only feature this functionality but be able to style the button and position the button over the Video Banner. This needs to work on self-hosted as well as 3rd party hosted videos (YouTube, Vimeo). I rather build all our pages in GemPages but because the client wants video banner headers on most pages we have had to ditch GemPages and use the Concept theme page with a ton of CSS modifications.

Hi GemPages Team, I hope you're doing well! I've recently started using GemPages for Shopify, and I wanted to reach out because I've been genuinely enjoying the experience. The platform is powerful, intuitive, and has made building pages much faster than I expected. As a UI/UX and Product Designer with over 10 years of experience designing digital products, I naturally pay close attention to user workflows and interaction patterns. While working on a few projects, I noticed a couple of opportunities that I believe could further improve the editing experience, particularly within the Layer Tree. Figma file: https://www.figma.com/design/WoxmzHfqzKGj01r5YIPIEa/GemPages?node-id=1-4133&t=pB3D9TTWVz1j96zX-1 1. More Compact Layer Tree The current Layer Tree occupies a significant portion of the canvas area. A more compact version could help users maintain better visibility of the page while still navigating through sections and elements efficiently. 2. Visible Drag Handle for Better Discoverability Adding a dedicated drag handle (such as a six-dot icon) beside layers could make drag-and-drop functionality more obvious, especially for new users. This follows common UX patterns found in modern design and no-code tools, improving discoverability and reducing friction. 3. Resizable Layer Tree Panel For larger pages with deep hierarchies, the fixed panel width can make navigation difficult, as layer names become truncated and nested structures harder to understand. Allowing users to resize the panel would provide greater flexibility and significantly improve the experience when managing complex page structures. These are relatively small enhancements, but I believe they could have a meaningful impact on usability, particularly for designers, agencies, and power users who work with larger projects. I created these concepts simply because I've enjoyed using the product and wanted to contribute some ideas that might be valuable for the team. Thank you for building such a great tool, and I appreciate your time reviewing these suggestions. I'd be happy to discuss any of the ideas further if they're useful. Wishing the team continued success! Best regards, Zozimo Soares UI/UX & Product Designer

Currently the pages, sections, etc. box is confining 5 items max with pagenation. To keep a good overview of all pages, please add a filter of shows list items without the <> page maybe have the support on top, and have the the pages scroll to the bottom with an overview of 20 ,50, 100 pages Many thaanks in advance,

Tab only allows adding Elements it would be easier to add sections, and i really dont want to be contacting dev team for this!

Need add icons on tabs text, an element or something to add icons

shift and click to select multiple elements to copy and paste it in the same page or another pllssssss I dont want to copy paste sections and delete whats not needed everytime!

Hello, could you add infinite scroll for products? It’s really a basic feature: when a customer lands on a category page and scrolls down, the next products should load automatically.

As someone who runs effectively 3 of the same store but for different markets, a way that pages could just be replaced would be great. I normally import my page from my main store to the side stores and have ether replace sections manually or unpublish and republish my page which removes it from menus and I worry affects SEO. I know I could change the template in Shopify but this has sometimes changed my slug which isn’t ideal. Or if there is a better way to do this already please let me know! PS a way to mirror my stores/ certain page would remove this altogether and save me SO much time!

If GemPages released a built-in Breadcrumbs element that supports multi-level “subcategory/hub” navigation and outputs proper structured data (JSON-LD), it would be a killer feature for UX + SEO. Today, most stores need custom code/apps to get good breadcrumbs—especially when using landing pages/hubs + Shopify collections—while GemPages pages would benefit from a native solution. Use case example: Home → All Building Materials (GemPages landing page / hub) → Decking (Shopify Collection) → Product page / Article / etc. Why this matters: - UX / Navigation: - Breadcrumbs reduce bounce rate and help users orient quickly in large catalogs. - They add a clean “back to broader category” path without relying on the main menu. - Especially important for stores with hubs, guides, and multiple entry points (beginner vs advanced shoppers). - SEO / Rich Results: - Proper breadcrumb structured data can generate Breadcrumb rich snippets in Google. - Better internal linking structure and clearer site hierarchy signals. Current problem: - To achieve this today we need custom code or third-party apps (e.g., “Breadcrumbs & Categories” type apps). - Those solutions often don’t work well (or require extra dev work) specifically for GemPages landing pages/hubs. - The result: breadcrumbs become inconsistent, fragile, and harder to maintain. Requested solution: A) New “Breadcrumbs” element in GemPages v7: - Works on Home / Landing / Page / Product / Collection templates (where applicable) - Automatically detects context: - Product page: Home → Collection/Hub → Product - Collection page: Home → Hub → Collection - Landing hub page: Home → Hub (and optionally deeper levels) B) Subcategory / Hub support (critical): - Allow defining a hierarchy that includes GemPages landing pages as “category hubs” - Ability to manually map: - Hub page → related Shopify collections - Collection → parent hub - Product → preferred collection + parent hub C) Customization options: - Separator style - Show/hide Home, current page, etc. - Custom labels per node - Design controls (typography, spacing, responsive behavior) D) SEO requirements (must-have): - Output valid BreadcrumbList schema (JSON-LD) - Ensure it’s index-safe and consistent across pages - Avoid duplicate/conflicting structured data if theme/app already outputs breadcrumbs (toggle to enable/disable) Bonus (nice-to-have): - Option to choose the “primary collection” for a product’s breadcrumb when a product belongs to multiple collections. - Integration with Shopify metaobjects/metafields for defining parent/child relationships at scale. Why this is a competitive advantage: A robust, SEO-friendly breadcrumbs system that works seamlessly with GemPages hubs + Shopify collections would reduce reliance on apps/custom code and make GemPages more “full-stack” for serious stores focused on SEO and information architecture.

Currently, Tab only allows adding Elements, but if it also allowed dropping Sections into Tab, that would make it easier for the designer.

For website and e-shop owners, having a properly structured blog is extremely important for SEO and achieving better Google rankings. However, your current blogging functionality is not presented properly. At the moment, you only offer the possibility to create a single article page, but there is no complete blog structure. 1. You should create a proper blog article list page. This page should allow categories to be added, so visitors can either “View All Articles” or filter and view articles under specific topics. 2. Please add a pagination feature for the blog list. The page should not rely on endless scrolling. For example, visitors could view 9 articles per page and navigate by selecting page numbers (1, 2, 3, etc.). Alternatively, at minimum, a “Load More” button could be added - but pagination would be much more desirable. 3. Articles should also include built-in social sharing options and the ability to copy the article link. This feature was created for me upon request by your support team, but it should not be treated as a custom request. Social sharing is a standard feature that is expected on blog articles 4. As a nice-to-have (lower priority) feature, it would also be beneficial to allow readers to leave comments under articles and to react with likes or hearts. 5. Also, under each article there should be the possibility to add a carousel featuring suggested content - for example, a “Related Articles” section encouraging readers to continue reading, or a product carousel highlighting relevant products from the e-shop.

Please add a proper visual alignment system to the GemPages v7 editor: grid overlay, guides/rulers, and snap-to alignment (edges/center/spacing). This would make layout building faster and more precise—especially for modern UX/UI, landing pages, and consistent spacing across sections. Problem / Why it matters: Right now, aligning elements and keeping consistent spacing often requires manual tweaking and repeated “eye-balling.” On complex pages (multi-column rows, cards, headings + CTAs), it’s easy to end up with small misalignments that hurt visual quality and perceived trust. Requested features: - Grid Overlay - Toggle on/off grid overlay on canvas - Configurable grid (e.g., 4/8/12 columns, spacing units) - Optional: baseline grid for typography rhythm - Rulers + Guides - Top/left rulers (optional) - Drag-and-drop guides from rulers - Ability to lock/unlock and clear guides - Snap-to / “Sticky” Alignment - Snap elements to: - container edges - center line (horizontal/vertical) - other elements’ edges/centers - consistent spacing (equal gaps) - Visual indicators while dragging (smart guides) - Toggle snapping on/off (or hold a key to temporarily disable) - Spacing/Alignment Measurements (nice-to-have) - Show live distance (px) between elements while moving - Show padding/margin hints relative to container How this improves UX/UI + conversion: - Cleaner, more consistent layouts increase perceived quality/trust. - Faster editing → more iteration on messaging and conversion flow. - Helps build “polished” pages like in Figma/Canva/Webflow with fewer manual adjustments. Extra note: This becomes even more important as GemPages v7 adds more advanced interactions and components—alignment tools are a foundational productivity and quality feature.

This is an extension of the already submitted request: https://feedback.gempages.net/p/moving-layers-from-the-layer-tree (by amy6147) Context: I’m building a UX/UI + SEO-optimized storefront with GemPages v7. As pages grow (hero + multiple sections + product/FAQ blocks), the Layers panel becomes the primary tool for working fast and staying organized. Right now the Layers panel is the biggest workflow bottleneck. Main request: Please improve the Layers panel so it works like modern editors/builders (Figma/Canva/Photoshop/Webflow/Elementor), especially for large pages. Requested features: - Rename layers/sections inside the Layers panel - Allow renaming any layer (Section / Row / Column / Element) directly in the Layers tree. - Suggested UX: - Double-click name (or press F2) → inline rename - Enter = save, Esc = cancel - Show custom name everywhere in the tree (instead of only generic element names) - Why it matters: - Big pages become manageable (“Hero – Decking”, “Trust badges”, “Color Guide”, “FAQ – Shipping”, etc.) - Faster navigation, fewer mistakes, easier handoff to teammates. - Drag & drop to reorder / move layers inside the Layers panel - Ability to move layers up/down and into/out of containers (e.g., move an element into another column) directly from the panel. - Show clear drop indicators and prevent invalid drops. - This is essential when the canvas is crowded and selecting elements on the page is hard. - Multi-select layers + batch actions (Ctrl/Cmd-Click, Shift-Click) - Select multiple layers at once to apply the same styles/settings. - Batch operations: - Apply typography/spacing settings to multiple headings - Duplicate / delete / hide / lock multiple items - Copy Style / Paste Style across a selection - Example: - A row with 4 columns, each has a Heading. I want to style all 4 headings consistently without clicking each one individually. - Optional: Labels / Notes (markers) for layers (nice-to-have) - Ability to add a small “tag” or note to a section (e.g., “Needs copy”, “SEO review”, “Mobile fix”, “Campaign A/B”). - This helps with collaboration and QA on long landing pages. How this helps UX/UI + SEO outcomes: - Faster editing = more time spent improving real UX (hierarchy, spacing, clarity) rather than fighting the editor. - Better consistency across repeated components (headings, CTAs, badges) → pages look more professional and convert better. - Fewer layout mistakes when managing complex pages → less rework and fewer “broken” sections that can hurt performance and user experience. - More scalable workflow for content/SEO teams maintaining multiple pages. Why this should be prioritized: These are baseline capabilities in most modern editors. Adding rename + reorder + multi-select would instantly level up GemPages v7 for professional workflows and large stores. Happy to provide a short screen recording showing: - A real page with many sections - How the current Layers panel slows work - The exact actions that rename/reorder/multi-select would streamline

Please add the ability to move (pan) and zoom the editor canvas. When the left panel is open, it often overlaps or squeezes the canvas area, making precise layout work harder. A simple pan/zoom system—like in Figma, Canva, Photoshop, etc.—would dramatically improve workflow speed and accuracy. Problem / Why it matters: - On smaller screens (or when the left panel is expanded), parts of the canvas get covered or cramped. - I frequently need to inspect spacing, alignment, and typography at different scales. - Without quick pan/zoom, I end up scrolling awkwardly, collapsing panels, or losing the exact spot I’m editing. Requested functionality: - Canvas Zoom Controls - Zoom in / out (+ and - buttons) - Zoom percentage indicator (e.g., 50% / 100% / 125% / 200%) - “Fit to screen” and “Actual size (100%)” - Optional: “Zoom to selection” - Canvas Pan / Move Tool - Hold Spacebar to temporarily activate a Hand tool (drag to pan) - Middle mouse button drag to pan (optional) - Trackpad support: pinch-to-zoom + two-finger pan (optional) - Keyboard & Mouse Shortcuts (suggested) - Ctrl/Cmd + mouse wheel = zoom in/out - Ctrl/Cmd + 0 = fit to screen - Ctrl/Cmd + 1 = 100% How this helps UX/UI + SEO workflows: - Faster editing = more time spent improving real UX (spacing, hierarchy, clarity) instead of fighting the editor. - Better precision on layout → cleaner pages, more consistent design, fewer accidental misalignments. - Easier to review above-the-fold and responsive details quickly, which supports conversion-focused layouts. Extra notes: - This is standard in most modern editors (Figma/Canva/Photoshop), and it would be a huge productivity win inside GemPages v7—especially when working with side panels open.

Building a SEO-focused, UX/UI-polished store in GemPages v7 requires a lot of small repetitive actions (links, styling headings, consistency across sections). More shortcuts would significantly reduce friction, speed up production, and help keep designs consistent. Current pain points: - Creating hyperlinks in text is mouse-heavy: - Today: highlight text → click the chain/link icon → paste URL → confirm. - Request: support the industry-standard shortcut Ctrl/Cmd + K to “Insert/Edit Link” in the inline text editor. - Repeating styling across similar elements takes too many clicks: - Example: One row with 4 columns, each column has a Heading. I want to apply the same typography (size/weight/spacing) to all 4 headings quickly. - Global Styles is great for base typography, but in real pages we still need quick “apply same style here too” workflows. - Request: add a keyboard shortcut for “Copy Style” to match the existing “Paste Style” workflow. Suggested: Ctrl/Cmd + Shift + C = Copy Style Ctrl/Cmd + Shift + V = Paste Style (already exists) Requested features (v7 editor): A) Ctrl/Cmd + K → Insert/Edit Link for selected text in inline editor - Same behavior as common editors: if text is selected → opens link modal; if cursor is inside an existing link → edit link. B) Ctrl/Cmd + Shift + C → Copy Style (for the selected element) - Complements the existing Paste Style shortcut and reduces repetitive context-menu clicks. Optional (nice-to-have): C) Shortcut/Hotkey cheat sheet in editor + ability to customize shortcuts in Preferences. How this improves UX/UI + SEO workflows: - Faster page building and iteration (less time clicking, more time improving content and layout). - Encourages better internal linking practices (quickly adding links), which helps site structure and SEO. - Improves design consistency (typography & spacing), reducing visual “noise” across the site. - Brings GemPages in line with common editor conventions (Ctrl/Cmd+K for links is widely used). Thank you! Happy to provide a short screen recording of the current workflow + how the shortcut would be used.

Hi GemPages Support Team, I’d like to request an important feature that would be extremely helpful for many store owners and would improve conversion-focused sections. Feature request: A built-in option for auto-scaling / count-up animation for numbers and graphs. For example: When a visitor scrolls to a section that contains stats, milestones, or a progress graph, the numbers should automatically animate (0 → target number) and graphs should fill/scale smoothly on reveal. This is a very common feature on high-end Shopify brands and landing pages, and currently users have to rely on custom code or external apps to achieve it. Having it as a native GemPages element would: - Improve user experience - Increase engagement and trust - Help boost conversions - Save time for users who don’t know coding It would be amazing if you could add: - Count-up numbers (with speed, delay, and formatting options) - Graph/progress bar auto-fill on scroll - Trigger on scroll / viewport reveal - Mobile-friendly support I believe this feature would add huge value to GemPages and would be widely used. Thank you so much for considering this, and I’d love to hear if this is something you can add to your roadmap.

It would be great to add discount used in the custom triggers so we can adjust the upsell offer accordingly. If the customer already ordered with a discount we’d want to be able to show a different offer than to those who have not used a discount, yet. For instance, we offer military discounts. If the upsell offer has a lower discount than the military discount on their order, they’re not likely to take the offer since they can buy it at a lower cost.

Please consider to add this feature: How about enabling a feature in which you can hit "Control" button on your keyboard and then left click on multiple boxes / elements and then move them around using your left mouse. Analogy: You know like in Microsoft Powerpoint, you can hit your keyboard: “Control” + then you left click on multiple items to choose them then you release Ctrl button and use your left mouse to move them around or you can choose multiple elements at the same time then perform functions like Ctrl + C, etc. Thank you kindly!

The read more button in the article element does not allow a customizable after-click action. For SEO purposes, it is important to ensure that the article opens in the same tab rather than in a new one. The regular button element has a customizable after-click action—can you please add this feature to the article element button?

It would be cool if I could change everything thats a certain color on a page, all at once. I frequently duplicate pages for new products and have to go through and change every color individually

It’s easier to have the layer tree always opened, as in Figma or Webflow. But we can’t do that with GemPages because it’s hidding the website designer when opened. Having the Layer tree stick inside a left or right interface column would be much easier (with an ability to close it if needed). Thanks a lot.

The lazyload mode doesn’t allow the pages to be seen on safari or even google on mobiles.

please add shortcut to copy style. Paste style has ctrl+shift+V so it is only logical to make ctrl+shift+C for copy style. I also would not mind if there would be a shortcut editor to make more custom shortcuts.

ah Agent how replays please

If we choose to show something on desktop and hide it on mobile viewport, it should be greyed out - not hidden completely in the editor - so that it is easy to recognise that there is an element which we have put for any other view. for easy recognition. See below

There is no option to add a tooltip on hover of an element at present . suppose i want to create a tooltip when the user wants to hover on an image. For Example : For reference https://getbootstrap.com/docs/4.0/components/tooltips/

Set up the number of columns to display, how many characters to display before the -more- button shows. Infinite left and right scroll. 3 elements; image, title, html or rich text. Need to be able to bold the text, add links or bullet points. I’m hard coding it now, but that means only a couple people can edit it and this would be on a dozen pages.

We need better product carousels that showcase products from certain collection where we can sort them by the order they are in - in the colelction.

I would like to add a feature that allows two independent products to be bundled together and added to the cart with a single click. This would enable us to easily create flexible product combinations for promotional campaigns without requiring customers to add each product separately or us having to create a new bundled product page or link every time.😩

Please add a feature to GemPages that allows creating new paths in the URL handle link for Instant Landing Pages and adding slashes (/).

Hi GemPages team, I'm a Shopify merchant who actively uses GemPages Builder and really enjoys it! Currently, when applying a product template, the only available options seem to be: - Applying it manually to individual products one by one, or - Applying it to the entire store at once. Since most sellers organize their products by collections, it would be extremely helpful to have the ability to bulk-apply a template to all products within a specific collection only. This feature would make workflow much faster and more efficient for many of us. I'd greatly appreciate it if you could consider adding this option in a future update!

As it is kind of doubled shown.

Currently, when we create multiple products that belong to the same model (e.g., jewelry with variations such as engraving options), each product must be manually assigned to the correct GemPages template. This creates repetitive work and increases the chance of human error, especially in stores with many product variants. I’d like to request a feature that allows GemPages to assign products to templates dynamically, based on conditions such as Shopify product tags, collections, product type, vendor, or metafields. Example use case: - I have one product model, but several products/variants representing it (e.g., with engraving, without engraving). - Each model has its own GemPages template → but every new product requires manually assigning it to the template. - With dynamic rules, I could tag all related products (e.g., model_aurora) and they would automatically use the correct template. Proposed solution: In each template settings window, add a “Dynamic Assignment” section allowing the user to define rules: - “Apply this template to products with tag X” - “Apply this template to products from collection Y” - “Apply this template to products with metafield Z” Once enabled, newly created products that match the rule would automatically use the assigned template — no manual work needed. Benefits: - Saves significant time when managing many similar products - Eliminates manual assignment overhead - Reduces errors and ensures consistent branding - Makes GemPages much more scalable for stores with high SKU counts

Request: make it possible on the Product Bundle Discount element (Gempages 7) to have a variant selector pop up when a user selects the quantity that’s more than 1. Example image below taken from shrine theme: This would be very helpful for quantity breaks for products that have multiple variants. If this is somehow already possible with custom code, please let me know. When I try to do it myself by adding a 2 variant selectors to the element manually, it won’t work because the variant option will sync on both selectors. Thank you in advance, Gempages team. You guys are great.