Совет HubSpot COS: как добавить персонализацию на свой сайт

Совет HubSpot COS: как добавить персонализацию на свой сайт
Совет HubSpot COS: как добавить персонализацию на свой сайт
Anonim

Когда HubSpot представил возможность отображать свойства контактов на страницах вашего веб-сайта, это поразило практически всех в отрасли (а также всех, кто присутствовал на INBOUND '13.)

Теперь, когда эта мощная и впечатляющая функция существует, немедленным ответом будет включить ее везде и всюду, где она подойдет.

Однако нам очень хотелось усовершенствовать нашу стратегию, применив более тонкий подход.

Не путайте тонкость и эффективность.

The HubSpot COS: тонкая персонализация в лучшем виде

Давайте посмотрим, какое именно предложение мы будем персонализировать:

Что бы ты хотел сделать дальше?

Теперь возьмем это предложение, и если у вас есть контактная информация, то же самое предложение будет выглядеть так:

Что бы ты хотел сделать дальше, Бобби?

Хорошо. Это мое имя, да?

Проблема в запятой. Это грамматически правильно, и оно должно быть там. В теге персонализации нет этой запятой, поэтому нам нужен CSS, чтобы это исправить.

HTML


Что бы ты хотел сделать дальше?

Обратите внимание, что между словами «следующий» инет пробела

CSS

.имя-персонализации:before { content: ', '; поле-право:10px;

}.personalization-name:empty { display:none;

}

Селектор CSS поддерживается во всех основных браузерах, кроме IE8 и более ранних версий (конечно)

И ва-ля!

Здесь мы решили пару проблем.

1. Добавление комментария, когда есть имя, связанное с контактом, который находится на вашем сайте

2. Полное удаление, если посетитель сайта не является лидом и у вас нет его имени.

Мне бы хотелось увидеть и услышать о том, что вы, ребята, делаете с персонализацией, поэтому оставьте комментарий ниже!