Start for free
GemPages version 6 (V6)

Sales & Marketing

Popular Search:make default homepageheader/footerresponsive designresponsive designintegrate COD formloading speed
Menu
Sales Funnel
How to Change the Landing Page in a GemPages Sales FunnelHow to Link Your Pre-sales Page to the Sales PageIntroducing Sales Pages – A New Addition to GemPages Sales FunnelSales Funnel Dynamic OfferThe Limitations in Designing Post-purchase Pages with GemPagesSales Funnel Dynamic TriggerPost-Purchase Upsell Strategies to Boost Your SalesGemPages 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
EditorEditor
GemPages Overview
Introducing a Smarter Way to Build: The New GemPages EditorHow to Use GemPagesAn Introduction to GemPages V7Install GemPages to your Shopify StoreWhat'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
Editor Settings
Use Both GemPages Editor v6 and v7 or Revert to v6Enable Editor Full Screen ModeEnable the "Load Only GemPages’ Script" Option
Main Features
Download Backup Feature in GemPagesHow to Use the Share Page Feature in GemPagesIntroducing 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 History in GemPagesLayer TreeLive Text EditorInstant Landing Page (Headless)Bunny FontsImage-to-Layout
Design BaseDesign Base
Layout Designs
Convert a Figma Design to an Editable LayoutHow to place Button over an Image?Change the Size of the Hero BannerHow 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
Mobile Designs
Image Shows Differently on Mobile and Desktop ViewHow to Change Text on Mobile OnlyHow to Make Images Larger on Mobile Without Affecting DesktopResponsive Web Design OverviewOptimize the Design for Mobile Which is Not Impacted to Desktop?Show/Hide Element or Section on Each DeviceRe-order Columns/Content on Mobile
Section Designs
Why is My Design Not Showing in Tablet View?Optimize Hero Banner Images for All DevicesHow to Design a Product Details Page with Product Elements in GemPagesDesign Product Color Swatches with the 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 a 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 ElementHero Banner Parallax ElementDesign an Image GalleryDesign Contact Form Section with Contact Form ElementDesign Newsletter Signup Form Using Newsletter ElementDesign "Featured In" Brand Logos ection with Marquee ElementHow to Design an Announcement Bar Section with the Marquee Element in GemPagesCreate a Sticky SectionBasic Settings of a Page
Control SettingsControl Settings
Margin, Padding, Spacing & Alignment
Center the Button TextMargin, Padding, Spacing & Positioning OverviewAdd Negative Margin to An Element or SectionAdd or Remove Spacing Between ElementsChange the Gap Inside ElementHow to Align Elements in GemPagesHow to Set Element Position in GemPagesBring an Element to the Front or Back Using Z-IndexRemove Spacing between Theme Header & Page Content
Background Settings
Set Background for Column Inside RowBackground Settings OverviewChange the Page BackgroundSet a Video BackgroundCustomize the Background Settings (Color, Image, and Video Background)Add a Gradient Background
Size & Dimension
Shopify Blog Image Size: The Complete Guide to Optimal DimensionsShopify Logo Guide: Sizes, Design Tips & How to Add It with GemPagesShopify Product Image Size Guide (2025 Update)Best Shopify Image Banner Size for Desktop & Mobile (2025 Guide)Change the Size of ColumnSize & Dimension OverviewChange the Ratio of ImageRecommended Size for Images
Text & Typography
Set Different Font Sizes on Desktop and MobileHow to Change the Text on the Dynamic Checkout Button?How can I strike through text?Text & Typography Settings OverviewChange Text StylesCopy & Paste TextCan I upload my custom font?Add Link to TextAdd Line Through or Text Strike
Animation & Effect
Change the Hover Styles of ButtonHow to Make An Element Sticky?Make Animated Add to Cart Button ShakeAdd Overlay on an Image Using the Hero Banner ElementAdd Animations to Elements in GemPages
Border, Corner & Shadow
Design Circle Image with Border Radius 50%Set Rounded Border for a VideoHow to Add Borders, Corners, and Shadows in GemPages
Pick Link
How to trigger a popup using a buttonCreate a Link to Scroll to a Specific Section on Your Page
Pick Icons
Pick or Upload Custom Icon
Custom Coding
Customize Style of Element with Custom CSS & Javascript CodeAdd Extra CSS Class to Element
Interaction
Troubleshoot: Interaction Not WorkingMake a text or image clickableTrigger a Popup to Display with Interactions
ElementsElements
Basic Elements
Remove WhatsApp Icon on My HomepageCSS Colors Guide: How to Use CSS to Style Backgrounds in GemPagesVideo Banner ElementLine (Divider) ElementText Block ElementHeading ElementButton ElementImage ElementProduct Add-to-Cart Button ElementIcon Element Icon List ElementVideo ElementSticky Back to Top Element
Layout Elements
Row ElementHero Banner ElementCarousel ElementItem ListAdvanced ListTab ElementAccordion ElementMarquee Element
Product Elements
Add Cart Button Above the Product ImageAdd a Collection to Your Landing PageDisplay Dynamic Product Content in GemPagesTag Product as “Sold Out” in GemPagesProduct 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 ElementDynamic Checkout Button ElementProduct Custom Field ElementProduct Variants and Swatches ElementCountdown Timer Element
Conversion Boosters
Sticky Add-to-Cart ElementCopy & Paste Section/ElementStock Counter ElementDelivery Date ElementComparison Image ElementPopup ElementCopy Coupon Code Button
Collection Elements
How to add an Add-To-Cart Button from a Collection Page?Collection Banner ElementCollection Title ElementCollection Description ElementCollection Paginator Element
Blog & Article Elements
Article List ElementArticle Title ElementArticle Image ElementArticle Excerpt ElementArticle Content ElementArticle Date ElementArticle Author ElementArticle Category ElementArticle Tag ElementCollection Toolbar ElementArticle Read More Element
Form Elements
Contact Form ElementNewsletter ElementCheckbox ElementText Field ElementEmail Field ElementText Area ElementSubmit ButtonDropdown Element
Advanced Elements
Shopify App ElementCustom Code ElementBreadcrumb Element
Page DesignsPage Designs
General
Create a Social Sharing section on Your PageHow to Set the Shopify Social Preview Image (OG Image) in Shopify and GemPagesHow to Display Products in Bestselling Order Using GemPagesHow to Change a Hamburger Menu to a Static Horizontal MenuHow to Create a Digital Products Store on Shopify and GemPagesHow to Use Complementary Products in Shopify & GemPagesHow to Use CSS Gradients for Backgrounds in Shopify & GemPagesHow to Trigger a Popup via HyperlinkHow to Create a Shopify Print on Demand Store with GemPagesHow to Create a Shopify Slider on Mobile with GemPages V7Understanding the Shopify Page LimitShopify Status Page: What It Is and Why It Matters (for GemPages Users)Create a Shipping Progress Bar in GemPagesCreate a Shopify One-Product Store with GemPagesHow to Create a Video Pop-UpHow to Add a YouTube Short to Your Shopify PageHow to Convert a Collection Page to Another Page TypeHow to Customize Your Shopify Checkout PageHow to upload a transparent logo?How can I duplicate a page?How to Create a New Page in GemPagesEdit 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 SectionImport/Export a Page from Another Shopify Store
Homepages
Use My Homepage as the Product PageHow to Set Your Landing Page as the HomepageCreate a New HomepageReplace Default Homepage with GemPages HomepageAdd Instagram Feed to Homepage with InstafeedLink Button to Product Detail Page with Product View More ElementCreate a Featured Collection List Section with Hero Banner Element
Collection Pages
Troubleshoot: Collection Not Showing on GemPages Collection PageHow To Assign a Collection to a Collection PageReplace your Default Collection Page with GemPages Collection TemplateDynamically Display Collection Banner Based on Each CollectionAdd Collection Pagination with Collection Paginator ElementHow to Create Product List with Prodct List ElementCreate a Collection Toolbar with GemPagesHow to Add a Product List Using the Product List Element in GemPagesCreate a New Shopify Collection Page
Product Pages
Create a “Remind me when it’s back in stock” MessageCreate a Popup on The Product PageAdd Cart Button Above the Product ImageHow to Add Product Recommendation on Shopify & GemPagesHow to Mark Products as Sold Out with GemPages on ShopifyHow to Change Shipping Cost/Set Postage Cost on ShopifyDesign Video Layout for Product PageHow to Update All Product Pages using Product Page Template?Delete a Section from Your 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 GemPagesHow to Make a Product Page Using GemPages TemplatesHow to Edit Shopify Default Product Page with GemPagesAdd Shopify Reviews & Star Ratings to Your Product PageHow to 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 ButtonHow to Create 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 Products to a Template in GemPagesReplace your Default Product Page with GemPages Product PageHow to Add Product Metafields to Your Shopify PageCreate a Product BundleEmbed a Custom Video on your Page
Landing Pages
Create Multiple Advertorial Pages for the Same ProductBuild a Landing Page for Digital ProductsDesign an Email Subscription Section on Your Landing PageCreate a Click-Through Landing Page (CTP)Change a Landing Page to a Product PageCreate a Lead Gen Landing Page
Instant Landing Pages
Use Subdomain for Instant Landing Page (Headless)Add Klaviyo Form To Instant Landing PageAdd Yotpo Loyalty & Rewards Form To Instant Landing PageAdd Judge.me Public Token to Instant Landing Pages
Blog Posts
How to Add a Blog Review Section to Your Blog Post PageEdit Existing Blog Post with GemPagesCreate a New Blog PostCreate a New Blog Listing Page
Subpages
Add an Appointment Booking PageDesign a Shopify FAQs pageHow to Create a Coming Soon Page?How to Create an FAQ Page for Your Shopify Store with GemPagesHow to Create a Testimonial Page on Shopify Using GemPagesDesign a Shopify About Us pageCreate an Advertorial or Listicle PageDesign a Better Contact Us with GemPagesDesign a Better About Us with GemPages
Page OptimizationPage Optimization
Tracking & Analytics
How to Add Meta Pixel to Your Shopify StoreAdd Tracking Apps to Instant Landing Pages
Loading Speed
How do images on your page impact loading speed?Enable Lazyload and Preload Your Section and ImageSpeed Up Your Page Loading TimeHow to Improve Your Shopify Page Loading Speed
SEO Optimization
How to Change Page Title in ShopifyIntroducing GemPages SEO Checker Integrated with AvadaImprove your Store’s On-Page SEO
Language Translation
How to Translate GemPages from English to Different Languages
A/B Testing
How to Run A/B Testing (Split Testing) with GemX
Previewing & PublishingPreviewing & Publishing
Publish Settings
Access my Created Pages in GemPages EditorUnpublish a Live PagePublish SettingsHow to Hide a Page from Search Engines (No-Index & No-Follow)Change the URL Handle of your Page
Previewing
Share a Preview of a Product PageHow to preview the product page with my products from Shopify?Preview Page on Different Devices
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 StoreUse a GemPages Product Page Template for All Products in Your Shopify 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 MenuUnable to Publish my PageUnpublish a Page Designed with GemPagesLink your Menu Items to Shopify's Header and Footer
Shopify & ThemesShopify & Themes
Shopify & Themes Settings
How to Center Text in CSS in ShopifyHow to Customize Shopify Search PageHow to Use Shopify TagsChange a Favicon in ShopifyRemove GemPages Code with the Uninstall SafelyRemove GemPages Code from your ThemeHow GemPages works with your theme?
Headers & Footers
Create a Mega Menu for My Shopify StoreCreate a Custom Navigation on ShopifyHide the Header and Footer on GemPages PagesEdit Shopify Header and FooterHow to Create and Add a Custom Footer to Your Shopify Pages?Remove the White Space in the Header and Footer
Cart Drawer
How to add an Add-To-Cart Button from a Collection Page?Change to Using Cart Drawer or Slide Cart in Theme
Shopify Data
How to Add and Display Variant Metafields in GemPagesHow to Change CSS Text Size in ShopifyImage Editor for ShopifyAdd Shopify SKUs for My ProductsEnable Apple Pay for My Shopify StoreHow to Set Up Automatic Discounts in My ShopifyShopify Inventory: How to Manage and Track Stock EffectivelyProtect Forms from Spam and Bots in GemPagesWhere is the Data Saved After Visitors Submit a Form?Grant Shopify Collaborator Access for TroubleshootingShopify Translate & Adapt
App IntegrationsApp Integrations
Discounts
BOGO+ Buy X Get Y & Free GiftKite: Free Gift & DiscountPumper Bundles Volume DiscountBOGOS.io Free Gift, Discounts & Bundles
Currency and Translation
Translate Spanish to English in ShopifyHow to Fix the Reference Text Not Showing in Translate & Adapt AppT Lab - AI Language TranslateLangwill: Language TranslateTranscy: AI Language Translate
Subscriptions
Recurpay Subscription AppPropel Subscriptions AppSubify Subscriptions AppLoop SubscriptionsAppstle SubscriptionsSeal SubscriptionsBold SubscriptionsReCharge Subscriptions
Conversion
Hextom: Countdown Timer BarSEOAnt ‑ Sticky Add To CartBest Buy FullfilmentStarApps 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 & Quantity BreaksSimple 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 BOGO & Free GiftWiser Product RecommendationCross Sell & Upsell by SSCqikify Sales Pop up & ProofBundler - Product BundlesFrequently Bought TogetherWide Bundles - Quantity Breaks
Reviews
Klaviyo ReviewsOkendo: 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.io Product Reviews AppFera Product ReviewsLAI Product Amazon ReviewsRyviu Product ReviewsRivyo Product ReviewsLoox Product ReviewsLoox Reviews CarouselStamped.io Product ReviewsJudge.me Product reviews
Shipping & Payment
Hextom: Free Shipping BarStellar Delivery Date & PickupTracktor Order Tracking17TRACK Order Tracking‑PaySyncBird Pickup Delivery DateParcel Panel Order Tracking
Store Designs
Shopify Forms AppKiwi Size Chart & RecommenderGLO Color Swatch & BundlesProtect Forms from Spam and Bots in GemPagesEssential 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
TrustedSite ‑ Trust Badges ES Back in Stock Notify Me!How to Integrate Microsoft Clarity with ShopifyAlso 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 NotificationsSearchPie: SEO, Speed & SchemaKlarna Onsite MessagingMailchimp Email MarketingOmnisend Email Marketing & SMSInstafeed
Troubleshooting and FAQsTroubleshooting and FAQs
Troubleshoot: Interaction Not WorkingTroubleshooting: Error MessagesHow to Access Your Published Pages Built with GemPages?Troubleshoot: Collection Not Showing on GemPages Collection PageMy design does not look good on mobileWhy Is My Variant Picture Not Showing When I Select It?Apps Are Not Showing on My GemPages Page – TroubleshootingTroubleshoot: Video Not Playing on Mobile DevicesTroubleshoot: My Pages Look Inconsistent Across DevicesGemPages Page Not Saving Changes - TroubleshootingCan't Preview Store on Shopify - TroubleshootingCart Drawer Doesn't Show on Shopify – TroubleshootingTroubleshoot: My 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 formatHow to Set Up a Shopify Cart Drawer with GemPages
Accounts and BillingAccounts and Billing
General
Uninstall GemPagesWhat Happens if I Close My Shopify Store?
Pricing
Pricing Plans and FAQs (2025 Updated)Do you offer page-building service?How Many Published Slots Does the Build Plan Have?New Pricing Plans & FAQs (2024)Select Right GemPages PlanRequest a RefundUpgrade and Downgrade GemPages Plan
Promotions
Terms and Conditions – Black Friday & Cyber Monday 2025Terms and Conditions - Mother’s & Father’s Day Promotion 2025Is There Any Available Discount Code for Startups?Promotion: “Share Your Success 2024” Campaign
Policies
GemPages Affiliate - FAQsGemPages Data Retention & Erasure Policy
Landing Pages
How can I change the URL of my landing page?
Release Note
C‑EDD: Estimated Delivery Date
GemPages version 6 (V6)
Menu
Popular Search:make default homepageheader/footerresponsive designresponsive designintegrate COD formloading speed

Sales & Marketing

TrustedSite ‑ Trust Badges 

This article shows you how to integrate the TrustedSite ‑ Trust Badges app with GemPages to elevate your store’s performance. Note: For optimal functionality, please upgrade to version 7 of GemPages. About...

ES Back in Stock Notify Me!

This article shows you how to integrate the ES Back in Stock Notify Me! app with GemPages to elevate your store’s performance. Note: For optimal functionality, please upgrade to version 7 of...

How to Integrate Microsoft Clarity with Shopify

Learn how to set up Microsoft Clarity on your Shopify store in minutes. Get session recordings, heatmaps & user insights—perfect for GemPages users. What is Microsoft Clarity? Microsoft Clarity is a free...

Also Bought CBB

This article reveals how to integrate the Also Bought CBB app with GemPages to elevate your store’s performance. Note: For optimal functionality, please upgrade to version 7 of GemPages. About Also Bought...

Conversion Bear Trust Badges

This article reveals how to integrate the Conversion Bear Trust Badges app with GemPages to elevate your store’s performance. Note: For optimal functionality, please upgrade to version 7 of GemPages. About Conversion...

Seguno Email Marketing

This article reveals how to integrate the Seguno Email Marketing app with GemPages to elevate your store’s performance. Note: For optimal functionality, please upgrade to version 7 of GemPages. About Seguno Email...

AfterShip Email Marketing, SMS 

This article reveals how to integrate the AfterShip Email Marketing, SMS app with GemPages to elevate your store’s performance. Note: For optimal functionality, please upgrade to version 7 of GemPages. About AfterShip...

Instagram Feed IG ‑ InstaSell

This article will guide you through how to integrate the Instagram Feed IG ‑ InstaSell app with GemPages to boost your store’s performance. Note: For optimal functionality, please upgrade to version 7...

Hulk Form Builder

This article will guide you through how to integrate the Hulk Form Builder app with GemPages to boost your store’s performance. Note: For optimal functionality, please upgrade to version 7 of GemPages....

Willdesk: Live Chat&AI Chatbot

This article shows you how to integrate the Willdesk: Live Chat&AI Chatbot app with GemPages to elevate your store’s performance. Note: For optimal functionality, please upgrade to version 7 of GemPages. About...
GemPages version 6 (V6)
Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store Start using GemPages
Popular Search:make default homepageheader/footerresponsive designresponsive designintegrate COD formloading speed