Как стать автором
Обновить
43.17
Рейтинг

Персонализация сайта на максималках: знакомим с Sitefinity CMS, про которую мало кто знает, а зря

Блог компании Digital DesignCMS.NETИнтернет-маркетинг
Tutorial
Мы разработали несколько веб-сайтов на платформе CMS Sitefinity и получаем положительные отзывы пользователей, которые любят платформу за простоту и удобство работы. Я Даша Максимова, разработчик ПО Digital Design, покажу, как выглядит CMS Sitefinity для тех, кто занимается первичной настройкой и размещением контента на примере демоверсии сайта, познакомлю с основными фичами и инструментами работы. Мы создадим страницу сайта, персонализируем её и вы удивитесь, насколько это быстро и просто!



Кто знает, на чем сайты в Европе или Америке стоят? Вы знаете? А мы знаем!

Сегодня разбираемся с CMS Sitefinity от компании Progress, учимся персонализировать сайт легким кликом мышки и не мучаем разработчиков, они тоже люди.

После трех лет моей работы с CMS Sitefinity я понимаю, что мне совсем не хочется уходить из разработки на этой платформе, это была судьба. Я все еще продолжаю изучать ее возможности и оценивать ее мощь – подсела, этим все сказано. Самое классное в работе разработчика – это разрабатывать, не отвлекаясь на настройки пожеланий маркетологов. Работая с Sitefinity, это стало осознаваться все больше и больше. Некоторых моментов всё же не удается избежать, но максимально понятный интерфейс админки и хорошая документация делают свое дело. Мы развиваемся, учимся и показываем, чему мы научились.

Чем же нас привлекла CMS Sitefinity. Ниже представлены основные фичи, которые предлагает Progress в описании к CMS Sitefinity.

Бонусы разработчикам:



Бонусы маркетологам:



В этой статье я хочу показать один из бонусов для маркетологов – персонализацию. Почему она важна? «В современной динамичной цифровой среде компаниям необходимо обращаться к разным аудиториям и следить за тем, чтобы посетители их веб-сайтов видели релевантный контент, доставляющий нужную информацию нужному типу посетителей в нужное время. Поскольку вы не можете обращаться ко всем одновременно с относительно общей информацией, персонализация позволяет вам наладить личный и актуальный разговор с вашими клиентами, предоставляя им информацию, которая имеет смысл и полезна для них. Таким образом, вы можете активно привлекать клиентов и достигать бизнес-целей». Итак, давайте ближе к сути.

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

Например, Вася купил у нас шампунь и зубную пасту, значит, через месяц на главной странице он увидит обзор зубных паст, а через 2 месяца – выгодные акции на шампуни. В сочетании с ретаргетингом вне сайта по настроенным триггерам это повысит вероятность покупки.

В качестве демонстрационного веб-сайта я использую Quantum. Это бесплатная версия готового веб-сайта, представленная компанией Progress (её можно скачать на официальном сайте www.progress.com/sitefinity-cms/try-now для локального развертывания или с www.progress.com/sitefinity-cms/try-now/sandbox, использовать облачную песочницу).



Так выглядит сайт, и рук разработчика в нём почти нет! Никакого кастома! Демоверсия собрана из достаточно популярных элементов классического сайта:

  • Готовые шаблоны страниц, чтобы не верстать для каждой страницы header, footer и раскладку страницы
  • Галерея картинок
  • Новости, которые можно отсортировать по категориям и тегам
  • Форумы
  • Форма обратной связи
  • Авторизация
  • Поиск по сайту
  • Магазин с готовыми товарами, корзиной
  • Информация о локации со спутниковой картой
  • Навигационное меню
  • И много различного текстово-ссылочно-картиночного контента.

Что внутри? Основные модули и возможности

Давайте посмотрим «под капот» и перейдем в админку веб-сайта.



Всего лишь 8 вкладок хранят внушительные возможности, о которых вендор рассказывает несколько часов:

  • Мультисайтовость
  • Модуль страниц
  • Основной контент – всё, что может пригодиться для наполнения сайта (библиотеки фото, видео и документы, новости, формы, форумы, комментарии, возможность классификации внешнего и внутреннего контента по тегам и категориям)



  • Модуль e-commerce



  • Шаблоны страниц и правила адаптивной верстки
  • Администрирование (пользователи, роли, права, опции по безопасности, кэшу, cookies, workflow, локализация, интеграции, индексация, чат, экспорт и импорт контента)
  • Модуль маркетинг (персонализация, мониторинг, e-mail кампании, подписчики и шаблоны писем)

От теории – к практике!

Создаем страницу…


Но давайте займемся делом и наконец-таки создадим страницу и персонализируем ее!


В модуле Pages располагаются группы страниц, страницы, локализация, предпросмотр и базовые действия.

  1. Создадим группу страниц. По кнопке Create a page, переходим в окно создания страниц. Задаем имя страницы Digital Design, ставим галки Show in navigation и Make this a group page. Нажимаем кнопку Create.
  2. Создадим страницy Welcome. По кнопке Create a page, переходим в окно создания страниц. Задаем имя страницы Welcome, в разделе Put this page… выбираем Under parent page… и ищем в списке только что созданную группу страниц, ставим галки Show in navigation. Нажимаем кнопку Continue.
  3. Переходим к выбору шаблона страниц, т.е. тому, как будет построен контент на странице. Здесь уже есть готовые шаблоны с подключенными css-стилями. Это могут быть базовые шаблоны Sitefinity или кастомизированные разработчиком (или нет). Выбираем шаблон quantum.
  4. После выбора шаблона открывается страница, на которой видно уже готовую структуру контента: header и footer. Остаётся наполнить ее основным содержимым.
  5. Вытаскиваем на страницу «виджет» — так называются контентные блоки для страниц. Справа в разделе Content находим виджет Content block и перетаскиваем его в середину страницы. Далее по кнопке Create content на виджете открывается окно редактирования содержимого. Выбираем картинку и пишем текст в редакторе.
  6. Также можно вставлять ссылки, видео и таблицы. Если вы не умеете выстраивать красивый контент, но умеете верстать, у вас всегда есть возможность перейти в режим html или вспомнить, как работает «Блокнот». Нажимаем по окончании редактирования кнопку Save.
  7. Страница готова! По кнопке Save as Draft страница сохраняется как черновик, но на сайте не опубликуется. Чтобы посмотреть, как она будет выглядеть, надо перейти в режим Preview (рядом с названием страницы).
  8. Еще одна удобная фишка Sitefinity – это возможность посмотреть страницу на различных устройствах перед публикацией. Контент адаптируется под мобильную версию автоматически. С черновика страницы в правом верхнем меню нажмите на кнопку “...”, а затем Preview for mobile.
  9. Если нас все устраивает, публикуем страницу по кнопке Publish – вот так мы буквально за несколько минут сделали страницу с минимальным контентом.

… и персонализируем ее


1. Переходим в модуль «Маркетинг» -> «Персонализация».

2. Далее перечислены все доступные характеристики, которые вы можете выбрать для описания пользовательского сегмента:

Географические характеристики

  • IP-адрес пользователя
  • Расположение (геолокация)

Характеристики сеанса

  • Целевой URL (Страница вашего веб-сайта, на которую пользователь был перенаправлен с внешнего веб-сайта)
  • URL перехода (URL-адрес страницы, перенаправившей пользователя на вашу страницу)
  • Время суток (временной интервал, когда пользователь посетил сайт)
  • Продолжительность посещения (длительность пользовательского сеанса)
  • Посещенная страница
  • Параметр запроса посещенного URL (персонализирует контент на странице, которая имеет параметр запроса в URL-адресе).

Характеристики учетной записи пользователя

  • Поля профиля пользователя (применяется только к зарегистрированным пользователям).
  • Роли (роль Sitefinity CMS, назначенная пользователю. Например, дизайнеры или заказчики).

Другие поля

  • Покупки, сделанные пользователем на вашем сайте.

3. Создадим новый пользовательский сегмент. Назовем его Customer from Saint-Petersburg. В качестве характеристики задается расположение «Санкт-Петербург» и, предположим, время суток с 12:30 до 15:00 — вдруг именно в эти часы действуют скидки и акции. И добавим ограничение на роль — Anonymous.

4. Следовательно, анонимные пользователи из Санкт-Петербурга с 12:30 до 15:00, смогут увидеть на сайте особенный контент. Нажимаем кнопку Save changes.

5. Теперь, персонализируем контент, на созданной нами ранее странице Welcome. CMS Sitefinity подсказывает, что существуют виджеты, которые можно персонализировать, а можно создать полностью персонализированные страницы. Для виджета Content block нажимаем кнопку More -> Add personalized version. Выбираем созданный пользовательский сегмент Customer from Saint-Petersburg. Нажимаем Add. Теперь изменяем контент для виджета, например, обращение к пользователям. Нажимаем Save.

6. Итак, часть персонализированного контента готова! Для просмотра результатов без публикации страницы можно перейти по кнопке слева -> Preview this page as… На панели слева можно выбрать сегмент и посмотреть, как изменяется контент (Не все же могут оказаться в Питере для тестирования геолокации) или накликать свой набор характеристик текущего пользователя, чтобы понять, как настройки для сегментов накладываются друг на друга. В дальнейшем для пользовательских сегментов можно будет задать приоритеты, чтобы какой-то контент был в топе, при пересекающихся характеристиках. Когда нас все устраивает, мы нажимаем Publish, и все готово!

Вывод


Итак, без сложных манипуляций, быстро и просто, мы создали страничку и настроили ее. Не нужно просить разработчика прикруть какой-то непонятный плагин, не нужно тратить время на тестирование, на доработки, а просто “взять и персонализировать”! СMS очень здорово экономит время проекта, особенно в части расширения и развития контента. Благодаря простоте кода и логичности работе на платформе легко обучаться, возможна автогенерация кода без привлечения программистов. При работе на других платформах довольно сложно вносить изменения: например, чтобы нормально настроить страницу, нужно перебрать все дублирующие и в итоге код может превратиться в «кашу». То же самое происходит при настройке мультисайтовости. И вообще сайты, реализованные на других платформах, сложно передавать от специалиста к специалисту из-за запутанного кода, а администрирование без участия IT и веб-мастеров затруднительно («Что-то поменять – верный шаг поломать»).

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

Для тех, кто в танке
Сайт счастливых заказчиков
Для знакомства

Теги:CMScms разработкаперсонализация сайтаcms с удобной админкойсайтостроение.netинтернет-маркетинг
Хабы: Блог компании Digital Design CMS .NET Интернет-маркетинг
Всего голосов 11: ↑6 и ↓5+1
Просмотры2.6K

Похожие публикации

Лучшие публикации за сутки

Информация

Дата основания
Местоположение
Россия
Сайт
digdes.ru
Численность
201–500 человек
Дата регистрации

Блог на Хабре