# 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. Para iniciar, acesse seu ambiente como instrutor ou administrador e clique no botão **Grupo de acessos,** conforme imagem abaixo:

Em seguida, seremos direcionados para a página **Grupo de acesso** e, devemos clicar escolher o Grupo a qual desejamos integrar, conforme mostra a imagem:

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

Em seguida, a aba de "**editar grupo de acesso**" se abrirá e você irá clicar em **integrações**, conforme mostra:

Home > Grupo de acesso > editar > integrações

Agora, vamos **+Adicionar nova integração** clicando no botão:

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

Depois de copiar a URL do Webhook, clique em **+Adicionar integração ao grupo de acesso**, conforme a imagem:

Pronto, a primeira parte da integração foi feita. Agora, vamos configurar a Webhook na **HeroSpark!**

### HeroSpark - Configuração do Webhook * Agora, em outra aba, acesse a sua conta do **HeroSpark** (), no menu localizado a esquerda de sua tela, clique em **'Piloto Automático'**:\

Agora, clique em **'Usar modelos de automação'**:

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

Após a seleção do modelo de automação você deve clicar em **'usar este modelo'**: ![](https://2164836145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LtoLBvE-NBxibKO0U39%2Fuploads%2FmwORaHMjPK0b5dGvycEs%2Fimage.png?alt=media\&token=534b8410-f68d-4907-a858-769a7e83ae8a)\ \ \ Agora, será necessário que você selecione a opção **'Gerar um Webhook'** e depois clicar em **'OK. Entendi!'**

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

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 **Curseduca.** * **Método:** selecione a opção POST

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:

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

Exemplo do campo 'Body' (copie e cole)

``` { "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 }}" } ```

**Diferente das outras plataformas, a HeroSpark necessita que você emita um webhook para cada evento que você desejar.** Para finalizar, clique em 'Salvar edição'

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:

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):

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. **Exemplo:** Se este é o seu link> `https://pay.herospark.com/javascript-10-conceitos-basicos-para-iniciantes-`**`204147`** `Logo o ID do produto será: 204147`

### Curseduca - Configuração do Produto Agora vamos cadastrar a ID do produto da **HeroSpark** no **Curseduca****!** Vamos voltar lá na tela de integrações do Grupo de acessos, conforme a imagem, e vamos em **+Adicionar referência externa**

Agora, você irá incluir na **referência externa** o número do ID coletado no produto da **HeroSpark**, em seguida, basta **'salvar'**.

Prontinho! Sua integração foi realizada. *** ## Ainda com dúvida? Assista ao tutorial em vídeo {% embed url="" %} 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 %}