# Hubla

### Como funciona a integração

Através desta integração, as compras realizadas serão liberadas na sua Área de Membros do Curseduca.

### Configurando a integração

Vamos ao passo a passo para configurar a sua integração de pagamento com o Curseduca. 

Para iniciar, acesse seu ambiente como instrutor ou administrador e clique no botão <mark style="color:blue;">**Grupo de acesso,**</mark> conforme imagem abaixo:

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

Em seguida, seremos direcionados para a página <mark style="color:blue;">**Grupo de acesso**</mark> e, devemos clicar escolher o Grupo a qual desejamos integrar, conforme mostra a imagem:

<figure><img src="/files/GPG5WYbFv3J4lmlzwYJf" alt=""><figcaption><p>Home > Grupo de acesso </p></figcaption></figure>

Na mesma aba, vamos editar o grupo escolhido. Para isso, basta clicar no botão, conforme mostra a imagem:

<figure><img src="/files/m9m4jvKbXakRBFJy5bW5" alt=""><figcaption><p>Home > Grupo de acesso > editar </p></figcaption></figure>

Em seguida, a aba de "**editar grupo de acesso**" se abrirá e você irá clicar em <mark style="color:blue;">**integrações**</mark>, conforme mostra:

<figure><img src="/files/035TJupBO2G7uIRAuRS1" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

Agora, vamos <mark style="color:blue;">**+Adicionar nova integração**</mark> clicando no botão:

<figure><img src="/files/YdyhmVUbdGh6gUpJEJUM" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

Em seguida copiaremos a "URL do Webhook" da plataforma escolhida, no caso, a **Hubla**. De acordo com o print:

<figure><img src="/files/LZ0X6UuHqbsykPqhNAKo" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

Depois de copiar a URL do Webhook, clique em <mark style="color:blue;">**+Adicionar integração ao grupo de acesso**</mark>, conforme a imagem:

<figure><img src="/files/2nqP23pMKPLbq9juNDuw" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

Pronto, a primeira parte da integração foi feita. Agora, vamos configurar a Webhook da <mark style="color:green;">**Hubla**</mark>.

<figure><img src="/files/6wuDdkAmE979RspTAzhe" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

***

### Hubla - Configuração do Webhook

Agora, em outra aba, acesse a URL <https://app.hub.la/dashboard#integrations> ou vá no menu à esquerda, no site da **Hubla**, e acesse a página de integrações. Conforme a imagem:

<figure><img src="/files/tFvrvuRZGspo0kUemPq9" alt="" width="222"><figcaption></figcaption></figure>

2 - Em seguida, navegue até  **Webhooks** e clique em **Configurar**

<figure><img src="/files/hRp4bzPGpveQfCaanZiV" alt=""><figcaption><p>Hubla</p></figcaption></figure>

3 - Logo depois, você deverá ativar a integração, conforme mostra a seguir:

<figure><img src="/files/CS1xy3MqEU1TfYjt5Klk" alt=""><figcaption><p>Hubla</p></figcaption></figure>

4 - Depois, clicamos em **configurar**:

<figure><img src="/files/8PF0y6x8yqdIYvuHRdhu" alt=""><figcaption><p>Hubla</p></figcaption></figure>

5 - Em seguida vamos em **adicionar regra**, conforme mostra:

<figure><img src="/files/tJ0Fv5S1Yulr8wOHRrxf" alt=""><figcaption><p>Hubla</p></figcaption></figure>

Agora, você irá preencher os seguintes campos

* **Nome:**  Escolha um nome da sua preferência
* **URL** : Aqui, é a URL do webhook que copiamos na página do <mark style="color:blue;">**Curseduca**</mark>, lembra?
* **Produtos:** você deve selecionar os produtos sobre os quais você quer que o <mark style="color:green;">**Hubla**</mark> notifique o <mark style="color:blue;">**Curseduca**</mark> (Recomendamos que você selecione <mark style="color:blue;">**todos os produtos**</mark>).&#x20;
* **Eventos:** São as eventualidades que podem ocorrer e que fará com que o <mark style="color:green;">**Hubla**</mark> envie uma notificação ao <mark style="color:blue;">**Curseduca**</mark>, por exemplo: compra aprovada, compra reembolsada, compra vencida, cancelamento de assinatura, mudança de plano, entre outros. Indicamos que você selecione <mark style="color:blue;">**TODOS.**</mark>

<figure><img src="/files/D18sNfIH55iQl8xm4ZYd" alt="" width="459"><figcaption><p>Hubla</p></figcaption></figure>

Por fim, clique em Criar **regra.**

Feito isso, agora vamos liberar o produto comprado. Certo?

***

### Integração do produto

Seu membro fez uma compra na <mark style="color:green;">**Hubla**</mark> e agora você precisa liberar este produto? Certo, aprenda aqui o passo a passo.

Continuando na plataforma da <mark style="color:green;">**Hubla**</mark>, vamos clicar nas figuras geométricas à esquerda e ir em **produtos.** Ou, você pode também acessar a aba pelo link: <https://app.hub.la/dashboard#products>

<figure><img src="/files/wCbEv3QNQdbwaj00U9iy" alt="" width="229"><figcaption><p>Hubla</p></figcaption></figure>

Agora, você irá clicar no produto desejado, conforme mostra a imagem. (Lembrando que, nosso produto "Curso Iniciante" foi criado apenas para usarmos de exemplo).

<figure><img src="/files/3Czb8ruI0HOA12RgzGZq" alt=""><figcaption><p>Hubla</p></figcaption></figure>

Após entrarmos na configuração do produto dentro da <mark style="color:green;">**Hubla**</mark>, iremos pegar o código do checkout, usaremos somente o código que fica após  "<https://hub.la/g/>" com base no print abaixo, o código que usaremos será: UqTNzXvEgKfhUQF189PX

<figure><img src="/files/crc16tl7oAkztC8G03hG" alt=""><figcaption><p>Hubla</p></figcaption></figure>

Após pegar este código iremos configurar dentro do produto correspondente no <mark style="color:blue;">**Curseduca**</mark>, abaixo explicaremos detalhadamente este passo a passo.

### Curseduca - Configuração do Produto

Agora vamos cadastrar a ID do **conteúdo** no <mark style="color:blue;">**Curseduca**</mark>**!**

Vamos voltar lá na tela de integrações de Grupo de acessos do <mark style="color:blue;">**Curseduca**</mark>, conforme a imagem:

<figure><img src="/files/UWpKxRJ0bxtUZcbTBTBR" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

Agora vamos clicar na <mark style="color:blue;">**setinha**</mark> ao lado da Integração, conforme mostra a imagem:

<figure><img src="/files/adudeUOVC6VXD763AIVX" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

Depois de clicar na setinha, vamos em <mark style="color:blue;">**+Adicionar referência externa**</mark>&#x20;

<figure><img src="/files/PPbCI48QEdCuXsZOOQ80" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

Agora, você irá incluir na <mark style="color:blue;">**referência externa**</mark> o código coletado no produto da <mark style="color:green;">**Hubla**</mark>. Nesse caso, o código é *`"UqTNzXvEgKfhUQF189PX"`*. Conforme segue a imagem:

<figure><img src="/files/FVlFnF5bJmNQFAh5SApJ" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

Agora é só <mark style="color:blue;">**salvar**</mark>!

<figure><img src="/files/EB6aH7zzGT7Jhs63HeTj" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

Prontinho! Sua integração foi realizada.

{% hint style="info" %}
Lembrando que, caso você queira adicionar um novo produto e ou oferta, você pode adicionar uma nova <mark style="color:blue;">**referência externa**</mark>, conforme imagem:&#x20;
{% endhint %}

<figure><img src="/files/uU2aYT1l8nxXWom9Iej0" alt=""><figcaption><p>Home > Grupo de acesso > editar > integrações</p></figcaption></figure>

***

## Ainda com dúvida? Assista ao tutorial em vídeo

{% embed url="<https://drive.google.com/file/d/1dZAOPYF6ak2RwX9wbrcpWuf3wZZRokM2/view?usp=sharing>" %}
Tutorial em vídeo
{% endembed %}

{% hint style="danger" %}
Informamos que: não oferecemos suporte a este checkout para a compra de múltiplos produtos em uma única transação.
{% endhint %}

{% 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 o código 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/hubla.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.