# Incorpore o Shoprocket em qualquer site
> Venda a partir do site que você já tem. Crie uma integração em Incorporações, clique em Obter código e cole na sua página do WordPress, Squarespace, Wix, Webflow ou HTML simples. As alterações que você salvar depois chegam a todas as páginas sem colar de novo.
Central de Ajuda / Embed - Atualizado em 28 de outubro de 2026
Uma integração coloca uma parte da sua loja em qualquer site: um produto com botão de compra, um catálogo completo de produtos, suas categorias ou uma caixa de pesquisa. Você a monta em **Incorporações**, clica em **Obter código** e cola o código na sua página. O carrinho e o checkout abrem direto na sua página, então os clientes nunca saem do seu site.
Você cola o código só uma vez. Quando muda uma integração depois, mesmo trocando para outro layout, todas as páginas em que ela está se atualizam quando você salva.
## Antes de começar
- Adicione pelo menos um produto ativo. Uma integração para um produto precisa de um produto para vender.
- Você precisa conseguir editar seu site e adicionar um bloco de código ou HTML a uma página. As notas para cada construtor de sites estão abaixo.
## Etapa 1 (opcional, recomendada): Adicione o Shoprocket a todas as páginas do seu site
No topo de **Incorporações** há um cartão chamado **Adicione o Shoprocket a todas as páginas do seu site**. Ele tem uma linha de código para o cabeçalho do seu site. Com ela no lugar, seu carrinho flutuante e o chat ao vivo funcionam em todas as páginas do seu site, não só nas que têm uma integração, e qualquer integração que você adicionar depois simplesmente funciona.
1. No seu painel, vá em **Incorporações**.
2. No cartão **Adicione o Shoprocket a todas as páginas do seu site**, clique em **Copiar**.
3. Escolha seu construtor de sites nas abas abaixo do código (**HTML**, **WordPress**, **Squarespace**, **Wix** ou **Webflow**) e siga os dois passos dele para colar a linha no cabeçalho do seu site.
4. Abra qualquer página do seu site. O status do cartão muda de **Ainda não detectado** para **Conectado**.
Você pode pular este passo. O código de cada integração inclui a mesma linha, então uma integração funciona sozinha em qualquer página.
## Etapa 2: Crie uma integração
1. Em **Incorporações**, clique em **Nova integração**.
2. Em **O que mostra**, escolha uma: **Um produto**, **Catálogo de produtos**, **Categorias** ou **Pesquisa**.
3. Escolha um layout:
- **Um produto**: **Botão**, **Compacto**, **Cartão**, **Destaque** ou **Detalhe completo**. Depois escolha o produto em **Qual produto?**
- **Catálogo de produtos**: **Grade**, **Carrossel** ou **Lista**. Em **Quais produtos?** escolha **Todos os produtos**, **Uma categoria** ou **Selecionados a dedo**.
- **Categorias**: **Blocos**.
- **Pesquisa**: **Caixa de pesquisa** ou **Ícone de pesquisa**.
4. Clique em **Continuar**.
Todo layout é a mesma integração com configurações diferentes, então você pode trocar de layout depois no editor e o código que você colou continua o mesmo.
## Etapa 3: Personalize
O editor mostra uma prévia ao vivo pela qual você pode navegar como um cliente: adicionar ao carrinho, abrir produtos e finalizar a compra. Mude o que a integração mostra na aba **Esta integração**. A aba **Design da loja** define suas cores e fontes para toda a loja, então todas as suas integrações e seu carrinho flutuante combinam.
A integração recebe de início um nome, como "Products · Grid". Você pode renomeá-la a qualquer momento.
Quando estiver satisfeito, clique em **Salvar e obter código**.
## Etapa 4: Copie o código e cole no seu site
Depois de salvar, o painel **Obter código** abre. Ele fica assim:
```html
```
Copie sempre o seu próprio código com o botão, nunca o digite de novo. A primeira linha dá nome à integração, o script carrega o Shoprocket para a sua loja, e a última linha é onde a integração aparece.
1. Clique em **Copiar código**.
2. Escolha seu construtor de sites nas abas do painel e cole o código onde a integração deve aparecer:
- **HTML**: cole o código onde a integração deve aparecer. A linha do script só precisa estar na página uma vez, não importa quantas integrações ela tenha.
- **WordPress**: no editor de blocos, adicione um bloco de **HTML personalizado** onde a integração deve ficar. Cole o código e atualize a página. No WordPress.com, scripts exigem um plano que permita plugins.
- **Squarespace**: edite a página e adicione um bloco de **Código** onde a integração deve ficar. Cole o código, mantenha a exibição em HTML e salve.
- **Wix**: no editor, escolha **Adicionar**, depois **Embed code**, depois **Embed HTML**. Cole o código na caixa e redimensione para caber. O Wix mostra num quadro, então dê espaço para o carrinho.
- **Webflow**: arraste um elemento **Code Embed** para onde a integração deve ficar. Cole o código, salve e publique o site.
Se você já adicionou o Shoprocket ao cabeçalho do seu site na Etapa 1, a página só precisa da última linha do código, a que começa com `