Usando a propriedade de contato para personalizar o seu site

[DanielSanchez]

Olá pessoal!

Hoje vou compartilhar algo que é bastante útil nesses casos específicos de personalização de conteúdo para diferentes visitantes. Na plataforma da HubSpot, já são opções o HubDB e Smart Content com o Módulo de Rich Text, mas com essa dica você poderá também expandir as possibilidades de informação sobre os clientes para mostrar uma página personalizada ao visitante.

Se você deseja saber como criar um valor de propriedade e atribuir um valor à essa propriedade através dos Workflows, acesse este artigo.

Agora, com a propriedade já criada e o Workflow em execução para definir os valores para cada contato, podemos atribuir o valor dessa propriedade em módulos personalizados; esse valor serve para criar as classes na seção HTML e com essas classes, você pode personalizar o conteúdo no layout ou mostrar conteúdo alternativo.

Segue abaixo um exemplo onde o conteúdo fica escondido, e o valor da propriedade do contato, faz aparecer a opção 1 ou a opção 2 (serve para esconder um formulário caso o contato já tenha preenchido):

HTML/HubL

<div class="top show-{{ contact.property_value }}"> Seu conteúdo padrão aqui </div>
<div class="top show-{{ contact.property_value }}"> Seu conteúdo alternativo aqui </div>

*property_value = substitua pelo nome da propriedade que deseja puxar o valor

CSS

.top { display:none; }
.show-default{ display:block; }
.show-version2 {  display:block;}

*default e version2 são os valores ilustrativos, no caso seriam os valores da propriedade utilizada no HTML/HubL acima.

Ideias de aplicação

• Exibir um conteúdo diferenciado se o contato já preencheu o formulário, para evitar que o visitante preencha novamente;
• Alterar os estilos da página, como as cores do botão, plano de fundo, imagens de plano de fundo e outras opções;
• Qualquer outra opção em que você possa personalizar o conteúdo para os usuários que possuem o valor definido nas propriedades de contato.

Espero que este conteúdo tenha sido útil! Caso você conheça alguma outra maneira de exibir seu conteúdo personalizado, compartilhe conosco nos comentários.