Start for free
GemPages version 6 (V6)

Section Designs

Popular Search:make default homepageheader/footerresponsive designresponsive designintegrate COD formloading speed
Menu
Sales Funnel
The 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
EditorEditor
GemPages Overview
An 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
Editor Settings
Use both GemPages Editor V6/V7 or revert to Version 6Enable Editor Full Screen ModeEnable the "Load Only GemPages’ Script" Option
Main Features
GemPages Theme Section & FAQsGlobal StylesImage-to-LayoutTemplate Library V7Auto-Save and Version HistoryLayer TreeLive Text EditorInstant Landing PageBunny FontsImage-to-Layout
Design BaseDesign Base
Layout Designs
Use 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
Responsive Web Design OverviewOptimize the Design for Mobile Which is Not Impacted to Desktop?Show/Hide Element or Section on Each Device?Re-order Columns/Content on Mobile
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 SettingsControl 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
Background Settings
Set Background for Column Inside RowBackground Settings OverviewChange the Page BackgroundSet a Video BackgroundSet Image Background & ColorAdd a Gradient Background
Size & Dimension
Change the Size of ColumnSize & Dimension OverviewChange the Ratio of ImageRecommended Size for Images
Text & Typography
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 ButtonMake an Element Sticky When ScrollMake Animated Add to Cart Button ShakeAdd Overlay on an Image Using the Hero Banner ElementAnimation
Border, Corner & Shadow
Design Circle Image with Border Radius 50%Set Rounded Border for a VideoAdd Border, Corner & Shadow
Pick Link
Create 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
Make a text or image clickableTrigger a Popup to Display with Interactions
ElementsElements
Basic Elements
Video 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
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
Conversion Boosters
Sticky Add-to-Cart ElementCopy & Paste Section/ElementStock Counter ElementDelivery Date ElementComparison Image ElementPopup ElementCopy Coupon Code Button
Collection Elements
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 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?
Homepages
Create 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
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
Edit 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
Landing Pages
Create 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
Create a New Blog Listing Page
Subpages
Create an Advertorial or Listicle PageDesign a Better Contact Us with GemPagesDesign a Better About Us with GemPages
Page OptimizationPage Optimization
Tracking & Analytics
Add Meta Pixel to your Page
Loading Speed
How do images on your page impact loading speed?Enable Lazyload and Preload Your Section and ImageSpeed Up your Page Loading TimeImprove your Page Loading Speed
SEO Optimization
Introducing 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
Run A/B Testing or Split Testing My Page
Previewing & PublishingPreviewing & Publishing
Publish Settings
Unpublish a Live Page from StorePublish SettingsHide Page from Search Engine with No-Index, No-FollowChange the URL Handle of your Page
Previewing
Preview Page on Different Devices
Go Live & Make Default
What 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
Shopify & ThemesShopify & Themes
Shopify & Themes Settings
Remove GemPages Code with the Uninstall SafelyRemove GemPages Code from your ThemeHow GemPages works with your theme?
Headers & Footers
Edit Shopify Header and FooterAdd Footer to your Shopify PageRemove the White Space in the Header and Footer
Cart Drawer
Change to Using Cart Drawer or Slide Cart in Theme
Shopify Data
Where 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
Langwill: Language TranslateTranscy: AI Language Translate
Subscriptions
Recurpay Subscription AppPropel Subscriptions AppSubify Subscriptions AppAppstle SubscriptionsSeal SubscriptionsBold SubscriptionsReCharge Subscriptions
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 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 ReviewsLAI Product Amazon ReviewsRyviu Product ReviewsRivyo Product ReviewsLoox Product ReviewsLoox Reviews CarouselStamped.io Product ReviewsJudge.me Product reviews
Shipping & Payment
Tracktor Order Tracking17TRACK Order Tracking‑PaySyncBird Pickup Delivery DateParcel Panel Order Tracking
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
Troubleshooting and FAQsTroubleshooting and FAQs
Fonts FAQsUpdate your product price and currency formatSet Up a Cart Drawer for your Shopify Page
Accounts and BillingAccounts and Billing
General
Uninstall GemPagesWhat Happens if I Close my Store?
Pricing
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 or Downgrade Plan
Promotions
Is There Any Available Discount Code for Startups?Promotion: “Share Your Success 2024” Campaign
Policies
GemPages Affiliate - FAQsData Retention & Erasure Policy
GemPages version 6 (V6)
Menu
Popular Search:make default homepageheader/footerresponsive designresponsive designintegrate COD formloading speed

Section Designs

Create a Sticky Section

This article will show you how to make a sticky section using Editor V7. With Editor V7, you can create different kinds of sticky sections based on what you need. This article...

Basic settings of a page

This article will take you through the essential steps of handling the basic settings of a page/template with GemPages. To begin, you will need to access your GemPages Dashboard. Upon installing GemPages,...
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