內容簡介
Simple Tour Guide 是一個容易使用的逐步引導使用者指南,讓您可以為您的訪客建立互動式的引導遊覽。
這個外掛提供了一種偉大、整潔且快速的方式,以視覺方式引導使用者到您網站上的不同元素,介紹您的產品或服務,提升使用者體驗和顧客滿意度。此外,互動式的使用者步驟演示是一種強大的方式。此外,這個外掛是基於 Shepherd.js - 一款開源的輕量級vanilla.js庫來進行引導遊覽。
透過友好的用戶管理介面,您可以自定義文本、彈出窗口(步驟)的數量,並鏈接到任何DOM元素。
外掛選項
您可以從“創建導遊”選項卡創建導遊並增加許多步驟到其中。您可以新增步驟標題、步驟說明,鏈接步驟到特定的dom元素並添加自定義類。您還可以選擇僅顯示一次的導遊,或者在每次重新加載頁面(測試模式)時顯示導遊並在單擊關閉按鈕時進行確認。另一個很酷的功能是可以選擇在哪些頁面上顯示導遊。如果需要,您也可以選擇僅向登錄用戶顯示導遊,並在導遊啟動時禁用其餘網站。您還可以添加進度條,顯示用戶到導遊結束還有幾個步驟,並通過“樣式”選項卡自定義步驟按鈕和進度條的顏色。
外掛標籤
開發者團隊
📦 歷史版本下載
原文外掛簡介
Simple Tour Guide is an easy to use step-by-step onboarding user guide that lets you create an interactive guided tour for your visitors.
The plugin provides a great, neat and fast way to indroduce users to your product or service – by guiding them visually to different elements on your website.
An interactive user walkthrough is a powerful way to increase user experience and customer satisfaction. This plugin is based on Shepherd.js – an open-source lightweight vanilla js library for guided tours.
Customize the text, the number of popups (steps) and link to any DOM element through a friendly user admin interface.
Plugin Options
You can create a tour and add as many steps to it as you want from “Create a Tour” tab. You can add step title, step description, link the step to a specific dom element and add a custom class to it. You can also choose to display the tour only once or show it everytime you reload a page (test mode) and ask for confirmation when the close button is clicked. Another cool feature is the ability to choose on which pages to display the tour. If you want, you can also choose to display the tour to logged in users only and disable the rest of the site while the tour is active. You can also add a progress bar to show the users how many steps remain until the end of the tour and customize the colors of the step buttons and the progress bar via the “Style” tab.
