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
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
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] Font manager
This article introduces you to the Font manager and how to use them to add more font choices to your page. What is the Font manager? In GemPages, all text-based and button-based...
[V6] Switch Between your Original and Designed Homepage
By default, your Online Store’s Homepage will use the theme template. This article will guide you through the steps to replace it with the Homepage you just created using GemPages and vice...
[V6] Create an FAQ Page
This article will guide you through the steps to create an FAQ page using GemPages. What is an FAQ page? As the name stands for Frequently Asked Questions, an FAQ page works...
[V6] Image Element – FAQs
This article will cover the most common questions about the Image element. Recommended Formats for Image element GemPages supports .jpeg, .jpg, .png, .svg, .avif, and .gif formats, which are compatible with all browsers....
[V6] (P) Swatches element
In this article, you’ll learn about all the settings and how-to-use of the (P) Swatches element. Important note: The (P) Swatches element is a child element of the Product module, meaning it...
LAI Product Amazon Reviews
In this article, we’re going to learn how to integrate LAI Product Amazon Reviews on GemPages to help you collect and display the product’s reviews. Install LAI Product Amazon Reviews on the Shopify...
[V6] Heading element
In this article, we’ll go over one of the basic elements of GemPages to display heading – the Heading element. Check out this video for a quick glance at GemPages Heading element....
Mailchimp Email Marketing
This article will instruct you on how to add Mailchimp to GemPages by Embedding the HTML snippet. Mailchimp is well-known as an all-in-one Marketing Platform for small businesses. If you have been...
[V6] Contact Form element
This article will help you understand what a contact form is and how to use the Contact Form element in GemPages. What is the Contact Form element? A contact form is a...
Row Element
This article will help you understand what the Row element is and how to organize your page with it in GemPages. Check out this video for a quick introduction to the Row...
Start selling