Когда HubSpot представил возможность отображать свойства контактов на страницах вашего веб-сайта, это поразило практически всех в отрасли (а также всех, кто присутствовал на INBOUND '13.)
Теперь, когда эта мощная и впечатляющая функция существует, немедленным ответом будет включить ее везде и всюду, где она подойдет.
Однако нам очень хотелось усовершенствовать нашу стратегию, применив более тонкий подход.
Не путайте тонкость и эффективность.
The HubSpot COS: тонкая персонализация в лучшем виде
Давайте посмотрим, какое именно предложение мы будем персонализировать:
Что бы ты хотел сделать дальше?
Теперь возьмем это предложение, и если у вас есть контактная информация, то же самое предложение будет выглядеть так:
Что бы ты хотел сделать дальше, Бобби?
Хорошо. Это мое имя, да?
Проблема в запятой. Это грамматически правильно, и оно должно быть там. В теге персонализации нет этой запятой, поэтому нам нужен CSS, чтобы это исправить.
HTML
Что бы ты хотел сделать дальше?
Обратите внимание, что между словами «следующий» инет пробела
CSS
.имя-персонализации:before { content: ', '; поле-право:10px;
}.personalization-name:empty { display:none;
}
Селектор CSS поддерживается во всех основных браузерах, кроме IE8 и более ранних версий (конечно)
И ва-ля!
Здесь мы решили пару проблем.
1. Добавление комментария, когда есть имя, связанное с контактом, который находится на вашем сайте
2. Полное удаление, если посетитель сайта не является лидом и у вас нет его имени.
Мне бы хотелось увидеть и услышать о том, что вы, ребята, делаете с персонализацией, поэтому оставьте комментарий ниже!