# HeroSpark

### Introduçã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.&#x20;

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

<figure><img src="/files/cfQZ7SQLdN02AVdR79Ei" 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 **HeroSpark**. De acordo com o print:

<figure><img src="/files/wE5yE7OH0rFQ2MtXACvT" 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/3fWC8Ymwbz9C2r7fhUNw" 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 na **HeroSpark!**

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

### HeroSpark - Configuração do Webhook

* Agora, em outra aba, acesse a sua conta do **HeroSpark** (<https://app.herospark.com/home>), no menu localizado a esquerda de sua tela, clique em **'Piloto Automático'**:\
  &#x20;                                                   &#x20;

  <figure><img src="/files/2EzfEwiGGmuGdyBoWPid" alt="" width="182"><figcaption><p>Herospark</p></figcaption></figure>

Agora, clique em **'Usar modelos de automação'**: <https://app.herospark.com/automations/>

<figure><img src="/files/5zaK5VVneHpXc2wu1woX" alt=""><figcaption><p>Herospark</p></figcaption></figure>

Em seguida, selecione um modelo de automação de sua escolha, ele deve estar listado entre os modelos de automação suportados pelo Curseduca, que são os eventos de checkout/pagamento!

* Boleto vencido
* Pix Vencido
* Cartão de credito recusado
* Pagamento Inadimplente
* Assinatura cancelada pelo cliente
* Assinatura cancelada pelo sistema e/ou produtor
* Estorno através da operadora de cartão
* Estorno feito pelo produtor

<figure><img src="/files/wenbdR4jV3feAWFJd9CX" alt=""><figcaption><p>Herospark</p></figcaption></figure>

Após a seleção do modelo de automação você deve clicar em **'usar este modelo'**:

&#x20;                                                                      ![](/files/YOfgw7RFMOZNdEHDNHGv)\
\
\
Agora, será necessário que você selecione a opção **'Gerar um Webhook'** e depois clicar em **'OK. Entendi!'**                                                              <br>

<figure><img src="/files/v4c1q1CCiLkWssI7T9ED" alt="" width="463"><figcaption><p>Herospark</p></figcaption></figure>

Na parte superior, se atende em deixar a automação ativada, conforme a imagem:

<figure><img src="/files/An5zZWstuFRu8gmFnpku" alt=""><figcaption></figcaption></figure>

Agora, você irá preencher os seguintes campos:

* **Filtro de disparo:** Fica a seu critério, porém indicamos que selecione **'aplicar em todos os produtos'**
* **Edição de webhook:** Aqui, é a URL do webhook que copiamos na página do <mark style="color:blue;">**Curseduca.**</mark>
* **Método:** selecione a opção POST

<figure><img src="/files/zt9XVzGvUW3hpqvKhEWE" alt="" width="563"><figcaption><p>Herospark</p></figcaption></figure>

No campo '**Headers'** será preciso realizar a seguinte alteração, na área denominada **'Body'** será de extrema importância que você siga rigorosamente o exemplo da imagem abaixo:

<figure><img src="/files/uDz64VzQwrC7IXrTnh0W" alt="" width="561"><figcaption><p>Herospark</p></figcaption></figure>

Caso você tenha alguma duvida em configurar o **'Body'** basta copiar o exemplo que segue:

<details>

<summary>Exemplo do campo 'Body' (copie e cole)</summary>

```
{
	"offer_id": "{{ offer_id }}",
	"buyer_name": "{{ buyer_name }}",
	"offer_kind": "{{ offer_kind }}",
	"product_id": "{{ product_id }}",
	"school_url": "{{ school_url }}",
	"buyer_email": "{{ buyer_email }}",
	"buyer_phone": "{{ buyer_phone }}",
	"offer_price": "{{ offer_price }}",
	"offer_title": "{{ offer_title }}",
	"school_name": "{{ school.name }}",
	"payment_date": "{{ payment_date }}",
	"product_name": "{{ product_name }}",
	"offer_discount": "{{ offer_discount }}",
	"payment_method": "{{ payment_method }}",
	"payment_status": "{{ payment_status }}",
	"buyer_phone_raw": "{{ buyer_phone_raw }}",
	"net_value_cents": "{{ net_value_cents }}",
	"buyer_document_id": "{{ buyer_document_id }}",
	"buyer_document_type": "{{ buyer_document_type }}"
}
```

</details>

**Diferente das outras plataformas, a HeroSpark necessita que você emita um webhook para cada evento que você desejar.**

&#x20;Para finalizar, clique em 'Salvar edição'

<figure><img src="/files/XjT7bX9Uq19LQ2meFJgf" alt=""><figcaption><p>Herospark</p></figcaption></figure>

Prontinho, integração criada! Feito isso, agora vamos liberar o produto comprado. Certo?

***

### Integração do produto

Seu membro fez uma compra na **HeroSpark** e agora você precisa liberar este produto? Certo, aprenda aqui o passo a passo.

Continuando na plataforma da **HeroSpark**, vamos clicar no menu à esquerda e ir em '**meus produtos'.** Ou, você pode também acessar a aba de produtos pelo link: <https://app.herospark.com/sparkmembers/products/>

<figure><img src="/files/W4Gb68KE1dsd0GMokqMk" alt="" width="165"><figcaption><p>Herospark</p></figcaption></figure>

Acesse a página de produtos, procure pelo conteúdo em questão e clique em **'Link de vendas e ofertas'**, conforme a imagem (criamos um conteúdo teste, apenas para ilustrar):&#x20;

<figure><img src="/files/QjoIqpxWOjfyOHK5LTmk" alt=""><figcaption><p>Herospark</p></figcaption></figure>

Agora nós vamos copiar o **ID** do produto, conforme a imagem. O ID do produto são os números finais que aparecem no link da 'oferta', conforme a imagem.&#x20;

**Exemplo:**&#x20;

Se este é o seu link> `https://pay.herospark.com/javascript-10-conceitos-basicos-para-iniciantes-`**`204147`**

`Logo o ID do produto será: 204147`

<figure><img src="/files/QChbu7UN1KYFep8KH9i9" alt="" width="239"><figcaption><p>Herospark</p></figcaption></figure>

### Curseduca - Configuração do Produto

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

Vamos voltar lá na tela de integrações do Grupo de acessos, conforme a imagem, e vamos em <mark style="color:blue;">**+Adicionar referência externa**</mark>&#x20;

<figure><img src="/files/kXvmr51khPddrTrFZclW" 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 número do ID coletado no produto da **HeroSpark**, em seguida, basta **'salvar'**.

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

Prontinho! Sua integração foi realizada.

***

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

{% embed url="<https://drive.google.com/file/d/1bcZXRrbT-G4UNwFMUOBYTHvAzzLt8QMi/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/herospark.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.
