Pular para o conteúdo

Integração com o Shopify

Visão geral da integração

Anchor link to

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 canais como push, e-mail, SMS e WhatsApp.

Tipo de integração

Anchor link to
  • Destino: O Shopify envia dados de clientes para o Pushwoosh, onde são usados para segmentação e mensagens.

Pré-requisitos

Anchor link to
  • Uma conta Pushwoosh
  • Acesso ao seu painel de administração do Shopify
  • Token de Acesso da API de Dispositivo e Código de Aplicação do Pushwoosh
  • Uma loja Shopify com dados de clientes e pedidos disponíveis
  • Aprovação do escopo de acesso read_orders para eventos de pedido/carrinho, e write_pixels mais read_customer_events para rastreamento de etapas de checkout

Entidades sincronizadas

Anchor link to
  • Clientes: Usado para atribuir e identificar User IDs do Pushwoosh através de metafields do Shopify
  • Segmentos de clientes: Usado para segmentação e mensagens baseadas em grupos
  • Eventos e gatilhos (por exemplo, pedidos feitos, tags aplicadas): Usado no Shopify Flow para automatizar mensagens em todos os canais
  • Vitrine (Storefront): Usado para capturar opt-ins de web push através de scripts incorporados
  • Feed de produtos: O feed da vitrine da sua loja (products.json) se conecta automaticamente ao Catálogo de Produtos do Pushwoosh quando você conecta o aplicativo, e se desconecta automaticamente se você o desinstalar.
  • Pedidos e carrinhos: Eventos de servidor para servidor dos webhooks orders/paid, checkouts/create e checkouts/update do Shopify. Veja Rastrear pedidos, carrinhos e etapas de checkout.
  • Comportamento de navegação na vitrine: Visualizações de produtos e ações de adicionar ao carrinho, coletadas pelo mesmo embed de tema usado para opt-ins de web push.
  • Etapas de checkout: Informações de contato inseridas e informações de pagamento enviadas, coletadas através de um Web Pixel do Shopify.

Glossário (mapeando nomes de entidades se forem diferentes)

Anchor link to
Shopify
Pushwoosh
ClienteUser ID
webhook orders/paidEvento PW_OrderCreated — compartilhado com outras integrações de e-commerce (por exemplo, Magento)
webhook checkouts/createEvento PW_AbandonedCart — mesmo evento compartilhado, também usado pela fonte de Carrinho do bloco de Produtos
webhook checkouts/updateEvento PW_AbandonedCartUpdate — dispara enquanto o comprador continua editando o mesmo checkout, sobrescrevendo o carrinho armazenado de PW_AbandonedCart
Visualização de página de produtoEvento PW_ProductViewed
Adicionar ao carrinho (sem recarregar a página)Evento PW_AddToCart
Web Pixel checkout_contact_info_submittedEvento PW_CheckoutContactInfo
Web Pixel payment_info_submittedEvento PW_PaymentInfoSubmitted

Como a integração funciona

Anchor link to

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 em todos os canais.

Componentes chave da integração

Anchor link to
  1. Identificação de clientes via metafields A cada cliente do Shopify é atribuído um User ID ú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 mensagens (push, e-mail, SMS, WhatsApp) 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 específicas para grupos em todos os canais, 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 manualmente notificações 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 de web push via embed na vitrine

Anchor link to

Ao habilitar o embed 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

Anchor link to
Dados de Clientes e Eventos do Shopify
↓
API do Pushwoosh (via App)
↓
User ID → Segmentação → Notificações Acionadas ou Manuais

Esta integração capacita você a entregar mensagens oportunas e relevantes que melhoram a retenção de usuários, aumentam as conversões e aprimoram a experiência do cliente — automaticamente ou sob demanda.

Parte 1. Instalação

Anchor link to

Faça login no Shopify

Anchor link to
  1. Vá para o Admin do Shopify
  2. Selecione sua loja no painel

Instale o aplicativo Pushwoosh

Anchor link to
  1. Visite a página do Pushwoosh na App Store
  2. Clique em Instalar Instale o aplicativo Pushwoosh
  3. Confirme a instalação na caixa de diálogo do Shopify Confirme a instalação

Conecte seu aplicativo Pushwoosh

Anchor link to

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

  1. Clique em Conectar.

Clique no botão Conectar

  1. Insira o Código de Aplicação e a Chave de API, que você pode encontrar no Painel de Controle do Pushwoosh → Configurações → Acesso à API. A Chave de API aqui é o seu Token de Acesso da API de Dispositivo.

Conecte seu aplicativo Pushwoosh

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

Aplicativo Pushwoosh conectado

Quando o Shopify solicitar permissões (pedidos, pixels, eventos de clientes), aprove-as. Esses escopos são necessários para o rastreamento da Parte 5. Se você conectou o aplicativo anteriormente, veja Já conectado? Você será solicitado a reaprovar o acesso.

Assine um plano

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

Assine um plano

Parte 2. Configuração: User ID do cliente via metafields

Anchor link to

Para entregar notificações a usuários identificados em todos os canais (push, e-mail, SMS, WhatsApp), o Pushwoosh usa um User ID único por cliente. O Shopify armazena esse valor nos Metafields do Cliente do Shopify.

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

Adicionar definição

  1. Clique em Adicionar definição e use estes valores:
CampoValor
Namespace e chavecustom.pushwoosh_userid
Namespacecustom
TipoTexto de linha única
ValidaçãoNenhuma
Acesso à Conta do ClienteLeitura e Escrita
Acesso à API da VitrineHabilitado

Adicionar definição

Defina o Acesso às contas de clientes e o Acesso à API da vitrine como na tabela acima.

Adicionar definição

Parte 3. Usando as extensões do Pushwoosh

Anchor link to

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

Anchor link to

Caso de uso

Anchor link to

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

  1. Abra Clientes → Selecione um cliente
  2. Clique em Mais ações → Notificação por cliente Notificação por cliente
  3. Selecione a plataforma de mensagens (por exemplo, E-mail) e um preset de conteúdo. Preencha o formulário
  4. Clique em Enviar

Extensão 2. Notificação por segmento

Anchor link to

Caso de uso

Anchor link to

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

  1. Vá para Clientes → Segmentos

  2. Escolha um segmento → Clique em Usar Segmento

Usar Segmento

  1. Selecione Notificação por Segmento Notificação por Segmento
  2. Selecione o canal de comunicação desejado e o preset de mensagem. Clique em Enviar. Preencha o formulário da mensagem

Extensão 3. Pushwoosh no Shopify Flow

Anchor link to

Caso de uso

Anchor link to

Automatize mensagens em jornadas de clientes usando gatilhos como pedidos, tags ou comportamento.

  1. Crie um novo Flow no Shopify Flow
  2. Adicione ação → Escolha Pushwoosh enviar notificação

Ação de fluxo do Pushwoosh

  1. Configure a mensagem e os campos dinâmicos

Configure a mensagem e os campos dinâmicos

Por exemplo:

  • Enviar uma mensagem após o pedido ser feito

  • Lembrar o usuário quando o carrinho for abandonado

  • Enviar um push de reativação após 30 dias de inatividade

Parte 4. Habilitar web push (e eventos de navegação na vitrine)

Anchor link to

Opcional apenas para web push. Obrigatório se você precisar de eventos de visualização de produto e adição ao carrinho na Parte 5.

Ative o embed do tema para web push do navegador em sua vitrine:

  1. Vá para Loja Online → Temas → Personalizar Vá para Temas → Personalizar
  2. Abra App Embeds no menu esquerdo
  3. Ative o Push Init Embed

Ative o Push Init Embed

Parte 5. Rastrear pedidos, carrinhos e etapas de checkout

Anchor link to

Depois de conectar o aplicativo e aprovar as permissões solicitadas pelo Shopify para rastreamento de pedidos, carrinhos e checkout (read_orders, write_pixels, read_customer_events), os eventos de pedido, checkout e etapas de checkout começam a chegar sem uma tela de rastreamento separada do Pushwoosh. Veja Pré-requisitos e Parte 1 para a etapa de aprovação. A navegação na vitrine (visualizações de produtos e adição ao carrinho) também precisa que o Push Init Embed esteja ATIVADO.

O rastreamento abrange três grupos de eventos independentes. Cada um precisa de acesso diferente, então desativar um não pausa os outros:

  • Pedido pago e checkout: chegam do Shopify mesmo que o embed do tema esteja desativado
  • Navegação na vitrine (visualizações de produtos e adição ao carrinho): precisam do embed do tema ATIVADO
  • Etapas de checkout: precisam das permissões de rastreamento de checkout do Shopify da Parte 1 (write_pixels e read_customer_events), aprovadas separadamente da permissão de rastreamento de pedidos (read_orders) acima

Antes de conectar o aplicativo, verifique como o Pushwoosh lida com os tipos de atributos de dinheiro e data para PW_OrderCreated e PW_AbandonedCart. Um tipo errado enviado antes de você perceber não pode ser corrigido retroativamente.

Eventos de pedido pago e checkout

Anchor link to

Use-os para mensagens pós-compra (PW_OrderCreated), jornadas ou segmentos de checkout abandonado (PW_AbandonedCart / PW_AbandonedCartUpdate) e mapeamento de conversão de compra. Eles chegam do Shopify mesmo que o comprador bloqueie o rastreamento do navegador:

Nome do evento no PushwooshQuando dispara
PW_OrderCreatedUm pedido é pago
PW_AbandonedCartUm comprador inicia o checkout
PW_AbandonedCartUpdateO comprador adiciona, remove ou altera itens durante um checkout existente

Estes correspondem às notificações de pedido e checkout que o Shopify envia ao Pushwoosh automaticamente (os webhooks orders/paid, checkouts/create e checkouts/update, listados em Entidades sincronizadas).

A própria condição de Flow do Shopify, o webhook checkouts/create e a fonte de Carrinho do bloco de Produtos são três coisas diferentes que são todas chamadas de abandono de carrinho. Escolha a que corresponde ao que você está construindo, usando a tabela abaixo.

O que você quer construirO que usar
Lembrete do Shopify Flow (condição de Abandono de carrinho do próprio Shopify)Shopify Flow + ação Pushwoosh enviar notificação. Não os nomes de eventos PW_AbandonedCart.
Lembrete ou segmento no Pushwoosh a partir do início do checkout ou alteração do carrinhoCustomer Journey ou segmento em PW_AbandonedCart / PW_AbandonedCartUpdate
Mostrar os itens do carrinho do comprador dentro de um e-mailFonte de Carrinho do bloco de Produtos (Cart source) (usa a tag PW_AbandonedCartID no momento do envio). Separado de qual gatilho iniciou a jornada.

Como esses eventos se comportam. checkouts/create significa apenas que um checkout foi iniciado. O Shopify ainda não decidiu que está abandonado, e nenhum pedido foi confirmado também.

Enquanto o comprador edita o checkout, PW_AbandonedCartUpdate dispara novamente para o mesmo checkout e sobrescreve o carrinho armazenado de PW_AbandonedCart. E-mails de lembrete que usam a fonte de Carrinho pegam os itens mais recentes no momento do envio. Você não precisa de um segundo gatilho de jornada apenas para atualizar o carrinho.

PW_AbandonedCart e PW_AbandonedCartUpdate definem a tag PW_AbandonedCartID no comprador, que é o que a fonte de Carrinho lê no momento do envio. PW_OrderCreated a limpa imediatamente, então um comprador que já finalizou a compra pula o bloco em vez de receber um lembrete para um carrinho que não tem mais. Veja O que acontece quando você envia PW_OrderCreated para o comportamento exato de limpeza.

Atributos de eventos de pedido e checkout

Anchor link to

PW_OrderCreated e PW_AbandonedCart incluem:

AtributoDescrição
orderIdO identificador do pedido ou checkout
emailO e-mail do comprador
totalPriceO total do pedido ou carrinho
shippingAmountO custo do frete
taxAmountO valor do imposto
discountAmountO valor do desconto
currencyO código da moeda
itemsOs itens de linha do carrinho
customerIdApenas para clientes registrados, não presente para checkouts de convidados
orderUrlA página de status do pedido para PW_OrderCreated, ou a URL de recuperação do checkout abandonado para PW_AbandonedCart e PW_AbandonedCartUpdate. Use-a para construir um link ou botão “Complete sua compra”.
createdDateQuando o pedido ou checkout foi criado
abandonedDateApenas para PW_AbandonedCart e PW_AbandonedCartUpdate. Quando o carrinho foi tocado pela última vez, não quando foi criado pela primeira vez

Checkouts de convidados ainda podem enviar eventos de pedido e carrinho, mas sem um ID de cliente registrado no evento.

PW_AbandonedCartUpdate carrega os mesmos atributos. Se sua conta também tiver a integração com o Magento conectada, seus pedidos e carrinhos abandonados são postados para esses mesmos nomes de eventos, então um segmento ou jornada construída em PW_OrderCreated / PW_AbandonedCart captura ambas as lojas, e os tipos de atributos acima se aplicam a ambas também. O Magento não tem equivalente a PW_AbandonedCartUpdate, porque não rastreia edições de checkout em andamento.

items em particular chega do Shopify com apenas alguns campos preenchidos.

Eventos de navegação na vitrine

Anchor link to

Use-os para segmentos ou jornadas de abandono de navegação e para estratégias de recomendação de e-mail que precisam de visualizações de produtos (por exemplo, Com base no que eles visualizaram). Veja Como configurar recomendações de produtos em e-mail.

Ambos os eventos são coletados pelo mesmo embed de tema. Nada mais a adicionar ao tema uma vez que o Push Init Embed esteja ATIVADO:

  • PW_ProductViewed: o comprador abre uma página de produto.
  • PW_AddToCart: o comprador adiciona um item ao carrinho sem recarregar a página, que é como a maioria dos temas do Shopify faz.

Atributos de eventos de navegação na vitrine

Anchor link to

Ambos os eventos incluem:

AtributoDescrição
itemsO(s) produto(s) visualizado(s) ou adicionado(s), cada um com productId, name, sku, quantity, price
totalPriceO preço combinado de items
productUrlA página em que o comprador estava
currencyApenas quando a vitrine a expõe

Uma mensagem que mostra totalPrice precisa de um fallback para quando currency estiver ausente, já que o número sozinho não diz em que moeda está.

Nenhum dos eventos carrega email ou customerId como atributo. O comprador é identificado da mesma forma que o resto do embed do tema o faz, através da sessão do SDK vinculada ao User ID do metafield (veja Parte 2), não através do payload do evento.

Os items de PW_ProductViewed e PW_AddToCart carregam os mesmos campos que o Shopify envia antes do enriquecimento: productId, name, sku, quantity, price. O Pushwoosh não preenche o resto dos campos do catálogo para esses dois eventos, da forma como faz para os items de PW_AbandonedCart (veja Itens do carrinho são enriquecidos a partir do seu Catálogo de Produtos acima).

Uma estratégia de recomendação que precisa de detalhes completos do produto, como Com base no que eles visualizaram, os busca em seu Catálogo de Produtos por productId quando a mensagem é renderizada. Veja Como configurar recomendações de produtos em e-mail para o que cada estratégia precisa.

Eventos de etapa de checkout

Anchor link to

Use-os para ver onde as pessoas desistem antes da compra e para enviar mensagens para pessoas que iniciaram o checkout, mas não chegaram a um pedido pago.

  • PW_CheckoutContactInfo: o comprador inseriu suas informações de contato.
  • PW_PaymentInfoSubmitted: o comprador enviou seus detalhes de pagamento.

Uma venda concluída é PW_OrderCreated da seção acima, não esses dois eventos.

PW_AbandonedCart apenas informa que um checkout foi iniciado. Esses dois eventos marcam dois pontos posteriores no mesmo checkout, nessa ordem: informações de contato primeiro, detalhes de pagamento em segundo. Um comprador que alcançou PW_PaymentInfoSubmitted e nunca recebeu um PW_OrderCreated seguinte foi mais longe do que um que apenas acionou PW_AbandonedCart, então uma mensagem construída nesse estágio pode abordar um pagamento paralisado especificamente, em vez de um lembrete de carrinho genérico.

Atributos de eventos de etapa de checkout

Anchor link to

Ambos os eventos incluem:

AtributoDescrição
itemsOs itens de linha do checkout, cada um com productId, name, sku, quantity, price
orderIdO token de checkout, ou o ID do pedido do Shopify assim que o checkout tiver um
totalPriceO total do checkout
emailApenas quando o checkout tem um. Um checkout baseado em telefone (sem e-mail inserido) envia o evento sem ele.
currencyApenas quando o checkout tem um

Verifique se funciona

Anchor link to

Faça a ação correspondente na loja e, em seguida, confirme se o nome do evento aparece no Pushwoosh. O evento em si é processado em tempo real, mas os dois lugares onde você o verificaria reagem de maneira diferente a um nome que o Pushwoosh nunca viu antes:

  • No menu suspenso Evento quando você cria um segmento por eventos, um novo nome aparece imediatamente.
  • No menu suspenso Evento quando você adiciona um gatilho de Customer Journey, um novo nome pode levar até 10 minutos para aparecer (esse menu suspenso é armazenado em cache). Se você ainda não o vir, espere em vez de assumir que a integração está quebrada.
Ação de testeEvento
Pagar um pedido de testePW_OrderCreated
Iniciar um checkoutPW_AbandonedCart
Alterar itens nesse checkoutPW_AbandonedCartUpdate
Abrir uma página de produto (Push Init Embed ATIVADO)PW_ProductViewed
Adicionar um item ao carrinhoPW_AddToCart
Inserir informações de contato no checkoutPW_CheckoutContactInfo
Enviar informações de pagamento no checkoutPW_PaymentInfoSubmitted

Use os eventos

Anchor link to

Depois de saber qual evento você precisa, use-o em dois lugares:

Para pedidos pagos, você também pode mapear PW_OrderCreated como um evento de conversão para que as compras do Shopify alimentem a segmentação RFM, a atribuição de jornada e as estatísticas do bloco de Produtos.

Campanhas de exemplo

Anchor link to

Cada uma dispara em um ponto diferente do caminho do comprador, então elas alcançam públicos diferentes: até onde alguém chegou antes de desistir, ou se chegou ao checkout, decide qual se aplica.

  • Lembrete de carrinho abandonado. Captura todo comprador que iniciou o checkout, não importa até onde chegou: o público mais amplo aqui. Construa como uma Customer Journey: acione em PW_AbandonedCart, espere por PW_OrderCreated, depois envie um e-mail com um bloco de Fonte de Carrinho para quem não pagou. Veja Como configurar uma campanha de carrinho abandonado para a configuração completa.
  • Acompanhamento para checkouts paralisados. Captura apenas compradores que chegaram a inserir informações de contato, mas nunca pagaram, uma fatia mais estreita do público acima. Segmente em PW_CheckoutContactInfo, depois exclua quem também tem PW_PaymentInfoSubmitted ou PW_OrderCreated.
  • Recuperação para um pagamento paralisado. Captura compradores que chegaram ao pagamento, mas nunca concluíram o pedido, mais adiante do que o acompanhamento acima e mutuamente exclusivo com ele. Segmente em PW_PaymentInfoSubmitted, depois exclua quem também tem PW_OrderCreated.
  • E-mail de recomendação de navegação. Captura compradores que olharam produtos, mas nunca iniciaram o checkout, um público diferente dos lembretes acima. Use PW_ProductViewed com a estratégia Com base no que eles visualizaram do bloco de Produtos. Veja Como configurar recomendações de produtos em e-mail.

Parte 6. Conformidade de dados

Anchor link to

O Shopify exige que todos os aplicativos públicos respondam aos seus webhooks obrigatórios de GDPR/CCPA. O Pushwoosh os trata da seguinte forma:

  • customers/redact: Quando um comprador pede à loja para apagar seus dados, o Pushwoosh apaga os registros correspondentes do Pushwoosh por quaisquer identificadores que o Shopify envie — e-mail, telefone e ID de cliente do Shopify.
  • customers/data_request: Quando um comprador solicita uma cópia de seus dados, o Pushwoosh posta uma notificação no canal interno de suporte, e uma pessoa lida com a solicitação manualmente. O Shopify exige que os aplicativos respondam a estas solicitações em até 30 dias.
  • shop/redact: O Shopify envia isso 48 horas depois que uma loja desinstala o aplicativo, pedindo para apagar os dados da loja. O Pushwoosh executa novamente a mesma exclusão que a própria desinstalação aciona, limpando qualquer sessão remanescente e apagando o registro de integração da loja (chave de API de dispositivo, código de aplicação e IDs de faturamento incluídos). Isso existe como uma rede de segurança para o caso de a desinstalação não ter limpado completamente na primeira vez.

Resumo de casos de uso

Anchor link to

Em seguida, use os nomes de eventos acima em jornadas, segmentos ou mapeamento de conversão. Exemplos:

CenárioFerramenta usada
Acompanhamento personalizadoNotificação por Cliente
Lembrete de abandono de carrinhoShopify Flow + ação Pushwoosh, ou Jornada/segmento em PW_AbandonedCart / PW_AbandonedCartUpdate (veja Parte 5)
Promoção baseada em segmentoNotificação por Segmento
Mensagem de boas-vindas após o cadastroFlow + Rastreamento de Metafield
Opt-in de pushEmbed de Tema + Ativação do Push Init
Atribuição de receita e segmentação RFMEventos de pedido/checkout mapeados para eventos de conversão
Análise de abandono de checkoutEventos PW_CheckoutContactInfo / PW_PaymentInfoSubmitted
Segmentos de abandono de navegação ou carrinhoEventos de visualização de produto / adição ao carrinho na vitrine