# Integração com o Shopify

## Visão geral da integração

O Pushwoosh se integra perfeitamente com o Shopify, uma plataforma de e-commerce líder que permite que as empresas criem, gerenciem e escalem lojas online. Este guia orienta você na instalação e configuração do aplicativo Pushwoosh em sua loja Shopify, na configuração da identificação do usuário e no uso de notificações e ferramentas de automação para engajar clientes em dispositivos móveis e na web.
### Tipo de integração

- **Destino**: O Shopify envia dados de clientes para o Pushwoosh, onde são usados para segmentação e envio de mensagens.

### Pré-requisitos

* Uma [conta Pushwoosh](https://www.pushwoosh.com/)
* Acesso ao seu painel de administração do Shopify
* [Token de Acesso da API de Dispositivo](/pt/developer/api-reference/api-access-token/#device-api-token) do Pushwoosh e **Código da Aplicação**
* Uma loja Shopify com dados de clientes e pedidos disponíveis

### Entidades sincronizadas

* **Clientes**: Usados para atribuir e identificar UserIDs do Pushwoosh via metafields do Shopify

<Aside>
##### Abordagens de sincronização de clientes no Pushwoosh

Devido a limitações técnicas, o Pushwoosh oferece vários métodos de sincronização de clientes, dependendo do canal de comunicação usado para as notificações:

* **E-mail, Web, SMS e WhatsApp**: Dispositivos/usuários são registrados automaticamente na aplicação Pushwoosh.
* **Aplicativos Móveis e de Desktop**: Dispositivos/usuários podem ser sincronizados manualmente através dos painéis de administração do Pushwoosh e do Shopify.
* **Plataformas Web (Chrome, Firefox, Safari)**: Dispositivos/usuários são gerenciados pela própria extensão do tema do Shopify.

##### Como funciona?
O processo de sincronização funciona da seguinte forma:

1. O sistema tenta recuperar a sessão do usuário atual para obter um e-mail ou número de telefone (identificadores que funcionam sem configuração adicional).
2. Se for bem-sucedido, o e-mail ou número de telefone é definido como o identificador `userID` tanto para o Pushwoosh quanto para a propriedade `pushwoosh_userid` nos dados do cliente.
3. Se isso não for possível, o `userID` padrão do SDK do Pushwoosh é atribuído como o identificador tanto para o Pushwoosh quanto para a propriedade `pushwoosh_userid`.
4. Em qualquer caso, um `userID` será atribuído em ambos os lados, garantindo uma sincronização consistente.

</Aside>

* **Segmentos de clientes**: Usados para segmentação e envio de mensagens baseadas em grupos
* **Eventos e gatilhos** (por exemplo, pedidos feitos, tags aplicadas): Usados no Shopify Flow para automatizar o envio de mensagens push
* **Vitrine (Storefront)**: Usada para capturar opt-ins de push da web através de scripts incorporados

### Glossário (mapeamento de nomes de entidades se forem diferentes)

| **Shopify**   <div style="width:150px"></div>               | **Pushwoosh**      <div style="width:150px"></div>                                         |
| -------------------------- | --------------------------------------------------------- |
| Cliente                   | UserID           |

## Como a integração funciona

O Pushwoosh atua como um destino de mensagens para o Shopify. Uma vez integrado, o Shopify envia dados de clientes e comportamentais para o Pushwoosh, onde alimenta notificações em tempo real, segmentação de clientes e mensagens personalizadas na web e em dispositivos móveis.

### Componentes-chave da integração

1. **Identificação de clientes via metafields**
    A cada cliente do Shopify é atribuído um `UserID` único, armazenado em um metafield (`custom.pushwoosh_userid`). Este ID permite que o Pushwoosh reconheça e envie mensagens aos usuários de forma consistente em todas as plataformas.

2. **Automação orientada a eventos via Shopify Flow**
    O Pushwoosh fornece ações do Flow que permitem automatizar notificações push com base em eventos do Shopify, como:

   * Novo pedido realizado
   * Tag aplicada ao cliente
   * Abandono de carrinho

3. **Segmentação baseada em segmentos**
    Segmentos de clientes do Shopify podem ser usados para enviar notificações push específicas para grupos, como promoções para compradores de primeira viagem ou campanhas de reativação para usuários inativos.

4. **Mensagens manuais e em tempo real**
    Na visualização de cliente ou segmento do Shopify, você pode acionar notificações manualmente usando as Extensões do Pushwoosh:

   * **Notificação por Cliente**: Para acompanhamentos pessoais ou testes
   * **Notificação por Segmento**: Para mensagens baseadas em campanhas

### Notificações push da web via incorporação na vitrine
Ao habilitar a incorporação do Pushwoosh em seu tema do Shopify, você pode solicitar que os visitantes do site optem por receber notificações push baseadas no navegador — sem a necessidade de um aplicativo móvel.

#### Visão geral do fluxo de dados

```
Shopify Customer & Event Data
         ↓
Pushwoosh API (via App)
         ↓
UserID → Segmentation → Triggered or Manual Notifications
```
Esta integração permite que você entregue mensagens oportunas e relevantes que melhoram a retenção de usuários, aumentam as conversões e aprimoram a experiência do cliente — de forma automática ou sob demanda.

## Parte 1. Instalação

### Faça login no Shopify

1. Acesse o [Admin do Shopify](https://admin.shopify.com/)
2. Selecione sua loja no painel

<Aside>Este guia assume que você já possui uma conta Pushwoosh. Se não, [crie uma](https://www.pushwoosh.com/)</Aside>


### Instale o aplicativo Pushwoosh

1. Visite a [página do aplicativo Pushwoosh na App Store](https://apps.shopify.com/pushwoosh-notifications)
2. Clique em **Instalar**
![Instalar o aplicativo Pushwoosh](/integrations-shopify-integration-19.webp)
3. Confirme a instalação na caixa de diálogo do Shopify
![Confirmar instalação](/integrations-shopify-integration-1.webp)

### Conecte seu aplicativo Pushwoosh

Após a instalação, você será redirecionado para o aplicativo Pushwoosh dentro do Shopify.

1. Clique em **Conectar**.

![Clique no botão Conectar](/integrations-shopify-integration-22.webp)

2. Insira o **Código da Aplicação** e o [Token de Acesso da API de Dispositivo](/pt/developer/api-reference/api-access-token/#device-api-token), que você pode encontrar no **Painel de Controle do Pushwoosh → Configurações → Acesso à API**.

![Conecte seu aplicativo Pushwoosh](/integrations-shopify-integration-2.webp)

Quando conectado, uma mensagem de sucesso aparecerá: "Aplicativo Pushwoosh conectado."

![Aplicativo Pushwoosh conectado](/integrations-shopify-integration-3.webp)

### Assine um plano

1. Clique em **Atualizar Assinatura**
2. Um único plano baseado em uso será mostrado.
3. Confirme o faturamento.

![Assine um plano](/integrations-shopify-integration-4.webp)


<Aside>O faturamento é necessário para usar os recursos de entrega de push e segmentação.</Aside>

##  Parte 2. Configuração: ID de Usuário do Cliente via metafields

Para entregar notificações push móveis a usuários identificados, o Pushwoosh usa um **ID de Usuário** único por cliente. O Shopify armazena esse valor nos **metafields de Cliente** do Shopify.

1. Vá para **Configurações → Metafields e metaobjetos → Clientes**

![Adicionar definição](/integrations-shopify-integration-6.webp)

2. Clique em **Adicionar definição** e use estes valores:

| Campo                   | Valor                    |
| ----------------------- | ------------------------ |
| Namespace e chave       | custom.pushwoosh_userid |
| Namespace               | custom                   |
| Tipo                    | Texto de linha única         |
| Validação              | Nenhuma                     |
| Acesso à Conta do Cliente | Leitura e Escrita           |
| Acesso à API da Vitrine   | Habilitado                  |


![Adicionar definição](/integrations-shopify-integration-7.webp)
![Adicionar definição](/integrations-shopify-integration-9.webp)


<Aside type="caution" title="Por que isso é importante">
Este metafield é um identificador de usuário persistente em dispositivos móveis/web para notificações e segmentação.
</Aside>


## Parte 3. Usando as extensões do Pushwoosh

O Pushwoosh inclui Extensões do Shopify para segmentação, automação (Flow) e notificações específicas para clientes.

### Extensão 1. Enviar notificação por cliente

#### Caso de uso

Envie manualmente mensagens personalizadas ou notificações de teste para um usuário específico.

#### Passos

1. Abra **Clientes → Selecione um cliente**  
2. Clique em **Mais ações → Notificação por cliente**  
![Notificação por cliente](/integrations-shopify-integration-10.webp)
3. Selecione a plataforma de mensagens (por exemplo, E-mail) e uma [predefinição de conteúdo](/pt/product/content/push-presets/).
![Preencha o formulário](/integrations-shopify-integration-11.webp)
4. Clique em **Enviar**  


<Aside type="tip">
Use isso para lembretes pós-compra, agradecimentos pessoais ou prompts de reativação.
</Aside>

###  Extensão 2. Notificação por segmento

#### Caso de uso

Segmente grupos de clientes — carrinhos abandonados, compradores de primeira viagem, grandes gastadores.

#### Passos

1. Vá para **Clientes → Segmentos**

2. Escolha um segmento → Clique em **Usar Segmento**

![Usar Segmento](/integrations-shopify-integration-12.webp)

3. Selecione **Notificação por Segmento**
![Notificação por Segmento](/integrations-shopify-integration-13.webp)
4. Selecione o canal de comunicação desejado e a predefinição de mensagem. Clique em **Enviar**.
![Preencha o formulário da mensagem](/integrations-shopify-integration-14.webp)
<Aside type="tip">
Os segmentos podem ser criados com base no histórico de compras, localização, atividade ou tags.
</Aside>


### Extensão 3. Pushwoosh no Shopify Flow

#### Caso de uso

Automatize o envio de mensagens nas jornadas do cliente usando gatilhos como pedidos, tags ou comportamento.

#### Passos

1. Crie um novo Fluxo no **Shopify Flow**
2. Adicionar ação → Escolha **Notificações Pushwoosh**

![Ação de fluxo do Pushwoosh](/integrations-shopify-integration-15.webp)

3. Configure a mensagem e os campos dinâmicos

![Configure a mensagem e os campos dinâmicos](/integrations-shopify-integration-16.webp)


Por exemplo:

* Envie uma mensagem após a realização de um pedido

* Lembre o usuário quando o carrinho for abandonado

* Envie um push de reativação após 30 dias de inatividade

## Parte 4. Habilitar push da web (opcional, mas recomendado)

Para suportar notificações push da web baseadas em navegador em sua vitrine, faça o seguinte:

1. Vá para **Loja Online → Temas → Personalizar**  
![Ir para Temas → Personalizar](/integrations-shopify-integration-17.webp)
2. Abra **Incorporações de aplicativos** no menu à esquerda  
3. Ative o **Push Init Embed**

![Ativar o Push Init Embed](/integrations-shopify-integration-18.webp)

<Aside type="note">
Agora sua loja pode solicitar que os usuários optem por receber push da web diretamente da vitrine.
</Aside>


## Resumo dos casos de uso

| Cenário | Ferramenta usada |
| ----- | ----- |
| Acompanhamento personalizado | Notificação por Cliente |
| Lembrete de abandono de carrinho | Shopify Flow + ação Pushwoosh |
| Promoção baseada em segmento | Notificação por Segmento |
| Mensagem de boas-vindas após o cadastro | Flow + Rastreamento de Metafield |
| Opt-in de Push | Incorporação de Tema + Ativador Push Init |