Интерактивные экскурсии по продуктам для обучения

Интерактивные экскурсии по товарам уже давно просвещают потенциальных покупателей, и Usetiful's подход позволяет недорого использовать аналогичную технологию для обучения ваших команд, работающих с клиентами.

В этой статье мы рассмотрим:

• Провести вас через процесс настройки Usetiful
• Покажите, как создавать "умные советы", которые отлично подходят для усиления обучения в контексте.
• Продемонстрируйте, как мы создаем простую экскурсию по продукту

Обратите внимание, что мы пишем это руководство для БЕСПЛАТНОЙ версии.

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

Оговорки

К Usetiful предъявляются следующие требования.

• Продукт работает только с веб-приложениями.
• Вы захотите установить расширение Chrome для захвата областей на экране для добавления туров, советов и контрольных списков.
• Вы должны вставить небольшой фрагмент кода JavaScript в ваше веб-приложение, чтобы продукт мог работать с ним.  ИЛИЕсли вы используете WordPress, установите плагин.

Начало работы с Usetiful

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

Установите расширение Chrome

Когда вы впервые устанавливаете продукт, он направляет вас в магазин Chrome Store для установки расширения.

Однако если вы не установили его, в пользовательском интерфейсе всегда будет полезная ссылка; просто выберите опцию "Предварительный просмотр с плагином".

Вам также необходимо перейти к опции "Установить на ваш сайт...", которая предлагает вам два варианта выбора.

Заметка о WordPress

Если вы используете плагин WordPress, вас попросят ввести два ключа. На самом деле это то же значение, которое вы можете найти, нажав на опцию Advanced Set-Up.  

Вы увидите код, похожий на:

r.dataset.token = "abcdef123456;
a.appendChild(r);

Возьмите свое значение (см. выделенное жирным шрифтом выше) и скопируйте его в оба поля плагина:

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

Если вы не используете WordPress

Если вы выберете "Анонимные посетители", вы потеряете возможность отслеживания, но все данные останутся локальными для веб-браузера пользователя. Ваша служба безопасности это оценит.

Можно выбрать "Зарегистрированные пользователи", что может быть ценным для усиления обучения, показывая информацию только тем, кто ранее ее не просматривал, например.

В этом руководстве мы выберем вариант "Анонимный". 

После этого страница обновится и покажет вам код JavaScript, который нужно вставить в HEAD HTML-страницы вашего сайта.

Примечание: Мы протестировали эту настройку на сайте WordPress и использовали плагин "Insert Headers and Footers Code - HT Script", чтобы проверить этот код, подключив расширение Usetiful chrome к нашему сайту.

Создание умного совета

Начнем с "Умных советов".

Что такое "умный совет"?

Smart Tips позволяют вставлять в приложение полезные всплывающие окна, будь то интерактивные туры по продуктам или обучающие цели.

Как создать умный совет?

Выберите пункт меню "Умные советы". Страница обновится и будет выглядеть примерно так.

Примечание: Поскольку в настоящее время у нас нет настроенных советов, пользовательский интерфейс предоставляет полезную большую кнопку, чтобы показать вам, с чего начать. Просто нажмите на кнопку "Создать умные советы".

Теперь страница изменится на страницу создания.

Нажмите на значок цели рядом с надписью Element. Появится всплывающее окно с вопросом, на какой сайт вы добавите подсказку; мы выбрали https://trustenablement.com, так как именно здесь мы добавили код JavaScript. 

Выберите кнопку "Открыть страницу", и откроется веб-сайт.

Сейчас.

При наведении курсора на элементы на веб-странице они подсвечиваются, чтобы показать информацию, необходимую для размещения Smart Tag.

Просто нажмите на выделенное синее поле, и информация будет скопирована.

Создание умного совета

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

Обратите внимание на следующие важные опции на этом экране.

Дисплей включен

• Выберите, хотите ли вы, чтобы умный совет отображался при наведении мыши (когда мышь проходит над элементом).
• Или "Щелкнуть", требуя, чтобы пользователь щелкнул по элементу для отображения подсказки.
• Или, в фокусе, подведите мышь к элементу и оставьте ее там.

Ориентация относительно элемента

• Хотите ли вы позволить Usetiful разместить наконечник там, где он считает нужным?
• Или вы хотите установить позиционирование справа, слева, сверху или снизу?

Давайте посмотрим на правую часть экрана и заполним подсказку информацией.

В дополнение к стандартным параметрам форматирования вы можете:

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

Задайте описание, выберите Сохранить и выйти, а затем кнопку Опубликовать.

А теперь перейдите обратно в приложение

Перейдите к приложению и обновите браузер.

Прокрутите страницу Последние рекомендации и вы увидите что-то похожее на это.

В платной версии вы можете дополнительно контролировать внешний вид и ощущения, но БЕСПЛАТНЫЙ пользовательский интерфейс выглядит достаточно хорошо для внутреннего обучения и интерактивных экскурсий по продукту.

Создайте простой интерактивный тур по продукту

Чтобы создать тур, вернитесь в главное меню и выберите пункт "Тур", который снова покажет вам простой в использовании экран для начала работы. Выберите четко расположенную кнопку "Создать тур".

Создание нашего тура

Интерфейс создания тура аналогичен экрану и потоку создания смарт-чаевых.

На этом экране вы:

• Установите заголовок или скройте его.
• Установите один из следующих типов:
  • Модальный. Открывается в середине страницы
  • Указатель. Открыть рядом с определенным элементом (выбор элемента осуществляется так же, как описано выше).
  • Слайд-аут. Открывается с одной стороны экрана, и вы выбираете Bottom Left или Bottom Right.
• Вы даете названия кнопкам и добавляете дополнительные.

А в нижней половине этого экрана, не видимой на скриншоте выше, вы увидите дополнительные опции (здесь показаны все выбранные опции, чтобы упростить наше описание).

Вы можете определить, что побуждает начать тур, если обратная связь собирается с помощью эмодзи в середине окна

Создайте поток по своему усмотрению, сохраните и выйдите, затем опубликуйте.

Заключительные мысли

Мы надеемся, что это описание возможностей Usetiful, связанных с обучением, было полезным.

Обновления продукции

ноябрь 2022 года

• В последнем обновлении Usetiful теперь поддерживает версионность контента, что позволяет легко вернуться к предыдущему контенту при необходимости.

Вокруг Сети

Часто задаваемые вопросы

Последние материалы блога

• The Challenges of the Digital Workplace and How to Overcome Them
  Ноябрь 22, 2023 Автор: Bei
   The digital workplace offers an exciting new frontier in how we think about work. However, like any form of technological disruption, businesses must overcome specific challenges to unlock the potential benefits of this change.Let’s explore some of these roadblocks and see how a digital adoption platform (DAP) can provide an elegant solution.Image by DCStudio on […]
• Taking Advantage of Technology: The Role of Automation in the Modern Workplace
  Ноябрь 13, 2023 Автор: Bei
   Humans have used technology to outsource labor since the Roman water grains in 1BC. However, The term automation has been in practice since the mid-40s when a manager at the US Ford car manufacturing plant used the word to describe its mechanized production line. Fast forward almost 80 years, and we have self-driving cars and […]
• 9 Ways to Know if Your Employee Software Training Needs a DAP
  Ноябрь 9, 2023 Автор: Bei
   Employee software training is essential for teams that want to drive productivity, adopt new technology, and get an ROI from software spending. Thankfully, there are lots of great HR employee onboarding solutions out there to help you streamline and automate the integration of new hires into your organization. HR employee onboarding software is great for collecting […]
• 1991 Accelerator & Usetiful: Supporting the Ukrainian Startup Community
  Октябрь 30, 2023 Автор: Bei
   As Ukraine continues its brave battle against invading Russian forces, assistance from the global community can come in different forms. Military aid, food, and health supplies are vital to support the country through this difficult time. However, these programs must go hand in hand with long-term development strategies that provide a path toward rebuilding Ukraine's […]
• Best Practices for Customer Onboarding
  Октябрь 17, 2023 Автор: Bei
   Effective customer onboarding helps you make a positive first impression, increase adoption, and reduce churn. However, while most businesses understand the benefits of great onboarding experiences, they don’t always know how to unlock them. But don’t worry; our list of customer onboarding best practices is here to change all that.Image by FreepikWhat is customer onboarding?Customer onboarding […]
• Surveys vs Forms: What are the differences and How to use them
  Октябрь 10, 2023 Автор: Bei
   While surveys and forms sound similar, they are different things with their own goals, formats, and best practices. However, they are both crucial elements of customer success because they allow you to collect a vital resource: feedback.Any company worth its salt needs feedback. It allows you to improve your product and understand your customers at […]
• What to Look for in Employee Onboarding Software
  Сентябрь 26, 2023 Автор: Bei
   Good employee onboarding has a significant impact on retention, job satisfaction, and engagement. While this has been common knowledge in the business community for years, putting the theory into practice is still a persistent issue for many organizations.Onboarding is about far more than just signing documents, getting login credentials, and meeting a new team. It’s […]
• Customer Self-Service Widget, Making It Easy for Customers to Get Help
  Сентябрь 20, 2023 Автор: Bei
   Advances in our understanding of UI/UX mean that apps and websites are easier to use and more intuitive than ever. But no matter how flawless designs become, customers will need help occasionally. Users approach technology from different levels of experience and know-how, so it's essential to provide assistance when they need it and where they need […]

Конкуренты Usetiful

Ценообразование

Продукт предлагает бесплатную версию и несколько платных пакетов.

Бесплатно

• 1 экскурсия по продукту и 1 страница с умными советами
• 2000 передач / месяц
• 1 член команды

Плюс

Все бесплатно, плюс:

• 29 евро/месяц
• Неограниченные экскурсии, умные советы и контрольные списки
• 5.000 передач / месяц
• до 2 членов команды
• Контрольный список при вводе в должность
• Настраиваемые темы для создания оригинального внешнего вида
• Аналитика использования
• Базовая сегментация
• Приоритетная поддержка по электронной почте
• 14-дневная бесплатная пробная версия
• 30-дневная гарантия возврата денег

Премиум

Все в плюсе, и:

• 99 евро/месяц
• Неограниченные экскурсии, умные советы и контрольные списки
• 20 000 передач / месяц
• до 7 членов команды
• Отсутствие водяного знака Usetiful
• Дополнительная защита счета
• Электронная почта и видео поддержка
• Соглашение об обработке данных

Предприятие

Все в Premium, плюс:

• Цена не указана
• столько ассистентов, сколько вам нужно
• столько членов команды, сколько вам необходимо
• Расширенные полномочия команды
• Пользовательский контракт и DPA
• Интеграции