Sales Funnel
How to Link Your Pre-sales Page to the Sales PageIntroducing Sales Pages – A New Addition to GemPages Sales FunnelSales Funnel Dynamic OfferThe Limitation in Designing Post-purchase Page with GemPagesSales Funnel Dynamic TriggerSales Funnel Post Purchase Upsell StrategiesGemPages Sales Funnel & FAQsTesting GemPages Upsell Sales Funnel with Shopify Orders & $1 ProductGemPages Sales Funnel: Save Template to Library FeatureHow to Troubleshoot Post-purchase Offers Not AppearingGemPages One-Click Post-Purchase: Supported Payment Methods
Editor
GemPages Overview
How to Use GemPagesAn Introduction to GemPages V7Install GemPages to your Shopify StoreIntroduction to Editor Version 7What's the Difference Between GemPages V6 and V7?An overview of the Advanced Tab SettingsIntegrate a Third-party AppSwitch Pages in GemPages EditorGemPages Customer Support: Channels & OptionsAn Overview of the GemPages DashboardAn Introduction to The Library
Main Features
Introducing the Interaction FeatureHow Can I Use a Template?Can I Transfer a GemPages Template to Another Shopify Store?GemPages Theme Section & FAQsGlobal StylesImage-to-LayoutTemplate Library V7Auto-Save and Version HistoryLayer TreeLive Text EditorInstant Landing Page (Headless)Bunny FontsImage-to-Layout
Design Base
Layout Designs
How to Change the Size of the Hero Banner in GemPagesHow to Create a Carousel with TextUse Row to Build Your Desired LayoutGenerate Editable Layout with GemAI: Image-to-Layout FeatureAI Content Generator with GemAIPut Button Side by SidePut Text over ImageHow to Create 5-Column Grid with Row or Carousel Element
Section Designs
Optimize Hero Banner Images for All DevicesDesign a Product Detail Section with Product ElementsDesign Color Swatches with Product Variants & Swatches ElementDesign Latest Blog Posts Section on Homepage with Article List ElementDesign Featured Product List with Product List ElementDesign Related Products Section with Product List ElementDesign Hero Section with Hero Banner ElementDesign Slideshow with Hero Banner & Carousel ElementDesign Volume Discount Bundles Section with Row & Product ElementDesign Volume Discount Bundle Section with Product Bundle ElementDesign in-line Countdown timer in Announcement BarDesign Shipping Estimation with Delivery Date elementDesign Testimonial Section with Carousel ElementDesign Opt-in Email Section with Newsletter & Popup ElementUse Parallax Effect in Hero BannerDesign an Image GalleryDesign Contact Form Section with Contact Form ElementDesign Newsletter Signup Form Using Newsletter ElementDesign "Featured In" Brand Logos section with Marquee ElementDesign Announcement Bar section with Marquee elementCreate a Sticky SectionBasic settings of a page
Control Settings
Margin, Padding, Spacing & Alignment
How can I center the text in a button?Margin, Padding, Spacing & Positioning OverviewAdd Negative Margin to An Element or SectionAdd or Remove Spacing Between ElementsChange the Gap Inside ElementHow to Align Element?Set the Position of ElementBring an Element to the Front or Back Using Z-IndexRemove Spacing between Theme Header & Page Content
Elements
Product Elements
Product ElementProduct List ElementProduct Add-to-Cart Button ElementProduct Image ElementProduct Title ElementProduct Description Element Product Vendor ElementProduct SKUProduct Price ElementProduct Quantity ElementProduct File UploadBundle Discount ElementProduct Badge ElementRelated Products ElementProduct View More ElementDiscount Tag ElementProduct Custom Field ElementDynamic Checkout Button ElementProduct Variants and Swatches ElementCountdown Timer Element
Page Designs
General
How can I duplicate a page?Create a New PageEdit Shopify Original Templates with GemPagesChange Page TypeImport and Export TemplatesSave a Section to Template LibraryInsert Theme Section into my Shopify ThemeWhat is a section and how many can I create within a page?Section LimitsCreate Global Section with Theme SectionHow can I import/export a page of another Shopify online store?
Collection Pages
How To Assign a Collection to a Collection PageReplace your Default Collection Page with GemPages Collection TemplateDynamically Display Collection Banner Based on Each CollectionCreate Product List ElementAdd Collection Pagination with Collection Paginator ElementAdd Collection Filter & Toolbar with Collection Toolbar ElementAdd List of Products with Product List ElementCreate a New Collection Page
Product Pages
How to Update All Product Pages using Product Page Template?How to Delete a Section from Your Product PageHow to Make Product Image Full-ScreenHow to Display Product Price and Compare-at Price on the Same LineCreate Product Add-Ons on Your Product Page Using GemPagesMake a Product Page with TemplateEdit Shopify Default Product Page with GemPagesAdd Product Reviews & Star Ratings to your Product PageAdd Related Products with Product List ElementAdd Size Chart to your Product PageCreate a Personalized Product Page with Custom Options and File UploadDisplay Compare Price with Price ElementAdd Payment Icons Under the Add to Cart ButtonCreate a Product Page with Subscription WidgetCreate a New Product PageRedirect to Checkout after Adding to CartAdd a Wishlist Button to Your Product PageOpen Cart Drawer or Slide Cart after Adding to CartAdd GIFs to Your PageUnderstand Product Page vs Product TemplateUnderstand Collection Page vs Collection TemplateCustomize Shopify Product Details on your PageAssign Different Products to a Template[V6] Upload a PDF File to your PageReplace your Default Product Page with GemPages Product PageAdd Product Metafield to your PageCreate a Product BundleEmbed a Custom Video on your Page
Previewing & Publishing
Go Live & Make Default
How to Publish a Landing Page?Make a Default HomepageWhat Happens When I Change the Theme?Make the Page Live on the StoreHow to Use a Product Page for All Products in the Live StoreWhat is a Default Page and How to Change It?Use Landing Page as Home Page or Product Page and vice versaUse the Page Built by GemPages as My Home PageSet a GemPages Page as DefaultRestore your Deleted PageLink your Page to Shopify Menu ItemUnable to Publish my PageUnpublish a Page Designed with GemPagesLink your Menu Items to Shopify's Header and Footer
App Integrations
Conversion
SEOAnt ‑ Sticky Add To CartBest Buy FullfilmentStar Apps Variant ImageWishlist PlusSlide Cart: Sticky Cart DrawerWishlist KingStarApps Variant ImageReConvert Upsell & Cross SellGrowave: Loyalty & Wishlist +Infinite OptionsMBC Bundle AppQikify - Slide Cart, Sticky Add To CartProduct Options & CustomizerMaxBundle - Product BundlesUpsell & Cross Sell - SelleasyFly: Bundles, Upsells & FBTSimple Bundles & KitsFast Bundle: Bundles DiscountsUnlimited Bundles & DiscountsEasy Bundle BuilderShopify SubscriptionsRecharge SubscriptionsShopify Bundles: Increase average order valueReleasit COD Form & UpsellsShopify Search & DiscoveryEasySell COD Form & UpsellsSlide Cart Drawer by AMPQikify - Upsell & Free GiftsWiser Product RecommendationCross Sell & Upsell by SSCqikify Sales Pop up & ProofBundler - Product BundlesFrequently Bought TogetherWide Bundles - Quantity Breaks
Reviews
Okendo: Reviews & LoyaltyTrustShop: Product ReviewsMyAppGurus Product ReviewsTrustReviews: Product ReviewsOpinew Product Reviews App UGCYotpo Product Reviews & UGCAli Reviews: Kudosi ReviewsAir: Product Reviews app & UGCGoogle Reviews by ReputonTagembed‑ Social Post & ReviewJunip ‑ Product Reviews & UGCReviewXpo Product Reviews AppTrustoo ReviewsFera Product ReviewsLAI Product Amazon ReviewsRyviu Product ReviewsRivyo Product ReviewsLoox Product ReviewsLoox Reviews CarouselStamped.io Product ReviewsJudge.me Product reviews
Store Designs
Essential Announcement BarBF Size Chart & Size GuidePOWR Contact Form BuilderHulk Product OptionsSmart Product Filter & SearchSEOAnt ‑ Trust Badges & IconAvis Product Options, VariantsSmartviewer: Quick ViewHulk Form BuilderSalesPop: Order & Sales PopupWilldesk: Live Chat&AI ChatbotPowerful Contact Form BuilderGlobo Product Options, VariantSwatch King: Variants OptionsNotify! Back in Stock | PreOrderTepo Custom Product Options VariantShopify Search & DiscoveryEasify Product Options VariantBUCKS Currency Converter PRO++O:Request a Quote ‑ Hide PriceKing Product OptionsClean Size Chart: Size GuideKaching Bundle Quantity BreaksSEOant ‑ Trust Badges & icon (Trust Me)Bold Product OptionsSearchanise Search & Filter
Sales & Marketing
Also Bought CBBConversion Bear Trust BadgesSeguno Email MarketingAfterShip Email Marketing, SMS Instagram Feed IG ‑ InstaSellHulk Form BuilderWilldesk: Live Chat&AI ChatbotLoloyal: Loyalty and ReferralsBoost AI Search & FilterVariant Option Product OptionsSprout: Plant Trees Grow SalesFirepush – SMS & Web PushKlaviyo: Email Marketing & SMSBSS: Product Labels & BadgesHextom: Ultimate Sales BoostWhatmore Shoppable Videos+ReelRapi Bundle Quantity BreaksAppointment Booking CowlendarPreOrder Now WODPreorder Wolf | Pre order nowKoala Bundle Quantity DiscountBON: Loyalty Rewards ReferralsShopify Inbox Fordeer Product Labels & BadgesSEO Checker feature powered by Avada SEO SuiteVitals: All-in-one MarketingKlaviyo: Email Marketing & SMSPushOwl: Web Push NotificationsKlarna Onsite MessagingOmnisend Email Marketing & SMSInstafeed
Troubleshooting and FAQs
Why Does My GemPages Website Look Different on Different Computers?GemPages Page Not Saving Changes - TroubleshootingCan't Preview Store on Shopify - TroubleshootingCart Drawer Doesn't Show on Shopify – TroubleshootingMy Product Page Look Different After PublishingWhy Isn’t My Landing Page Loading on My Site?Why Is My Published Page Showing as Empty?Why My Product Page Not Showing Products?Fonts FAQsUpdate your product price and currency formatSet Up a Cart Drawer for your Shopify Page
Product Pages
How to Update All Product Pages using Product Page Template?
This article shows you how to update all product pages on your Shopify store using a product page template. What is a product page template? A product page template is a design...
How to Delete a Section from Your Product Page
GemPages makes it easy to manage page sections. Below is a step-by-step guide to help you safely delete sections, with special notes for handling reusable Theme Sections. To delete a section from...
How to Make Product Image Full-Screen
This article shows you how to make your product image span edge-to-edge, covering the entire screen width (and optionally height) for a modern, clean, and visually impactful design. Step 1: Open GemPages...
How to Display Product Price and Compare-at Price on the Same Line
This article shows you how to display the product price and compare-at price on the same line using GemPages. Product Price and Compare-at-Price Elements in GemPages GemPages provides dedicated elements for displaying...
Create Product Add-Ons on Your Product Page Using GemPages
This article will guide you through the process of adding product add-ons to your product pages with GemPages, enhancing your customer’s shopping experience and potentially increasing your average order value. What Are...
Make a Product Page with Template
Note: This article is intended for users of GemPages Version 7 (V7). If you are using Version 6, please refer to this article. This article shows you how to create a product...
Edit Shopify Default Product Page with GemPages
This article shows you how to edit your Shopify default product page using GemPages. The default Shopify product page includes basic elements such as the product title, images, description, and purchase options....
Add Product Reviews & Star Ratings to your Product Page
Adding product reviews and star ratings to your product pages is a powerful strategy to build trust with potential customers and boost sales. In this guide, we’ll walk you through the process...
Add Related Products with Product List Element
With GemPages, adding and customizing a Related Product List is simple with the Product List Element. This guide walks you through the process step by step. About Product List Element The Product...
Add Size Chart to your Product Page
A size chart is crucial for ensuring your customers make informed purchasing decisions, especially in industries like fashion and apparel. With GemPages, adding a size chart to your product page is straightforward. ...
Start selling