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