Este guia te leva passo a passo pela integração, mostrando como ter uma loja online rápida, inteligente e com a melhor experiência para seus clientes.
Como funciona essa integração?
Para entender um pouco dessa parceria de sucesso, é necessário conhecer um pouco mais sobre cada uma das frentes:
- Deco: É uma plataforma front-end moderna e flexível, que dá total liberdade para o lojista criar um ecommerce dos sonhos com Deno, JSX, HTMX e mais.
- SmartHint: É a ferramenta de busca e personalização inteligente, que proprociona a melhor experiência de compra para os usuários da loja virtual.
Juntos, eles te proporcionam:
- Instalação rápida e fácil: Comece a usar a SmartHint na Deco em poucos passos.
- Controle total do design: Crie uma experiência única para seus clientes.
- SEO turbinado: URLs limpas e amigáveis para os mecanismos de busca.
- Busca inteligente: Autocomplete, filtros, banners e muito mais.
- Vitrines personalizadas: Entenda o comportamento dos seus clientes e personalize a experiência com as vitrines da SmartHint.
- Hotsites incríveis: Crie páginas de ofertas e promoções que convertam.
- Compatível com as principais plataformas: VTEX, Nuvemshop, VNDA, Wake, Shopify e Linx.
A SmartHint fornece a tecnologia que será utilizada em seu site por meio da plataforma Deco. É fundamental entender que, nesse tipo de integração, nossa equipe não realiza nenhuma ação ou alteração dentro da plataforma Deco.
O desenvolvimento e implementação da solução, incluindo toda a parte visual (front-end) da aplicação no site, ficam sob responsabilidade da agência ou equipe de desenvolvimento do lojista.
Em caso de necessidade: Se você encontrar qualquer problema ou dificuldade relacionado à plataforma Deco, o contato deverá ser feito diretamente com a equipe de desenvolvimento responsável pela Deco.
Nosso compromisso: A SmartHint se mantém à disposição para esclarecer dúvidas e solucionar qualquer problema ou dificuldade que possa surgir com a tecnologia da SmartHint.
Integrado com SmartHint
Confira abaixo os passos para seguir com a integração:
1. Levantada de mão:
Se você já é cliente SmartHint, avise ao atendimento SmartHint (CS da sua loja ou Suporte) sobre a aplicação na Deco.
Se você ainda não é nosso cliente, entre em contato com nosso time comercial para inciarmos a parceria https://www.smarthint.co/
2. Solicitação de dados da conta na SH:
Solicite os dados da sua conta a SmartHint, como SHCode e Cluster para adicionar nos campos obrigatórios da instalação Deco.
3. Validação do script SmartHint:
Os dados de navegação serão disparados via Deco. Desta forma, é necessário validar se sua loja já possui script da SmartHint no Google Tag Manager, se não houver é necessário adicionar, conforme instrução abaixo (item 2.4), mas caso exista precisará apenas ajustar o disparo, conforme instrução abaixo (item 2.5).
⚠️Lojista Vtex: Em lojas Vtex é importante restringir o disparo no Google Tag Manager, é necessário deixar disponível apenas no Checkout (item 2.5)
4. Adicionar o script no Google Tag Manager
Neste passo será necessário seguir com a inclusão do script SmartHint pelo GTM, para mais informações leia o artigo "Integração SmartHint pelo Google Tag Manager"
5. Restringindo o script no Google Tag Manager
Em Acionamento> Acionadores de Disparo> Criar um acionador de disparo Inicialização-Checkout conforme print
Configuração
Como ficará
Ainda em Acionamento> Exceções> Criar um acionador de alteração do histórico conforme o print
Configuração
Como ficará
Clicar em Enviar
6. Validação dos dados de navegação:
Adicione e garanta que nos Cookies do site contenha esses parâmetros SmartHint-AnonymousConsumer e SmartHint-Session, são hashs utilizadas para identificarmos a navegação do consumidor, correlacionarmos esses dados ao script SmartHint que dispara no Checkout.
7. Disparo de eventos para o “Google Analytics”:
Utilizando a SmartHint via Deco, é necessário solicitar ao desenvolvimento adicionar os eventos para que seja possível acompanhar os resultados no GA4 https://confirmed-stream-507.notion.site/Documenta-o-API-SH-GA4-0826b4b9c8994699be570a5337320284
8. Configurações dentro da plataforma Deco:
Recomendamos que você procure um especialista em Deco para configurar as sessões com as informações necessárias (sessões nas páginas e tracking em todas as páginas em geral), para garantirmos que tudo funcione perfeitamente.
Esse profissional te ajudará a preencher os parâmetros das sessões, escolher as funcionalidades da SmartHint que serão renderizadas no site.
9. Validação e start na integração:
Sinalize uma das equipes de atendimento da SmartHint que a instalação finalizou, e com isso será validado se os dados de navegação estão sendo recebidos pela IA SmartHint. Se estivermos recebendo os dados de Clicks, Pageviews e Pedidos da loja corretamente, significa que a instalação foi concluída com sucesso. Caso falte alguma informação para SmartHint avisaremos para ajustarmos.
Pronto! Agora só forçar a atualização no painel e dentro de algumas horas a ferramenta já estará aparecendo na loja virtual.
Esperamos que este conteúdo tenha sido útil pra você! Confira outros artigos.