# GemPages

GemPages is a powerful, conversion-focused page builder designed to enhance your Shopify stores. With over 80 conversion-optimized templates and AI-powered layout generation from images or URLs, GemPages offers an effortless way to design a unique, branded online store.&#x20;

**GemPages key features:**

* All page types: Home, Product, Collection, FAQ, Blog Posts, and Landing Pages
* Stunning mobile-friendly templates that work with the latest Shopify themes
* Built-in sales boosters: Countdown, Stock Counter, Bundles, Before & After
* Minimalized building effort: Turn images/URLs into layouts in seconds with AI
* Enhanced productivity: Global Style, Product Assignment, Theme Sections and more

{% hint style="info" %}
The integration between BOGOS and GemPages allows dynamic offer placement and customization.
{% endhint %}

## How to Install GemPages

**Step 1:** Install GemPages from the [Shopify app store](https://gempages.net/?ref=xwcvw2rs).

<figure><img src="https://1174860429-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBQEzvXIQmpPrTmxjT8T6%2Fuploads%2FwiAVbYyiqlP5IUwZ8RX2%2Fbogos.jpg?alt=media&#x26;token=76204afd-4d1d-464e-8d8b-145b63c75ddb" alt=""><figcaption></figcaption></figure>

**Step 2:** Create a new page with this [guide from GemPages](https://help.gempages.net/articles/create-new-page).

**Step 3:** Open the GemPages editor and search for the app element. Drag and drop the element onto the design area.

<figure><img src="https://1174860429-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBQEzvXIQmpPrTmxjT8T6%2Fuploads%2FyNKK134JdBYyK51IICEm%2Fimage.png?alt=media&#x26;token=b2e66df0-529b-4c72-937d-17f83c265753" alt=""><figcaption></figcaption></figure>

**Step 4:** Within each element, you’ll find four widget choices:

* [Gift icon](https://bogos-guideline.gitbook.io/user-guide/user-guide/customize/customize-gift-icon-and-gift-thumbnail)
* [Gift thumbnail](https://bogos-guideline.gitbook.io/user-guide/user-guide/customize/customize-gift-icon-and-gift-thumbnail)
* [Gift slider](https://bogos-guideline.gitbook.io/user-guide/user-guide/customize/customize-gift-slider)
* [Cart message](https://bogos-guideline.gitbook.io/user-guide/user-guide/customize/customize-cart-message)
* [Quantity break](https://bogos-guideline.gitbook.io/user-guide/user-guide/discount-offer/create-quantity-break)
* [Classic bundle](https://bogos-guideline.gitbook.io/user-guide/user-guide/bundle-offer/create-classic-bundle)
* [Mix and match](https://bogos-guideline.gitbook.io/user-guide/user-guide/bundle-offer/create-mix-and-match-bundle)

Select the widgets that suit your needs. Once chosen, your page will automatically update to reflect the new layout, just like the below example.

<figure><img src="https://1174860429-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBQEzvXIQmpPrTmxjT8T6%2Fuploads%2F8GEzC8i3HKvtDaGdbJiB%2Fimage.png?alt=media&#x26;token=3483014b-7014-47ce-ac5f-dc96b837907e" alt=""><figcaption><p>Before: Default gift slider</p></figcaption></figure>

<figure><img src="https://1174860429-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBQEzvXIQmpPrTmxjT8T6%2Fuploads%2F0z4Jr87hMMyNsLwws955%2Fimage.png?alt=media&#x26;token=65d9d46e-f89d-456f-98e2-b00d563265ed" alt=""><figcaption><p>After: Gift slider widget on new page</p></figcaption></figure>
