Step-by-step tutorial guide, web or new feature intro tour created intuitively with the visual builder and detail configuration on the admin board

jsruok

Blog Introduction

Blog Introduction inserts a static intro before posts (on homepage or archive pages). Introduction content is taken from a designated page.

bonboarding

Bonboarding

Create stunning product tours to enhance user adoption and engagement with Bonboarding.

Bjørn Johansen

Linda Granstad

Intro Wrapper

Wrap your intro text in a DIV element with the class "intro"

hossam404

Intro Animation

A lightweight WordPress plugin to display a customizable intro page animation with text, logo, colors, and layout styles.

Tomáš Groulík

supportdeeppresentation

You can create an intuitive tour that guides people through your website or co-workers to manage your website via the WordPress admin board. You can choose how and when your tour starts and how it looks and behaves. This is all possible without any special technical knowledge, as the plug-in integrates the Visual Builder. If you have deeper technical knowledge, you can benefit from the advanced configuration that allows you to set up the tour for special scenarios as well.
<blockquote>
📺 <a href="https://deeppresentation.com/plugins/dp-intro-tours/?dp-lock=promo-tour" rel="nofollow ugc">Live Demo</a> | 🎨 <a href="http://deeppresentation.com/plugins/dp-intro-tours/?dp-lock=start-theme-demo" rel="nofollow ugc">Theming</a> | ✨ <a href="https://deeppresentation.com/plugins/dp-intro-tours?dp-lock=promo-tour&dp-theme=sticky" rel="nofollow ugc">Live demo (STICKY theme)</a>
💥 <a href="https://demo.deeppresentation.com/" rel="nofollow ugc">Fully test all PRO features, including the admin interface, on our automatically generated demo installation made just for you</a>
🖺 <a href="https://deeppresentation.com/how-to/category/intro-tour-tutorial-plugin" rel="nofollow ugc">How to / documentation</a> | ⧉ <a href="https://deeppresentation.com/how-to/intro-tour-tutorial-plugin/api/" rel="nofollow ugc">API</a>
</blockquote>
<h4>Key Features</h4>
Free version of Intro Tour Tutorial Plugin
<ul>
<li>Visual frontend builder: You can create and edit all tour steps and also visually select the start element ( button ) directly in the frontend.</li>
<li>4 design themes (accent color adaptive): You can choose from multiple themes for styling presentational elements and choose the most suitable one to match the vibe of your web. You can also enable/disable the displaying of selected presentation elements. </li>
<li>1 trigger configuration: You can easily choose from a variety of options how and where the tour should start, whether a start is only required for the user’s first visits and much more.</li>
<li>Smooth design: The tour is designed to maintain the visitor’s full attention without any “sharp breaks” in the story of the tour.</li>
<li>Smart tooltip positioning: The best position for the tooltip is automatically found in each step to get the best responsive view on mobile. You can also set your preferred position for each step.</li>
<li>WPML translation: You can translate your tours with a popular WPML plugin.</li>
</ul>
<h4>PRO version of Intro Tour Tutorial Plugin</h4>
All features from the FREE version are included, some of them are extended and new features are added
<ul>
<li>Multi-page tours: Yes, you don’t have to limit yourself to a one-page intro tour.</li>
<li>6 design themes (accent color adaptive): 🎨 <a href="http://deeppresentation.com/plugins/dp-intro-tours/?dp-lock=start-theme-demo" rel="nofollow ugc">Check all themes here</a></li>
<li>2 trigger configurations: The FREE version already offers a wide range of options for configuring the tour start. In the PRO version, however, you can set up 2 trigger configurations simultaneously for each tour. This allows you to combine their settings and cover a variety of use cases. E.g. automatic start, but only on the first visit together with start when an info button is pressed.</li>
<li>URL variables: Would you like your visitors to take a tour of pages with variable URLs, e.g. a tour of all product detail pages and their sub-pages with product ID in the URL, or public dashboards for users with user ID in the URL? In PRO you have the option to do this.</li>
<li>URL parameter lock – tour just for selected users: You can send an introductory invitation to a tour for a specific person only by sending a tour URL with the unlock parameter. For the tour that starts on the home page: www.your-home-page-address.com/?dp-lock={Unlock key}.</li>
<li>Tour on WP admin board: Would you like to offer your co-workers or those with access to web administration, an interactive guide to using your WordPress admin board and all the modules integrated there? In PRO, you can also easily create a tour on the admin board site.</li>
<li>Mobile / widescreen view: In PRO, you can skip a step or even select a different target element, depending on whether the step is displayed on a cell phone or a bigger screen.</li>
<li>Mobile menu support: You can also target mobile menu items so that the mobile menu automatically opens before that step during the tour. </li>
<li>Shortcodes support in intro content: You can insert WP shortcodes in intro tips and make the tour a much more complex tool</li>
<li>Priority support: With the PRO version, you receive preferential support and updates. You can access the support forum to report any bugs.</li>
</ul>
<blockquote>
⭐ <a href="https://deeppresentation.com/plugins/dp-intro-tours/#dp-it-packages" rel="nofollow ugc">Buy Pro Version</a> with many extra features & premium support. 
 ✉ <a href="https://deeppresentation.com/contact" rel="nofollow ugc">Contact</a> 
 💖 <a href="https://www.paypal.me/tomasgroulik/5USD" rel="nofollow ugc">Donation helps</a> to improve and update the FREE version. Thank You!
</blockquote>
<h3>Create a tour</h3>
Go to a web page (frontend), where you want to start a new tour. Choose Tours -> Create new from the top admin bar. Or start with tour configuration: Admin board -> Tours -> Add New.
<h3>Support</h3>
<ul>
<li>You can find some useful documentation and tutorials on our <a href="https://deeppresentation.com/how-to/category/intro-tour-tutorial-plugin/" rel="nofollow ugc">How to page</a> </li>
<li>If you encounter a problem with the plugin, please try searching for solutions in existing tickets in the <a href="https://wordpress.org/support/plugin/dp-intro-tours/" rel="ugc">WordPress Support forum</a>. If you cannot find a solution, please create a new support topic in which you describe your problem.</li>
</ul>

Alternatives to Intro Tour Tutorial DeepPresentation

Top alternatives