# Integração - Botão na vitrine

### Integre seu GPT Maker com o Curseduca

Siga o passo a passo e configure o seu GPT Maker com o Curseduca.

Primeiramente, iremos fazer login na plataforma do GPT Maker e, em seguida, clicar em 'criar', conforme a imagem:

<figure><img src="/files/rCo1prMlI2u8S175yXKy" alt=""><figcaption><p>GPT Maker</p></figcaption></figure>

Agora que você já criou seu Bot, basta clicar nele!

<figure><img src="/files/pWUoH8rMpDmfy8RW3qOQ" alt="" width="563"><figcaption><p>GPT Maker</p></figcaption></figure>

Em seguida, vamos no menu à esquerda e clicamos em **'widget',** conforme a imagem:

<figure><img src="/files/ElmsKzvhcaB8fS2gF0sB" alt="" width="178"><figcaption><p>GPT Maker</p></figcaption></figure>

Agora, na página de **'configurações do widget'** você irá:

* **Mensagem inicial:** Defina a primeira mensagem do seu 'bot'
* **Controle de acesso:** selecione o **'público'**
* **Incorporar ao site:** vá em **'Iframe'** e copie o **link**' do GPT Maker conforme a imagem:

<figure><img src="/files/lIix2kitDmkrvzpjPwB5" alt="" width="524"><figcaption><p>GPT Maker</p></figcaption></figure>

Prontinho, agora que você pegou o **link**, nós configuraremos ele no Curseduca.

***

## Curseduca - Integração

### Integração - Como colocar o botão do chat na sua vitrine?

Na Home da plataforma, vá para a aba de **'área de membros'**:

<figure><img src="/files/MYncL1M5lJTY4wc8xCv5" alt=""><figcaption><p>Home</p></figcaption></figure>

em seguida clique em **'editar':**

<figure><img src="/files/UKcnnmrAVsrfFnF6ojo6" alt=""><figcaption><p>Home > área de membros > editar</p></figcaption></figure>

Clique no quarto ícone da página:

<figure><img src="/files/l33Pp884kkx7brllMuOd" alt=""><figcaption><p>Home > área de membros > editar</p></figcaption></figure>

Em seguida, você deve clicar neste **'+'** para criar um novo botão:

<figure><img src="/files/4hjKnku2zkKytREDWh4I" alt=""><figcaption><p>Home > área de membros > editar</p></figcaption></figure>

Agora, você irá definir um nome para este botão (pode ser o nome do seu bot), em seguida, clique no **'raiozinho'** que aparece na lateral direita, conforme a imagem:

<figure><img src="/files/Dv9aNHyiE6T1gty8d0NK" alt="" width="509"><figcaption><p>Home > área de membros > editar > criar menu</p></figcaption></figure>

Posteriormente você irá selecionar **'incorporação'**, em seguida você irá colar o **'link de incorporação'** (o link de compartilhamento que copiamos no site do GPT Maker) e depois clique no **'check'**, conforme a imagem:

<figure><img src="/files/ybbm2AhD0MdSYMHBEW4D" alt="" width="521"><figcaption><p>Home > área de membros > editar > criar menu</p></figcaption></figure>

Por fim, você **'seleciona um ícone'** e clica em **'criar'**

<figure><img src="/files/YLf4btlkrx2YRNAPnb2w" alt="" width="490"><figcaption><p>Home > área de membros > editar > criar menu</p></figcaption></figure>

Prontinho, seu botão já foi criado na sua vitrine!

{% hint style="info" %}

#### **NOTA:** Todos os códigos e URLs são para exemplificação da Central de Ajuda. Nenhum código deve ser copiado diretamente da Central de Ajuda, cada plataforma tem o seu. Por isso, siga o passo a passo para obter o seu webhook e ou código/ID de produto.

{% endhint %}


---

# 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://help.curseduca.com/integracoes/gpt-maker/integracao-botao-na-vitrine.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.