Walkthrough

Walkthrough steps, which makes it simpler in your customers to adapt to your system in accordance along with your directions.

• Included 5 completely different mode to visualise walkthrough steps

Pattern utilization

Initialization:

        $('physique').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>