Como criar e configurar os hotsites da SmartHint

Chegou a hora de dar vida nos seus Hotsites! Crie páginas escolhendo um dos templates pré-desenvolvidos e vincule os seus respectivos conteúdos!

O hotsite é uma página exclusiva que pode ser criada e divulgada as campanhas e produtos para captar a atenção dos consumidores, com foco direto em conversão de vendas. Na SmartHint, é possível criar quantos hotsites quiser e customizá-los como desejar.

1. Preparando a Página na sua Plataforma de E-commerce

Antes de configurar o conteúdo no painel da SmartHint, você precisa ter uma página nativa "sem conteúdo" criada na sua plataforma de hospedagem.

Estrutura básica: Esta página precisa conter os elementos padrões do seu e-commerce, como cabeçalho (header) e rodapé (footer).
O Miolo (Seletor): A página deve conter uma divisão vazia (div ou class) no código para indicar onde o conteúdo do hotsite da SmartHint será renderizado.

💡 Nota para Lojas API: Se a sua integração com a SmartHint for via API, você não precisa se preocupar com seletores de página. O campo de seletor será ocultado automaticamente no seu painel. Essa configuração é necessária apenas para lojas baseadas em Script.

Se a sua loja utiliza Script SmartHint, você (ou seu desenvolvedor) pode usar um modelo genérico como este para criar o seletor entre o cabeçalho e o rodapé:

HTML

<!DOCTYPE html>
<html>
  <head>
    <div class="topo-site"></div>
    <div class="menu-site"></div>
  </head>
  <body>
    <div id="smarthint"></div>
  </body>
  <footer>
    <div class="info-site"></div>
  </footer>
</html>

2. Gerenciando seus Hotsites (Nova Listagem)

No painel administrativo da SmartHint, acesse o menu lateral: Hotsites > Cadastro hotsites.

A nova tela de listagem traz ferramentas avançadas para facilitar o seu dia a dia e o suporte:

Filtros de busca rápidos: Encontre páginas facilmente buscando por Nome, Título, URL, Período de exibição ou Status (Ativo/Inativo).
Gestão de Itens: Através dos ícones de ação, você pode editar, desligar, pausar, excluir ou duplicar qualquer hotsite.
Dados unificados: A listagem agora exibe diretamente a URL completa do hotsite e o evento correspondente do Google Analytics.

3. Configurando um Novo Hotsite

Para começar, clique no botão Criar novo Hotsite e preencha os campos estruturais de CONFIGURAÇÕES GERAIS:

Nome interno: Nome interno para identificação no painel e que servirá como título da página para os compradores (Ex: Black Friday Selecionados).
Título Hotsite: Nome do Hotsite que será apresentado ao comprador da sua loja virtual.
URL Página: Para simplificar o cadastro, o painel agora utiliza uma URL base padronizada da sua loja. Você só precisa identificar o termo final que deseja para aquele hotsite específico.
- Exemplo: Se a sua página em branco padrão é www.minhaloja.com.br/hotsite, ao preencher o campo com "promocao", o link final gerado será: www.minhaloja.com.br/hotsite?page=promocao.
Seletor da página (Apenas para Lojas Script): Indique a ID ou CLASS que você criou na sua plataforma.
- Se for Class, insira com ponto final entre parênteses. Ex: (.smarthint-selec)
- Se for ID, insira com a hashtag. Ex: (#smarthint)

4. Escolhendo o Template e Customizando o Visual

A criação conta com um sistema de pré-visualização realista do layout (banners e produtos) para você ver como a página vai ficar antes mesmo de publicar.

Preencha os campos de customizações do Hotsite na seção ADICIONAR CONTEÚDO:

Configuração de Banners

URL Externa OU Banner Cadastrado: Nos templates URL EXTERNA, você insere as URLs das imagens diretamente no formulário. Nos templates BANNER CADASTRADO, você deve cadastrar os banners previamente na aba "Cadastro de banner" e apenas selecioná-los na configuração do hotsite.
Desktop e Mobile independentes: Agora você pode cadastrar artes e banners totalmente distintos para desktop e para dispositivos móveis, garantindo a melhor experiência em qualquer tela.
Responsividade: Caso use a mesma imagem, ative a opção "Utilizar também no mobile" para torná-la responsiva.
Atualização ágil: Ao alterar ou ajustar um banner, basta dar um refresh na página de hotsite para visualizar a mudança, sem a necessidade de retransmitir ou salvar todo o formulário do hotsite novamente.

Campos de Texto Livre (HTML Simples)

Posição: Determine se o texto ficará após o Banner ou após a listagem dos produtos
O campo aceita HTML simples (limite de até 3.000 caracteres).
Atenção: Não há suporte para folhas de estilo (CSS) complexas ou scripts personalizados neste campo por questões de segurança.

5. Vinculando Produtos à Vitrine

Você pode definir quais produtos aparecerão no seu hotsite através de 4 métodos:

A. Importação de Produtos via Planilha (.CSV)

Ideal para listas fixas de produtos. Baixe o modelo .CSV no painel e preencha as colunas necessárias:

Campo: Como identificaremos o produto (SKU, MPN ou URL).
Valor: O código ou link correspondente.
Ordem: A posição de exibição (sendo 0 a primeira posição da página).

📊 Melhorias na Importação: O sistema agora aceita arquivos separados tanto por vírgula (,) quanto por ponto e vírgula (;), aceita listas de até 2.500 linhas e traz avisos e feedbacks claros na tela em caso de sucesso ou erro no processamento. Certifique-se de que os produtos importados estejam ativos e com estoque no painel.

💡 Configurações para importação de produtos:

Ativar ordenação automática: Se a opção de "Ordenação Automatica" estiver desligada, ela seguirá a ordenação da lista importada. Agora se ela estiver ligada, ela vai considerar a relevância e destaque de produtos, quando houver.
Importante: Ao utilizar Destaque de Produtos essa opção deve estar selecionada.

Ativar rolagem infinita: Permite que os produtos sejam carregadas automaticamente à medida que o usuário role a página.

B. Resultado de Busca

Insira um termo de pesquisa (Ex: "tênis de corrida"), utilizando a busca SmartHint, e copie a URL, do resultado apresentado. O hotsite exibirá automaticamente os resultados que apareceriam na busca interna da sua loja para essa palavra.

C. Vitrine de Recomendação

Associe o hotsite diretamente às vitrines inteligentes da SmartHint, como as de Lançamentos ou Ofertas Especiais. Ao selecionar esta opção, os produtos selecionados da vitrine escolhida, serão os produtos que serão apresentados no Hotsite.

D. Produtos por Condição (Dinâmico)

Crie regras lógicas baseadas em atributos (Preço de/por, Gênero, Tag, Marca e Categoria) para que a listagem do Hotsite, se atualize sozinha.

Contém: Retorna produtos que possuem o atributo indicado.
Não contém: Exclui produtos que tenham o atributo indicado.

6. Periodo de exibição

O preenchimento do periodo de exibição é importante caso tenha alguma campanha, com data/hora de início e de fim da exibição para garantir que a campanha entre e saia do ar no momento correto, evitando erros de exibição no site.

💡Caso o período não seja definido, não se preocupe! As páginas serão apresentadas sempre que estiverem ativas.

7. Recursos e Recursos Avançados da Vitrine

Filtros Rápidos: Agora você pode ativar e vincular os filtros de busca rápidos dentro dos seus hotsites. Essencial para páginas com grandes volumes de produtos, permitindo que o cliente filtre por tamanho, cor ou marca dentro do próprio hotsite.
Para isso, basta criar uma regra de FILTRO RÁPIDO e vincular ao hotsite criado. Consulte mais no artigo "Filtros Rápidos SmartHint"

Pronto! Com a nova estrutura de hotsites da SmartHint, criar páginas de alta conversão ficou muito mais rápido e prático.

Esperamos que este conteúdo tenha sido útil! Se tiver dúvidas sobre a criação de páginas na sua plataforma, consulte o suporte da sua hospedagem ou nossa equipe de atendimento.

Pesquisa