Code

Walkthrough

Walkthrough

Walkthrough

Walkthrough steps, which makes it easier for your users to adapt to your system in accordance with your instructions.

  • Included 5 different mode to visualize walkthrough steps

Sample usage

Initialization:

        $('body').WT({
    steps: [{
        type: 'enter',
        title: "Welcome to Walkthrouh!",
        content: 'We will now guide you throuh the most basic settings and how to configure them.',
        action: { title: "let's start!" },
{
    type: 'target',
    targetid: 'step1',
    title: "Click Here",
    content: 'to start configuring the site !',
}
    }

    ]
});
   

Html:

 <a id="step1" href="#">this</a>
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey