Adicionar blocos de conteúdo no site à sua loja da Shopify

Saiba como criar um bloco de conteúdo no site no Customer Hub e exibi-lo na sua loja da Shopify. Os blocos de conteúdo no site permitem que você exiba mensagens personalizadas, promoções e chamadas à ação diretamente na sua loja, aproveitando os recursos de segmentação e personalização da Klaviyo.

Antes de começar

Antes de criar um bloco de conteúdo no site, verifique se:

• O Customer Hub está habilitado para sua loja.
• Você está usando um tema da Shopify compatível com o bloco de aplicativo do tema Bloco de conteúdo da Klaviyo.
• Se você planeja usar tags de personalização (por exemplo, o nome de um cliente), seu bloco de conteúdo segmenta compradores conectados. A personalização só está disponível quando a Klaviyo pode identificar o comprador.

Criar um bloco de conteúdo no site

1. Na Klaviyo, navegue até Customer Hub > Design.
2. Role até a seção Blocos de conteúdo no site.
3. Clique em Criar bloco.
4. Escolha uma das seguintes opções:
   • Importar um bloco de conteúdo de gaveta existente.
   • Comece com um modelo da biblioteca de blocos de conteúdo da Klaviyo.
   • Criar um novo bloco de conteúdo.
5. Crie seu conteúdo adicionando:
   • Título e corpo do texto
   • Imagens (opcional)
   • Botões ou links
   • Tags de personalização, como o nome de um cliente
6. Configure seu botão ou destino do link. Para direcionar os compradores para o Customer Hub, selecione o destino dos cupons do Customer Hub.
7. Insira um nome interno. Esse nome é usado para identificação e traduções e não é visível para os compradores.
8. Escolha o público que deve ver o bloco usando as configurações de segmentação.
9. Ajuste a aparência do bloco, incluindo dimensões e estilo, conforme necessário.
10. Clique em Publicar.

Após a publicação, a Klaviyo gera um UUID (Content Block ID, ID de bloco de conteúdo) exclusivo. Você usará essa ID ao adicionar o bloco ao seu tema da Shopify.

Importante: Se seu conteúdo incluir tags de personalização, atualize a visibilidade para compradores conectados antes de publicar. A personalização não está disponível para visitantes anônimos.

Adicione o bloco de conteúdo ao seu tema da Shopify

Depois de publicar seu bloco de conteúdo:

1. Na Klaviyo, copie a ID do bloco de conteúdo (UUID).
2. Na Shopify, acesse Online Store > Themes.
3. Clique em Personalizar para abrir o Editor de temas.
4. Abra o modelo onde deseja que o bloco de conteúdo apareça (por exemplo, seu modelo de página de produto).
5. Clique em Adicionar bloco.
6. Selecione o bloco de conteúdo da Klaviyo.
7. Cole a ID do bloco de conteúdo no campo ID do bloco de conteúdo.
8. Mova o bloco para o local preferido no layout da página.
9. Clique em Save.

O bloco de conteúdo agora será renderizado em qualquer lugar onde você tiver colocado o bloco de aplicativo Bloco de conteúdo da Klaviyo.

Visualize e teste seu bloco de conteúdo

Se seu bloco de conteúdo estiver configurado para compradores conectados, ele não aparecerá na visualização do Shopify Theme Editor, a menos que você esteja visualizando o site como um cliente conectado reconhecido.

Para verificar o posicionamento antes de publicar:

1. Altere temporariamente a visibilidade do bloco de conteúdo para Todos os compradores.
2. Visualize sua vitrine para confirmar o posicionamento e o estilo.
3. Quando estiver satisfeito, altere a visibilidade de volta para Compradores conectados (se estiver usando a personalização).
4. Republique o bloco de conteúdo, se necessário.

Observação: durante a visualização como Todos os compradores, as tags de personalização não serão renderizadas com os dados do cliente. Eles são preenchidos apenas para compradores registrados reconhecidos.

Exemplos de casos de uso

Os blocos de conteúdo no site podem ser usados para:

• Promover ofertas específicas de produtos nas páginas de produtos.
• Exiba cupons exclusivos para clientes VIP.
• Destaque benefícios de fidelidade ou recompensas.
• Personalize mensagens promocionais usando as propriedades do perfil do cliente.
• Direcione os compradores para o Customer Hub para resgatar cupons ou visualizar ofertas personalizadas.

Veja como funciona

Quando um comprador visita uma página que contém um bloco de conteúdo da Klaviyo:

• A Klaviyo recupera o conteúdo publicado usando a ID do bloco de conteúdo.
• As regras de segmentação determinam se o comprador deve ver o conteúdo.
• Se o comprador for reconhecido, as tags de personalização serão preenchidas usando o perfil da Klaviyo.
• Os links configurados para abrir o Customer Hub levam os compradores diretamente à experiência relevante, como cupons disponíveis.

Isso permite que você crie conteúdo promocional dinâmico e reutilizável sem modificar seu tema da Shopify sempre que suas mensagens forem alteradas.