> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.themembers.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como fazer a integração com a HeroSpark?

Neste artigo vamos te mostrar como realizar a integração com a HeroSpark: 

É importante que a leitura seja minuciosa nesta integração pois ela demanda passos bem específicos para funcionar corretamente!

**IMPORTANTE:** A nossa integração com a Herospark **não engloba produtos de Order Bump**, apenas os produtos principais. No momento não recebemos a tecnologia necessária por parte da Herospark para conseguirmos integrar produtos de Order Bump.
 
**OBS: essa integração não suporta período trial.**
****  
# PASSO 1.
* Clique em Produtos > Localize o produto que quer integrar e clique nele > Editar 

* Copie o número informado na URL após a products/

* Cole no campo de ID de produto no gateway dentro do dashboard da The Members

[Como criar um produto ou oferta na plataforma?](https://ajuda.themembers.com.br/pt-br/article/como-criar-um-produto-ou-oferta-na-plataforma-trmlmf/)

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/screenshot1_qbu1bq.png)
# PASSO 2.
* Clique em Piloto Automático; 

* Clique em Usar Modelo de Automação;

* Selecione o modelo "Pagamento Confirmado"

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/screenshot2_5cu3oe.png =929xauto)
![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/screenshot3_15mlbuc.png =585xauto)
# PASSO 2.1
* Selecione a opção Gerar um Webhook;

* Clique em OK, Entendi!

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/screenshot4_11m5ea2.png =367xauto)
# PASSO 3.
* O ícone de Automação Ativada/Desativada, deixe ativo.

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/screenshot7_1n2586m.png =791xauto)
# PASSO 4.
* Em Filtro de Disparo selecione "Aplicar em todos os produtos"

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/screenshot5_1tg2rg1.png =799xauto)
* Em Edição de Webhook, no campo de URL, vamos colar o link coletado no dashboard da TheMembers em Plataforma > Configurações > Integrações > Herospark

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/integracoes-configuracoes_ego2wt.jpg)

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/mceclip1_wq0vgg.png =824xauto)
# PASSO 5
* No MÉTODO, selecione a opção "POST".

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/screenshot6_5erz9m.png =832xauto)
# PASSO 5.1
* Em Headers vamos clicar em + Adicionar;

* No campo CHAVE cole essa informação: Content-Type

* No campo Valor cole isso: application/json

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/mceclip2_1qvv6xn.png =427xauto)
# PASSO 6.
* No campo de "Body" colar EXATAMENTE esse código abaixo (Muito cuidado com espaços ou qualquer adição neste código para não gerar erro na comunicação entre as 2 plataformas):
 
1. ```
{
		"product":{
		"product_id":"{{ product_id }}",
		"product_name":"{{ product_name }}"
},
		"payment":{
		"payment_status":"{{ payment_status }}",
		"payment_date":"{{ payment_date }}"
},
		"buyer":{
		"buyer_name":"{{ buyer_name }}",
		"buyer_email":"{{ buyer_email }}",
		"buyer_phone":"{{ buyer_phone }}",
		"buyer_phone_raw":"{{ buyer_phone_raw }}",
		"buyer_document_type":"{{ buyer_document_type }}",
		"buyer_document_id":"{{ buyer_document_id }}"
	}
}
```
![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/screenshot8_q5wl8e.png =379xauto)
# PASSO 6.1
* Ao finalizar as informações, clique em "Salvar Edição"

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/screenshot9_64m833.png =463xauto)
# PASSO 7.
Também é muito importante que o seu produto já esteja criado no dashboard com seu respectivo ID.

Caso ainda não tenha o criado, siga este artigo: [Como criar um produto ou oferta na plataforma?](https://ajuda.themembers.com.br/pt-br/article/como-criar-um-produto-ou-oferta-na-plataforma-trmlmf/)

![](https://storage.crisp.chat/users/helpdesk/website/-/d/d/8/4/dd84fe263ed8d000/print-produto_y1hu6i.jpg)
Palavras relacionadas: hero, hero spark, checkout, pagamento.