Help Center > GemPages Elements

Base

Style your elements with the Design tab
How to create a Buy It Now button
How to use the Image element
How to add custom code to GemPages by Liquid Element
How to use the Button element
Display text with the Text Block element

Stack

Divide Product descriptions into sections using Tabs or Accordions
Design your page layout with the Row element
How to use the Tab element
How to use the Accordion element
How to create an image slider with the Carousel element

Pop-up

How to use the Popup element

Banner

Wow customers at first sight with the Hero Banner element
Create image comparison slider with Image Before After element

Video

How to use the Video Background element
How to embed a custom video on your page

Product

How To Custom Your Product Display With The Product Module
How to use the Product List element
Upsell and Cross-sell with the Related Products element
Display product source with (P) Vendor element
Display product details with the (P) Description element
Display product quantity with the (P) Quantity element
How to use The (P) Image List Element
Let customers add products to cart with the (P) Cart Button element
Show product options with (P) Variants element
Track product's inventory with (P) SKU element
Display product images with the (P) Image element
Display variations with (P) Swatches element
Display product prices with (P) Price element
Enable direct checkout with the (P) Dynamic Checkout Button element
Reduce content with the (P) View More element
Create a product image slider with the (P) Image List element
How to use the (P) File Upload Element

Booster

Use the Countdown element to create a sense of urgency
How to use the (P) Stock Counter element

Social Media

How to Add Facebook Like & Share element

Form field

How to use the Text Field element
How to use the Contact Form element
How To Add Klaviyo Form To Your Page
Grow your email list with the Newsletter element

Article

Create a list of blog posts with the Article List element