by Atanas Yonkov 4.8 (14 reviews)

Simple Tour Guide

Name: Simple Tour Guide
Rating: 4.8 (14 reviews)
Author: Atanas Yonkov

Easily add an interactive step-by-step user guide (intro tour) for your visitors. Based on Shepherd.js (https://shepherdjs.dev/).

Simple Tour Guide ranks #11,238 among WordPress.org plugins with 200+ active installations, a 4.8/5 rating from 14 reviews, and was last updated Jun 24, 2026. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 7 (Current: 7.1)

vtrunk Current Version vtrunk

Updated 2 months ago Last Update on 24 Jun, 2026

Refreshed 7 hours ago Last Refreshed on

Top 25% by installs

View on WordPress.org

Rank

#11,238

— No change

Active Installs

200+

-35.5%

KW Avg Position

6.4

0.2 better

Downloads

10.7K

+8 today

Support Resolved

— No change

Rating

96%

Review 4.8 out of 5

4.8 (14 reviews)

Next Milestone 300

Total Progress 97%

200+ 300+

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 3 more installs to reach 300+

Rank Changes

Current #11,238

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

4.8

14 reviews

Overall 96%

12 (86%)

1 (7%)

0 (0%)

Security History

Source: WPVulnerability

1 known vulnerability on record · 0 in the last 24 months · checked 1 month ago

Jul 18, 2023

Simple Tour Guide [simple-tour-guide] < 1.0.6

CVE-2023-33999 · Fixed in v1.0.6

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: trunk
Last Updated: Jun 24, 2026
Requires WP: 4.4+
Tested Up To: 7
PHP Version: 5.2.4 or higher
Author: Atanas Yonkov

Support & Rating

Rating: ★ ★ ★ ★ ★ 4.8
Reviews: 14
Support Threads: 0
Resolved: 0%

Keywords

introduction shepherd tour user onboarding walkthrough

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,751

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,006

TL;DR

AI summary of the plugin's readme

This plugin is for website owners who want to create interactive onboarding tours for visitors. It solves the problem of guiding users to key elements on a site through customizable, step-by-step popups.

Step-by-step guided tours
Custom step titles and descriptions
Link steps to DOM elements
Custom CSS class per step
Show tour once or every reload
Confirm on close button
Page-specific tour display
Progress bar and color customization

Frequently Asked Questions

Common questions about Simple Tour Guide

From the WordPress admin, go to Settings => Simple Tour Guide and add as many steps as you want.

Sure, you can! Inspect a page element with the browser dev tool (right click with the mouse => inspect element) and then add its selector in the "Step Position" field from "Create a Tour" tab. You can add class, id or tag selector like so: .class, #id, tag. If you do not assign a selector, that is also fine, the step will appear exactly in the middle of the screen.

Absolutely! In fact, by default the plugin hides the tour when the user finishes or dismisses it. However, you can also choose to display the steps on every page reload (test mode) from the "Tour Options" tab.

Go to "Tour Options" tab, uncheck "Show the tour on all pages" box and copy the plugin shortcode [stg_kef]. Then, navigate to a page or post you want, click "edit" and paste the shortcode on the top of the post content.

Go to "Style" tab and customize accordingly. For additional customizations, you can use the .stg classname or add a custom class to each step from the "Create a Tour" tab. Go to Аppearance => Customize => Additional css and add your own custom styles there.

In the pro version of the plugin, you can create unlimited tours. The free version supports only one tour.

Yes, this feature is available since version 1.03. All you need to do is check the option "Show modal background overlay when the tour is active" in the Tour options tab. This will disable any site interaction until the user has finished or dismissed the tour.

This may happen when you link a step to a page element that is hidden with css on specific screen sizes. For example, a menu item on mobile that is hidden until the user opens the menu. If the user has not opened the menu yet, the tour might stop in the middle. Luckily, there are a few ways to handle this. The easiest way to fix this is not to attach the step to the element and the step will appear in the middle of the screen. Since version 1.04, you can skip a step if the element which is attached to it appears off-screen. All you need to do is go to "Tour Options" and add a tick to "Skip a step if a step is attached to an element but the element is not visible". Please note that skipping a step will not work for elements that are completely non-existent in the DOM (for example content for logged-in users). In this case, the best option would be to use custom css to hide the step. Another solution could be to "detach" the element from its step for that screen size only. In this way, the step will appear in the center of the screen and the tour will continue to work just fine. Add the following css to Appearance => Theme => Customize: @media(max-width:62em) { .stg[data-popper-reference-hidden]{ opacity: 1 !important; visibility: visible !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; pointer-events: auto !important; } .stg[data-popper-reference-hidden] > .shepherd-arrow { display: none; } } The above code targets mobile and tablet users only and detaches a step that was linked to an element which is not visible.

The skip a step option works only for elements that are hidden or off-screen but not for non-existent elements. If the element is missing from the DOM, the step should still appear in the middle of the screen and this is the standard behavior. However, you can still hide it with custom css. A valid use case for this is if you have extra content for logged in users and you want to hide the step that is linked to it for non-logged in users. To do that, you need to go to plugin settings page => create a tour tab => custom css class and add a custom class name to the step you want to hide, lets say my-hidden-step. After that, go to appearance => customize => additional css and add the following code: .shepherd-enabled.my-hidden-step { visibility: hidden; } .logged-in .my-hidden-step { visibility: visible; } The above code will hide the step for non-logged in users but still show it to logged in users.

Since version 1.02 you can! You can check the option "Show the tour to logged in users only" in the Tour Options tab.

More plugins by Atanas Yonkov

Post Order By Category

1K+ installs · ★ 5

Simple Tour Guide

Next Milestone 300

Unlock Exact Install Count

Rank Changes

Upgrade to Pro

Active Installs Growth

Downloads Growth

Upgrade to Pro

Reviews & Ratings

Security History

Track This Plugin

Plugin Details

Support & Rating

Keywords

Upgrade to Pro

Similar Plugins

TL;DR

Frequently Asked Questions

More plugins by Atanas Yonkov

Sign In / Register