> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/app-integrations/gempage.md).

# Gempage

{% stepper %}
{% step %}

### **Go to admin app Gempage -> Edit product template**

* Go to Admin app Gempage
* Go to pages
* Select tab Product
* Choose template show app

<figure><img src="/files/NUV4SR90mQNQc9YtAllB" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Add element app**

* In edit builder find Apps -> **GLOBO Color Swatch**&#x20;

<figure><img src="/files/ZzbZov1LR80DzNfmTYJD" alt=""><figcaption><p>Add element app</p></figcaption></figure>
{% endstep %}

{% step %}

### Choose app block type

* <mark style="color:orange;">Show Vairant Swatch App</mark>
* <mark style="color:orange;">Show Group Product As Variants</mark>
* <mark style="color:orange;">Show Product Bundles</mark>
* <mark style="color:orange;">Show Quantity Breaks</mark>

<figure><img src="/files/UTYaTV1CqKrXC8dS1bhE" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Keep variant picker default of Gempage

Our app currently works on Gempage variant picker events. So you need to **show Gempage variant picker** too to work perfectly.

If you have double varant picker in your product, please contact us we will fix it

<mark style="color:orange;">**Show variant picker of Gempage**</mark>

* Click **Add Element**
* Select **Product Swatches** or **Product Variants** -> choose any style variant of Gempage and show

<figure><img src="/files/EyTCitcP06sv5kt7EP51" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### **Save and view live page**

* Click **Save**&#x20;
* **Public** new update to live theme&#x20;
* Go to the product page in frontstore and check if it works
  {% endstep %}
  {% endstepper %}

***

## Troubleshooting

* If the add to cart variant is not correct, please contact us to integrate it with the template you are using.
* For further assistance, please email us at **<contact@globo.io>**