Tour

The easiest way to show people how to use your website.
Tour - how it works.

Start tour example!

Example text for tour purpose

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Today

$230,00

Last week

$7 980,60

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

How to use it

Tour is very easy to use. All you have to do is to define main tour object var tour = new Tour. You can add backdrop: true, to add a gray background. Next you need to define a tour step with array:

Example:

                                // Instance the tour
                                var tour = new Tour({
                                steps: [
                                {
                                    element: ".my-element",
                                    title: "Title of my step",
                                    content: "Content of my step"
                                },
                                {
                                    element: ".my-other-element",
                                    title: "Title of my step",
                                    content: "Content of my step"
                                }
                                ]});

                                // Initialize the tour
                                tour.init();

                                // Start the tour
                                tour.start();

                             
Configuration

See full documentation of official tour plugin: http://bootstraptour.com/.