Intro Tour Tutorial DeepPresentation

📺 Live Demo | 🎨 Theming | ✨ Live demo (STICKY theme) 💥 Fully test all PRO features, including the admin interface, on our automatically generated demo installation made just for you 🖺 How to / documentation | ⧉ API

• Visual frontend builder: You can create and edit all tour steps and also choose starting element ( button ) visually right from a frontend.
• Flexible configuration: You can specify single page tour step-by-step comfortably in user friendly way with baked in frontend builder and detail configuration in admin board.
• Single page tours: You can specify as many single page tours as you want.
• 4 design themes (accent color adaptive): You can choose from multiple themes for styling of presentational elements and choose the most suitable one to match vibe of your web. You can also enable/disable displaying of selected presentation elements.
• 1 Start trigger configuration: You can easily choose from variety of ways, how and where should tour start, if start is required just for user's first visit and much more.
• Smooth design: The tour is designed to maintain the full attention of the visitor in a way that you define without "sharp breaks" in the story of the tour.
• Smart tooltip positioning: The best position for description with content is automatically found in every step to get the best responsive view of the mobile. You can also determine your preferred position for each step.
• WPML translation: You can translate your tours with popular WPML plugin.

• Multi-page tours: Yes! You don't need to limit yourself to just single-page intro tour. With PRO version. your tour can rock your whole web up !!
• 6 design themes (accent color adaptive): 🎨 Check all themes here
• 2 Start trigger configurations: There is plenty ways how you can configure tour starting already in FREE version. However in PRO you can setup simultaneously 2 trigger configurations for each tour so u can combine their settings and cover huge amount of use cases. Also you get one more useful starting event. If you wanna start your intro tour, when user scroll in view, that contains specified element.
• URL variables: Would you like your visitors to take a tour of variable URL sites, such as a tour of all product detail pages and its sub-pages with product ID in URL, or user public dashboards with user ID in URL? In PRO you have opportunity to do so.
• URL parameter lock - tour just for selected users: If you want to send an intro tour invitation just for specific person, you can send him/her url of tour's start with a key (url parameter) (eg. for tour starting on home page: www.your-home-page-address.com/?dp-lock={Unlock key}).
• Tour on WP admin board: Would you like to offer your co-workers or those who have access to web administration interactive tutorials on how to use the WordPress admin board and all your custom integrated modules on it? In PRO you can easily create a tour also on the back-end side.
• Mobile menu support: If you target menu element, with PRO it will play well also on mobile view.
• Mobile / widescreen view: You can skip a step or even select another target element depending on whether the step is displayed on a mobile or widescreen.
• Short codes support in intro content: You can insert WP short-codes in intro tips and make the tour a much more complex tool
• Priority support: Priority support and fixing of issues is provided in PRO Edition.

⭐ Buy Pro Version with many extra features & premium support. ✉ Contact 💖 Donation helps to improve and update the FREE version. Thank You!

1. Download and install the plugin from WordPress.org repository
2. Go to page (public view), where you want to start tour. Choose Intro Tours and create new from top admin bar --- OR --- Go to Intro Tours menu in admin and add new. 3 Follow an instructions there to specify your tour trigger and steps.
3. Optionally you can tweak styling and labeling in plugin's options page Admin board -> "DP Intro Tours" and particular tour settings Admin board -> "Intro Tours" in admin board

• BUGFIX - Builder target selection user interaction fix
• BUGFIX - trigger default intro_trigger_event fix
• BUGFIX - svg icon loading on repeated run of tour ( no reload )
• BUGFIX - Z-index base default value fix
• BUGFIX - disabled tooltip control after saving
• BUGFIX - web page dimension calculation cross-platform fix
• NEW FEATURE - force to open all links inside highlighted target element in new tab (so no tour end)

• BUGFIX - removing php 3rd party enum library (critical error in combination with some plugins)

• NEW FEATURE - Release post type limitation
• NEW FEATURE - Trigger element in view
• TWEAK - all main js scripts are more optimized, modularized and modernized. Main public script size was lowered down from 134KB to 51KB.
• TWEAK - new browser based scrolling mechanism (support nested scrollable parents of target element)
• TWEAK - themes design improved and bug fixed
• TWEAK - improved look and behavior of tour admin options
• TWEAK - new mobile menu opening algorithm
• TWEAK - simplification of tour starting options + advanced option for detail configuration
• NEW FEATURE - admin steps table: enable scrolling by drag and drop on table cells
• NEW FEATURE - support for full highlight of fixed, sticky, with css transform etc. targets (previously was just border without highlight background because of z-index issue)
• NEW FEATURE - added help for user interaction features
• NEW FEATURE - New global option - exclude admin board area from "Start this tour everywhere" option
• NEW FEATURE - tour option "Loading delay": support for frontend render tasks
• NEW FEATURE - highlight background option was adjusted to new highlight alg. to support fixed, sticky etc.
• TWEAK - all links created in step content editor are defaulted to open in new window (target="_blank")
• BUGFIX - URL variable fixes and simplification
• BUGFIX - step count fix in admin tour table
• BUGFIX - nested scrollable parents of target element
• BUGFIX - small screens out of screen fix + fixed positioned out of screen fix
• BUGFIX - scaled element width and height calculation fix
• BUGFIX - step content editor z-index fixes
• TWEAK - follow target position is deactivated when browser tab is not active to not use client's CPU

• BUGFIX - Z-index base default value was not working on all browsers,
• TWEAK - Skip Absent Ref. Element change of default value to Off

• NEW FEATURE - Do not load any theme style to simplify custom css re-stylings
• BUGFIX - loading just needed themes (better css optimize)

• BUGFIX - remove php debug notices

• NEW FEATURE - you can start a tour from selected step by define a dp-step param (indexed from 0)
• BUGFIX - rerun tour by user action eg. click overlay not loaded fix

• BUGFIX - Critical bug fix - css theme loading emitted critical error
• BUGFIX - Labeling link from top admin bar fix

• NEW FEATURE - 'Stop click propagation' in step interaction options - if you like to block on click events from other JS codes - (plugins, theme) during a tour on the actual target, that can interact unexpectedly with tour
• BUGFIX - hide overlay per step fix
• TWEAK - advanced resize / change orientation algorithm
• TWEAK - advanced determine tooltip position
• BUGFIX - php 7.2 syntax error fix
• BUGFIX - hide overlay per step fix in builder
• BUGFIX - target visual selection (stop propagation fix)
• BUGFIX - golden ration alg. for placing a tooltip fix
• BUGFIX - iterate step after click/hover z-index fix

• BUGFIX - build fix

• TWEAK - scrollEasing -> swing

• NEW FEATURE - The design themes has been completely rewritten and also renamed (css identifiers has been changed)
• NEW FEATURE - Positioning system has been completely rewritten so it is more accurate
• NEW FEATURE - Bullets navigation is now mobile friendly
• NEW FEATURE - Rounding of intro layers is now configurable ( per each tour )
• NEW FEATURE - Sizing of intro layers has been improved to fit into your web. It is configurable in easy user friendly way and also in advanced way
• NEW FEATURE - The algorithms for tracking the step target have been improved to be much smooth and optimized
• NEW FEATURE - Button arrow is now configurable - ( svg icon, ASCI character, none)
• NEW FEATURE - z-index base is configurable to prevent z-index based issues
• NEW FEATURE - global options has been redesigned and simplified
• NEW FEATURE - show/hide bullets, progress bar, step numbers configurable now by tour
• TWEAK - audit and optimization of the frontend scripts and styles
• TWEAK - new running bullets animation + its code optimize
• BUGFIX - Screen size change is now properly processed
• BUGFIX - logged in visit count calculated on server (was calculated on server only when Allow Just for Logged in Users option was active)
• BUGFIX - scroll animations was queued, now after push go to next or prev step, it takes effect immediately
• BUGFIX - scroll and follow target interaction, golden ratio tooltip positioning fix
• BUGFIX - CLICK→NEXT and HOVER→NEXT prevent default fix
• BUGFIX - Mobile menu z-index fixes
• BUGFIX - Sticky positioning for target element and it's parents fix
• BUGFIX - Admin global options - NEWS links fix
• BUGFIX - z-index default value fix
• BUGFIX - Edit tooltip text in builder - MCE links z-index fix
• BUGFIX - Progress bar after switching themes on frontend fix
• BUGFIX - tooltip positioning center aligned fix
• TWEAK - shouldBeStepSkipped -> adding condition: isElementInsideDocBoard
• TWEAK - activate skip_absent_ref_el in view mode in builder

• TWEAK - adjust upgrade message for following major releases

• BUGFIX - render_tiny_mce on admin - list of tours fix
• TWEAK - reduction of intro elements animations
• TWEAK - set default border radiuses between 2px - 4px

• NEW FEATURE - user interaction on hover over element -> next step
• NEW FEATURE - hide overlay layer per step (support sub menu on hover)

• BUGFIX - manual highlight layer background option in builder - z-index bug

• NEW FEATURE - manual highlight layer background option
• NEW FEATURE - hide next btn option when on click -> next
• BUGFIX - visual target selector fix when unique selector emit exception
• BUGFIX - max tooltip width applied on fancy bar
• BUGFIX - Warning: Invalid argument supplied for foreach() in class-dp-intro-tours-helper.php on line 710

• NEW FEATURE - configurable radius of highlighting layer

• BUGFIX - ajax security issue fix (on some server verify extra nonce was failing)

• NEW FEATURE - new theme - colored
• NEW FEATURE - tooltip container and buttons radius override
• BUGFIX - Step number position in builder, when starting from 1st step
• BUGFIX - text color of flat adaptive theme was poorly visible on dark tooltip bg

• BUGFIX - Ending the tour is not allowed in builder mode
• TWEAK - remove fontselect and fontsizeselect from TinyMCE
• BUGFIX - Confirm on open text editor -> Text tab (was not saving last changes from Text tab)

• BUGFIX - render_tiny_mce just when needed + admin warn fix

• NEW FEATURE - adding WordPress editor for building a step content
• TWEAK - don't show step number when there is one step only
• BUGFIX - show plugin's option in main admin menu fix
• BUGFIX - afterStepChange API hook fix (tourId, currentUrl were missing in args)
• BUGFIX - tooltip positioning with hidden step number
• BUGFIX - progress bar size adjusted by skipped steps with not visible target
• BUGFIX - mobile breakpoint settings was still default fix

• BUGFIX - skip button changed from 'a' tag to 'div' tag (possible interaction with 'a' tag styles from outside)
• IMPROVE - optimize of loading css and js in admin board

• TWEAK - icons redesign

• BUGFIX - auto scroll in parent container fix

• NEW FEATURE - new theme Light Fancy
• NEW FEATURE - sticky publish/update button at tour options on the admin board
• NEW FEATURE - disable tour for selected user roles
• NEW FEATURE - pause visual builder to enable interaction with page during tour creation / editing
• TWEAK - optimize of loading css themes
• TWEAK - optimize of server load
• TWEAK - default theme -> Light Fancy
• TWEAK - asset name separator changed from '~' to '-'
• BUGFIX - copy paste url for step fix

• BUGFIX - php notice fix
• TWEAK - optimize of script loading in admin

• NEW FEATURE - Advanced interaction with highlighted element - go to next step after click + delay
• NEW FEATURE - PHP hooks extended - new filters dpintro_script_tour_config, dpintro_script_main_config
• NEW FEATURE - JS API (navigate steps by js code)
• NEW FEATURE - drag and drop acf table header to scroll with table
• NEW FEATURE - start at archive pages
• NEW FEATURE - allow full-screen video in tooltip
• BUGFIX - start at multiple pages
• BUGFIX - scroll parent element offset fix
• BUGFIX - On key down event was not cleared and caused doubled event when tour starts for 2nd time at same page
• TWEAK - Use only relative paths - avoiding migration problems
• BUGFIX - blurred backdrop was not working after switching back from target selection
• TWEAK - too generic css classes that could have potentially conflict with other plugins/themes was changed to BEM (bottom, top, on-top, left, right)
• TWEAK - blurred overlay performance optimize

• BUGFIX - saving value of trigger selector by visual builder was broken

• NEW FEATURE - JS hooks for advanced customization based on intro tour events
• NEW FEATURE - PHP hooks for advanced customization based on intro tour events
• NEW FEATURE - clearing logged in visit count from global options
• TWEAK - option for enabling console debug output
• TWEAK - translation of all admin js scripts support
• TWEAK - optimize of loading public js scripts
• TWEAK - counting visits of logged in users on server
• BUGFIX - fix of relative position parent - positioning of highlight layer
• BUGFIX - use get_posts instead of WP Query to not change global data
• BUGFIX - intro text was not actual in builder mode after step change
• BUGFIX - config default values are used even when tour config was not saved

• BUGFIX - Allow Just for Logged in Users works now together with First N Visits Only option and counts logged in visits separately

• TWEAK - Add a step id to the main intro layer to support targeting all nested introductory layers with css per step

• BUGFIX - not setting z-index of parents to auto, when there is a fixed ancestor
• TWEAK - Allow Just for Logged in Users works now together with First N Visits Only option and counts logged in visits separately

• NEW FEATURE - Start tour when specific key is pressed on selected element
• NEW FEATURE - Run the initial tour only on the user's first N visits
• NEW FEATURE - Max tooltip width setting in design section in tour-specific options
• NEW FEATURE - Support of targeting tooltips and highlight layers with css per step

• TWEAK - adding text for buttons Next, Back, Skip, Done to translation domain
• BUGFIX - create new tour from frontend add correctly page/post url

• TWEAK - make plugin to be resilient against deferring jQuery

• BUGFIX - allow html inside intro text also in visual builder

• NEW FEATURE - Color of text for buttons is changed, if there is not contrast enough with selected accent color (support lighter accent colors)
• NEW FEATURE - Changing Accent Color available in FREE now
• NEW FEATURE - Streamlining of settings in admin board
• NEW FEATURE - Admin settings and visual builder uses admin theme colors
• NEW FEATURE - Hide selected elements when tour starts
• BUGFIX - select element without class fix
• NEW FEATURE - Disable run in unsupported browsers (IE 11 and below)
• TWEAK - change default accent color to purple for new installations
• BUGFIX - Allow Just for Logged in Users was hidden

• TWEAK - check target position once more after is scrolled at it ( fixing repositioning due sticky menu )

• TWEAK - check position of target when it has stopped moving due animation after 400ms
• BUGFIX - tooltip positioning fix on FireFox browser

• BUGFIX - Bullet animations are not affected by opacity or blur of overlay layer
• BUGFIX - Fixing parents, possibly changing position by class ... auto keep pos and width
• BUGFIX - Fix sorting steps in admin

• TWEAK - fixed position element are set to transparent bg while highlighting them
• NEW FEATURE - blurred overlay option in behavior cfg for each tour

• TWEAK - adding menu labels to translation
• BUGFIX - adding permission_callback to register_rest_route to avoid PHP notices

• NEW FEATURE - Hide Previous Step Button Always - configuration
• NEW FEATURE - Hide skip button configuration
• NEW FEATURE - Hide buttons instead disabling
• NEW FEATURE - Hide bullets when there is les then 2 steps
• NEW FEATURE - Disable navigation by click on step bullet
• NEW FEATURE - Hide bullets when there is les then 2 steps
• BUGFIX - Disable Exit on Overlay Click was always active on dummy element (not selected target)
• COMPATIBILITY FIX - wordpress 5.6 compatibility fix (jQuery update)

• NEW FEATURE - Multi-site support
• NEW FEATURE - Admin Sub-menu for plugin settings
• TWEAK - Update tooltip placement when reposition due animations
• TWEAK - plugin settings with hint
• NEW FEATURE - design / behavior config in admin bar
• BUGFIX - select css was overridden by theme or other plugins
• TWEAK - full-screen bullets animation change to BEM css class to not interact with other full-screen classes
• TWEAK - Promo module enhancements

• TWEAK - debug support adjustment
• TWEAK - intro core re-written to be unique for more instances + css classes names change
• BUGFIX - highlighted layer position includes border now
• BUGFIX - fix unwanted interaction between multiple tours on same page
• TWEAK - tour fluency tuning
• NEW FEATURE - added new config section - tour behavior -> new options: Disable Exit on Overlay, Click Disable Starting Animation, Scroll Speed

• BUGFIX - Plugin setting page tabs now correctly shown as active
• NEW FEATURE - Support for Sell Codes feedback system

• NEW FEATURE - adding setting for each tour: Disable exit on overlay click
• NEW FEATURE - adding setting for each tour: Allow Just for Logged in Users

• NEW FEATURE - frontend visual builder for creation of tour's steps
• TWEAK - remove id and class option for Trigger Object field - converted to Custom selector (backward compatibility ensured)

• BUGFIX - manifest cache fix in wpackio module
• TWEAK - load tour styles just when tour is on page
• IMPROVE - prefix plugin's dependencies to avoid interaction with other plugins
• BUGFIX - arrow positioning near window border fix
• NEW FEATURE - enable / disable user interaction with highlighted element in each tour step

• BUGFIX - redirect from admin - fix press update button .. empty page

• BUGFIX - Contrast evaluation fixed
• BUGFIX - conflict with google map - included google map in ACF caused not loading other google map API correctly
• BUGFIX - redirect from admin - edit or create new tour - was not working with rocket plugin

• BUGFIX - Android chrome status bar trigger resize and so re-positioning and re-scrolling of tooltip (unwanted) on scroll fix
• BUGFIX - Close button in builder z-index lower then tooltip
• BUGFIX - Tour page/post field on mobile was not possible delete in acf ui after was added
• BUGFIX - Step table was not shown all on small displays ... now scroll-able
• BUGFIX - post ID is now at public plugin part read from current url ... not the_ID or the_permalink (doesn't work in all cases)
• BUGFIX - table add new row (it did show columns from pro version)
• UPGRADE - text editing in step table enhanced UX
• BUGFIX - left-top-aligned and so positions was not positioned correctly
• BUGFIX - shown element changed position after add fixing class - now position is stabilized
• BUGFIX - tooltip arrow positioning near border fix
• UPGRADE - contrast evaluation now supports pseudo elements (common for icons)
• UPGRADE - mobile UX enhanced

• TWEAK - Plugin Title changed to Intro Tour Tutorial DeepPresentation

• BUGFIX - Fix warning on add new intro tour
• TWEAK - support for localization in frontend js scripts
• TWEAK - change global function common name with plugin prefixes - to don't interact - try to override others plugins, themes, core functions
• BUGFIX - wpackio 3rd site script loader interacting with other plugins that use wpackio
• BUGFIX - View Intro Tour button in top admin bar doesn’t open page with tour
• BUGFIX - visual builder choosing sometimes visualization layer instead of pointed element at
• NEW FEATURE - add new tour (without set Page / Post) doesn't allow builder

• BUGFIX - initial hide/show of button set trigger selector visually in admin tour config
• NEW FEATURE - Localization ready

• BUGFIX - escape doesn't end a frontend builder tour
• BUGFIX - saving selector from admin with '>' was html encoded and not decoded on loading selectors

• BUGFIX - initial hide/show of button set trigger selector visually in admin tour config

• BUGFIX - deeppresentation logo icon missing

• TWEAK - adjusting description of plugin

• NEW FEATURE - adding plugin settings page to allow style customization
• NEW FEATURE - adding customization for texts of intro elements in plugin's settings page->Labeling
• NEW FEATURE - frontend intro tour builder - choosing target element for steps on frontend
• NEW FEATURE - frontend intro tour builder - choosing trigger selector on frontend
• NEW FEATURE - 2 style themes now available

• TWEAK - tooltip automatic positioning upgrade (fix bad auto positioning in some cases, improve intelligence of evaluating space for placing tooltip)
• NEW FEATURE - position preference fields in step table are now drop-downs with available choices (no more troubles due typo errors)
• TWEAK - step table fields styling tweak

• undone contrast adjustments on visualized elements after going to next step or finishing intro
• full PRO version of plugin notifications
• disable debug console output

• disable page event setup field when trigger object is not whole page

• disable internal custom field in admin menu

• tour setup choices ... showing/hiding unnecessary items, depends on Trigger Object

• add fixed font and font sizes to reflect development env - styles are now more proportional to fonts

• tooltip arrow positioning re-fix
• disable user interaction layer fix
• loading animation centering

• tooltip arrow positioning fix

• redesign of positioning tooltip algorithm
• contrast evaluation check and if needed second round

• Overflow bug fix - window width was in some cases affected by intro elements
• Loading animation fix
• Bullets sizing in tooltip fix
• Scrolling position iterative check to support animated target elements

• Initial version