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 Klaviyo Customer Hub está ativado para sua loja, e sua conta tem acesso aos recursos de personalização do Klaviyo Customer Hub.
• 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 primeiro nome de um cliente), a Visibilidade do seu bloco de conteúdo está definida como Compradores conectados. O editor impede a publicação de blocos personalizados com visibilidade Todos os compradores ou Compradores desconectados.

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:
   • Reutilize uma gaveta existente ou um bloco de conteúdo no site: em Seus blocos, clique em Adicionar bloco no bloco que você quer copiar.
   • Comece com um modelo da biblioteca de blocos de conteúdo do Klaviyo: clique em Adicionar bloco em um modelo.
   • Crie um novo bloco de conteúdo: clique em Crie o seu.
5. Na guia Conteúdo, crie seu conteúdo adicionando:
   • Um cabeçalho em Cabeçalho do bloco e texto do corpo em Parágrafo do bloco
   • Imagens (opcional)
   • Um destino de link (opcional)
   • Tags de personalização, como o nome de um cliente
6. Para tornar o bloco clicável, insira um destino no campo Link. Para abrir a página de cupom do Klaviyo Customer Hub, insira #k-hub/coupons e deixe Abrir link em uma nova guia desmarcado. Deixe Link em branco se o bloco deve exibir apenas informações.
7. Insira um Nome interno. Esse nome é usado para identificação e traduções e não fica visível para os clientes. Escolha antes de publicar. Você não pode editar depois.
8. Defina Visibility para escolher quais clientes podem ver o bloco. Para segmentar listas ou segmentos específicos, use Show to e Don't Show to em Targeting.
9. Na guia Estilo, ajuste a aparência do bloco, incluindo dimensões e estilo, conforme necessário.
10. Clique em Publicar.

Depois de publicar, o ID exclusivo do bloco aparece como UUID do bloco na guia Conteúdo. Você vai usar esse ID ao adicionar o bloco ao seu tema do 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. No Klaviyo, abra a guia Conteúdo do bloco e use o controle de cópia ao lado de UUID do bloco.
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 o UUID que você copiou do Klaviyo 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 pode aparecer em qualquer lugar onde você tenha colocado o bloco do app Klaviyo Content Block, para clientes que correspondam às configurações de visibilidade e segmentação dele.

Visualize e teste seu bloco de conteúdo

Se o bloco de conteúdo estiver configurado para Compradores conectados, teste-o na sua loja virtual enquanto estiver conectado em uma conta de cliente. Uma prévia sem uma sessão de cliente conectado não mostrará o bloco.

Para testar posicionamento, estilo e personalização:

1. Mantenha as configurações de Visibilidade e Segmentação pretendidas do bloco. Se você as alterou, clique em Publicar no Klaviyo antes de testar.
2. Abra a página da loja virtual onde você colocou o bloco do app. Se o bloco estiver definido como Compradores conectados, faça login em uma conta de cliente.
3. Confirme o posicionamento, o estilo, o texto e o destino do link. Se você usar direcionamento por lista ou segmento, faça um teste com um cliente do público-alvo pretendido.
4. Se você precisar fazer alterações, volte para Klaviyo Customer Hub > Design, selecione o bloco, atualize-o e clique em Publicar. Atualize a página da vitrine e teste novamente.

Observação: blocos personalizados não podem ser publicados com visibilidade de All shoppers ou Logged out shoppers. Mantenha Logged in shoppers selecionado ao testar conteúdo que usa tags de personalização.

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.
• Para um bloco definido como Compradores conectados, as tags de personalização são preenchidas usando o perfil da Klaviyo do comprador conectado.
• 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.