Tour Tips Website

Tour Tips Website — это плагин интерактивного визуального руководства для сайта на WordPress!

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

Отличное решение

Отличное решение для вашего сайта по добавлению визуального руководства на любую страницу с любым наполнением и к любому CSS элементу.

Просто добавлять

Добавить руководство к выбранному CSS элементу веб-страницы так же легко как установить и активировать плагин, написать текст или опубликовать статью.

Легко настроить

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

Быстрая работа

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

Повышает лояльность

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

Автоматические обновления

Добавить руководство к выбранному CSS элементу веб-страницы так же легко как установить и активировать плагин, написать текст или опубликовать статью.

Возможности Tour Tips Website

Tour Tips Website создает визуальные подсказки к элементам веб-страницы сайта и выводит кнопку для старта визуального руководства с данными подсказками к указанным элементам, помимо этого можно указать ширину окна всплывающей подсказки и положение по отношению к выбранному элементу!

Текст для визуального руководства (подсказки), можно написать с использованием HTML тегов, задать заголовки, размер, цвет текста и его выравнивание, а так же добавлять картинки или ссылки!

Как создать руководство

После установки и активации плагина Tour Tips Website, в редакторе страниц и записей появится метабокс под одноименным названием «Tour Tips Website» где и происходит добавление, редактирование или удаление элементов визуального руководства!

На скриншоте метабокса вы видите:

1 — кнопка для добавления нового элемента визуального руководства

2 — заголовок создаваемого элемента

3 — CSS класс элемента веб-страницы, может начинаться только с точки «.» или решетки «#» (поле обязательно для заполнения)

4 — ширина всплывающего окна с руководством

5 — положение всплывающего окна по отношению к выбранному элементу веб-страницы

6 — текст руководства для выбранного элемента веб-страницы с поддержкой HTML тегов

7 — кнопка удаления элемента визуального руководства

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

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

После того как был добавлен, отредактирован или удален какой либо элемент визуального руководства, для сохранения изменений, необходимо сохранить, опубликовать, либо обновить страницу/запись!

добавление и настройки элемента визуального руководства

управление элементами визуального руководства

Настройки плагина

Основные настройки плагина Tour Tips Website в основном затрагивают настройки приветственного сообщения и кнопки вызова визуального руководства!

Тут можно настроить текст кнопки вызова руководства, включить приветственное сообщение о наличии руководства на веб-странице, его содержимое, ширину, положение всплывающего окна и произвольные CSS.

На скриншоте страницы настроек вы видите:

1 — поле ввода теста кнопки вызова визуального руководства, если данное поле остается пустым, то по умолчанию текст кнопки «Справка»

2 — включение приветственного сообщения, сообщения о наличии визуального руководства на веб-странице. Данное сообщение показывается только на странице где установлены элементы визуального руководства и может быть закрыто пользователем по нажатию кнопки или вне окна руководства. Если пользователь закрывает данное окно кнопкой, то плагин с помощью Cookies запоминает данное закрытие и больше не показывает это сообщение на данной веб-странице!

3 — TinyMCE редактор приветственного сообщения

4 — ширина всплывающего окна с сообщением

5 — положение всплывающего окна по отношению к кнопке вызова визуального руководства

6 — произвольные CSS, где можно прописать свои стили для визуального изменения пользовательской части плагина Tour Tips Website

страница настроек плагина

Tour Tips Website — поддерживает автоматические обновления Codeseller Updater.

Авторизация
*
*
Войти с помощью: 
Генерация пароля