C cenaly.com
Começar grátis

Shopify · ajuda ao comprador na vitrine

Widgets Cenaly.com para Shopify

Adicione um chat, um botão de contato ou um widget promocional às páginas de produtos e coleções. O código é instalado no tema da loja; este não é um aplicativo de sincronização de pedidos nem uma instalação no checkout. Para consent e análise, use o procedimento separado abaixo.

  • Comece com um cenário na página do produto
  • As configurações ficam em Cenaly.com, o código no theme.liquid do seu tema
  • Antes de editar, faça uma cópia do tema; após publicar, verifique o carrinho e a visualização no celular

Sem cartão · cadastro em um minuto, tag em mais um · alterações nas configurações chegam ao site em 5 minutos

Uma tag para todos os Widgets9 de 13 são gratuitosShadow DOM — não quebra o layoutRótulos no idioma da páginaDuas Nuvens: AWS e Rússia

O que funciona no Shopify

Escolha o widget desejado e configure-o na conta. Widgets comuns usam uma tag compartilhada; para consent e análises, a ordem de instalação separada é importante.

O widget e a plataforma selecionados serão salvos no cadastro. Depois, configure o widget na conta. Deixe esta instrução para Shopify aberta: após a configuração, volte às etapas de instalação abaixo.

Todos os 13 widgets →

Você precisa de um plano pago do Shopify?

Não é necessário um plano pago da plataforma

É necessária uma loja com Online Store e acesso ao código do tema; não é preciso um aplicativo separado para inserir a tag.

Esta instrução se refere a uma loja em que estão disponíveis Online Store → Themes → Edit code. Verifique os recursos do seu plano e as permissões do funcionário antes de começar a instalação.

A assinatura do Shopify é paga separadamente dos widgets do Cenaly.com. A ausência de uma compra separada do aplicativo não significa loja gratuita nem acesso à edição do checkout.

Os itens de menu e as condições tarifárias nesta página vêm da ajuda oficial:

Verificado com a ajuda da plataforma 2026-09-22

Como inserir o código no Shopify

Widgets comuns: chat, botão de contato, agendamento

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Exemplo de tag para widgets comuns. Pegue seu código na conta; não é preciso substituí-lo por um domínio de demonstração. Para bloquear a análise, use a instrução separada abaixo. Banner de cookies e análise: um procedimento separado →

  1. 1

    Copie o código de instalação

    Na conta Cenaly.com: Painel de administração → Marketing → «Meu site». Digite o endereço da loja no primeiro campo e copie a linha da tag.

  2. 2

    Faça uma cópia do tema

    No admin do Shopify: Online Store (Loja virtual) → Themes (Temas) → no tema desejado, «…» → Duplicate. Este é o seu caminho de volta caso algo dê errado.

  3. 3

    Abra o editor de código

    No mesmo lugar: no tema, o ícone «…» → Edit code (Editar código). A ajuda do Shopify descreve o caminho assim: «From your Shopify admin, go to Online Store. Click … > Edit code».

  4. 4

    Encontre o theme.liquid

    Na lista à esquerda: a pasta Layout → o arquivo theme.liquid. É a estrutura comum de todas as páginas da loja.

  5. 5

    Insira a tag e salve

    Insira a linha logo antes da tag de fechamento head (ou antes do fechamento body) e clique em Save.

  6. 6

    Verifique a instalação

    Abra a vitrine da loja e volte em «Meu site» → «Verificar instalação».

A edição fica em um tema específico. Se você publicar outro tema, insira a tag nele também, caso contrário os widgets desaparecerão junto com o tema antigo.

Ajuda oficial do Shopify ↗

Verificação da instalação

  1. 1

    Publique o site novamente

    Nos construtores, a alteração fica no rascunho: enquanto as páginas não forem republicadas, a tag não estará no site publicado.

  2. 2

    Abra “Meu site” na sua conta

    Painel de administração → Marketing → “Meu site”. No primeiro campo está o endereço do seu site e, ao lado, “Verificar instalação”.

  3. 3

    Veja o que foi encontrado

    A verificação lê o HTML de origem da página e mostra os widgets encontrados. A tag inserida via Google Tag Manager não será detectada — essa é uma limitação da verificação, não da instalação.

Análise de erros de instalação — na ajuda Instruções de instalação →

Particularidades do Shopify

  • O código se refere ao tema selecionado

    Após a variação ou a atualização do tema, verifique a presença da tag na versão publicada. Não insira uma segunda instância se a primeira foi mantida.

  • Vitrine e checkout são superfícies diferentes

    O caminho via theme.liquid é destinado às páginas da vitrine que usam esse tema. Ele não adiciona o widget ao checkout e não confirma o controle sobre os pixels do Shopify.

  • Aplicativo de chat já instalado

    Verifique se os botões não se sobrepõem no celular. Desative o que for desnecessário ou altere a posição e, em seguida, verifique a abertura do carrinho.

  • Seus pedidos permanecem no Shopify

    A inserção da tag não importa produtos, carrinhos e pedidos. Se as vendas ocorrem pelo Shopify, comece pelo chat ou pelo multibotão; o widget de pedido do Cenaly.com é ativado separadamente.

Perguntas e respostas

É necessário um aplicativo da Shopify App Store?

Para o método descrito — não: uma tag comum é adicionada ao theme.liquid. É necessário acesso ao tema; para o consent há uma tag separada e a verificação da ordem de carregamento.

O widget funcionará no checkout?

Este método de instalação se refere à vitrine. Ele não amplia o checkout e não sincroniza os dados dos pedidos do Shopify.

É possível garantir a compatibilidade com o carrinho?

A renderização do widget é isolada pelo Shadow DOM, mas isso não é garantia de compatibilidade com qualquer comportamento do tema e dos aplicativos. Primeiro faça uma cópia do tema e depois verifique a página do produto, o carrinho e a página móvel.

O que verificar após a variação de tema?

A presença de uma única tag no novo tema publicado, a abertura do widget, a ausência de sobreposição dos botões e o domínio correto da conta.

Para o banner de cookies, um tag async comum serve?

Para bloquear rastreadores antes do consentimento, é necessário um consent/v1.js separado, primeiro no head, sem async/defer. Verifique o carregamento antes da escolha, após a recusa e após a aceitação. A análise integrada da plataforma pode exigir configuração separada; o aparecimento do banner não confirma conformidade com a lei.

Mais detalhes — instalação por plataformas, configuração e solução de problemas — na central de ajuda. Instruções de instalação →

Coloque os widgets na sua loja Shopify

Escolha uma tarefa para a vitrine, configure o widget e instale-o em uma cópia do tema. Após a publicação, verifique a página do produto e o carrinho.

Escolher widget

Sem cartão · cadastro em um minuto, tag em mais um · alterações nas configurações chegam ao site em 5 minutos