# 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, visit our [Help Center](https://globo.io/kb/) or contact our support team.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.globo.io/app-integrations/gempage.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.