Basic Usage

Basic Usage (HTML)

const guideChimp = new GuideChimp();
guideChimp.start();

<div data-guidechimp="tour-one"
     data-guidechimp-step="1"
     data-guidechimp-title="Title: Step 1"
     data-guidechimp-description="Lorem Ipsum is simply dummy text of the printing and typesetting industry.">
</div>

Try It here - TODO

Basic Usage (JavaScript)

<script>
    var tour = [
        {
            element: '[data-id="id-1"]',
            title: 'Try & Buy',
            description: 'This licensing model is useful in case you want to distribute secure trial or demo version of your product. Trial licenses are granted for a short time and allow customers to try the product before buying it.',
            buttons: [
                {
                    title: 'See more',
                    class: 'NL_button button_main NL_dark_btn NL_wide_btn',
                    onClick: function () {
                        window.location.href = 'http://nlic.io/nlTNB';
                    }
                }
            ]
        },
        {
            element: '[data-id="id-3"]',
            title: 'Pricing Table',
            description: 'Price and package in minutes without having to re-code or re-engineer back-office systems.',
            buttons: [
                {
                    title: 'See more',
                    class: 'NL_button button_main NL_dark_btn NL_wide_btn',
                    onClick: function () {
                        window.location.href = 'http://nlic.io/nlPTB';
                    }
                }
            ]
        }
    ];

    var guideChimp = new GuideChimp(tour);

    setTimeout(function () {
        guideChimp.start();
    }, 500);

</script>

Try It here - https://codepen.io/netlicensing/full/QWwXRoQ