Editor
GemPages Overview
Install 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
Design Base
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 ElementDesign Parallax Section With 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
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
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
Replace 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
Add 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 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
MyAppGurus Product ReviewsTrustReviews: Product ReviewsPickyStoryOpinew 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 ReviewsLAI Product Amazon ReviewsRyviu Product ReviewsRivyo Product ReviewsLoox Product ReviewsLoox Reviews CarouselStamped.io Product ReviewsJudge.me Product reviews
Store Designs
POWR Contact Form BuilderHulk Product OptionsSmart Product Filter & SearchSEOAnt ‑ Trust Badges & IconAvis Product Options, VariantSmartviewer: 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
Seguno 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
Version 6
[V6] Format Text in GemPages Editor
This article will show you how you can easily format your text using the formatting toolbar from right inside the GemPages Editor. All text-based elements in GemPages allow for live text editing...
[V6] Cross-sell Using the Popup Element
This article will help you use the Popup element and Flow action feature to offer more products before customer checkout and boost your sales number! When it comes to online shopping, one...
[V6] Breadcrumb Element
This article will explain what a Breadcrumb is and how to make one for your website using GemPages. What is a Breadcrumb? A Breadcrumb is a navigation path often located at the...
Opinew Product Reviews
This article will guide you through the steps to show reviews from the Opinew app on your pages. With Opinew, you can gather customer reviews through various channels like email, SMS, and...
[V6] An Introduction to GemMeter
In this article, you’ll learn everything about GemPages’ newest feature – GemMeter. About GemMeter What is GemMeter? GemMeter is an automated built-in tool capable of analyzing elements, evaluating page performance, and providing...
[V6] Image Element
In this article, you will learn about the Image element and how to use it. About the Image element The imagery can give depth and context to a description, a testimonial, or...
[V6] Before and After Images element
This article will show you how to create a Before After slider with GemPages to catch people’s attention and win more purchases. About the Before and After Images element The Before &...
Firepush – SMS & Web Push
In this article, we will walk you through several steps that require non-technical knowledge to integrate Firepush into GemPages. Firepush is an all-in-one remarketing app covering four major channels in one single...
Use both GemPages Editor V6/V7 or revert to Version 6
GemPages Editor V7 introduces several significant improvements and new features designed to enhance your page-building experience. However, for users familiar with V6, the transition might present some challenges. To help ease this...
Start selling