[CMS] Персонализация сайта на максималках: знакомим с Sitefinity CMS, про которую мало кто знает, а зря
Автор
Сообщение
news_bot ®
Стаж: 6 лет 9 месяцев
Сообщений: 27286
Мы разработали несколько веб-сайтов на платформе 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 и веб-мастеров затруднительно («Что-то поменять – верный шаг поломать»).
А уж как платформа экономит время и бюджет счастливого заказчика, который сможет не только поддерживать, но и развивать свой сайт “накликивая мышкой” новые страницы, разделы и маркетинговые фичи, мы лучше вообще промолчим. Как разработчики
Для тех, кто в танке: www.progress.com/sitefinity-cms
Для прокачки: www.progress.com/sitefinity-cms
Сайт счастливых заказчиков: www.progress.com/customers
Для знакомства: digdes.ru
===========
Источник:
habr.com
===========
Похожие новости:
- [CMS, Подготовка технической документации] «Мистер X» или стоит ли небольшой команде рассмотреть XWiki как возможную замену Confluence?
- [Веб-дизайн, Разработка веб-сайтов, PHP, 1С-Битрикс] Фреймворки против Битрикс
- [Разработка веб-сайтов, JavaScript] Поговорим об инструментах для создания клиентских веб-приложений с использованием традиционных языков программирования
- [CMS, Разработка веб-сайтов, Usability, Веб-аналитика, Интернет-маркетинг] 26 шагов SEO-настройки для нового сайта: что учесть, чтобы не переделывать
- [CMS, DevOps] Webflow для лендинга + Ghost для блога с Caddy Server (перевод)
- [CMS, PHP, Magento] За что я люблю Magento 2
- [CMS, PHP, Laravel] Как обновить October CMS до Laravel 6?
- [Программирование микроконтроллеров] Полноценный трехпортовый USB-Serial адаптер на STM32 Blue Pill (STM32F103C8T6)
- [Разработка веб-сайтов, Разработка под e-commerce, Управление e-commerce, Бизнес-модели, IT-компании] Архитектура маркетплейса
- [CMS, PHP, Программирование, Разработка под e-commerce, Интернет-маркетинг] Генератор ocmod-файла для интернет-магазина на Opencart
Теги для поиска: #_cms, #_cms, #_cms_razrabotka (cms разработка), #_personalizatsija_sajta (персонализация сайта), #_cms_s_udobnoj_adminkoj (cms с удобной админкой), #_sajtostroenie (сайтостроение), #_blog_kompanii_digital_design (
Блог компании Digital Design
), #_cms
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 22-Ноя 10:18
Часовой пояс: UTC + 5
| Автор | Сообщение |
|---|---|
|
news_bot ®
Стаж: 6 лет 9 месяцев |
|
|
Мы разработали несколько веб-сайтов на платформе 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 и веб-мастеров затруднительно («Что-то поменять – верный шаг поломать»). А уж как платформа экономит время и бюджет счастливого заказчика, который сможет не только поддерживать, но и развивать свой сайт “накликивая мышкой” новые страницы, разделы и маркетинговые фичи, мы лучше вообще промолчим. Как разработчики Для тех, кто в танке: www.progress.com/sitefinity-cms Для прокачки: www.progress.com/sitefinity-cms Сайт счастливых заказчиков: www.progress.com/customers Для знакомства: digdes.ru  =========== Источник: habr.com =========== Похожие новости:
Блог компании Digital Design ), #_cms |
|
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 22-Ноя 10:18
Часовой пояс: UTC + 5