Skip to content

Basic Usage

Rudkovskiy edited this page Jul 10, 2020 · 17 revisions

Basic Usage (HTML)

const guideChimp = GuideChimp('mytour');
guideChimp.start();
<div data-guidechimp-tour="mytour"
     data-guidechimp-step="1"
     data-guidechimp-title="Step 1"
     data-guidechimp-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
</div>

See it in action - https://codepen.io/netlicensing/full/RwPwRNw

Basic Usage (JavaScript)

<script>
// init GuideChimp
var guideChimp = GuideChimp([{
    element: '#step1',
    title: 'Step 1',
    description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
}]);

// start tour
guideChimp.start();
</script>

See it in action - https://codepen.io/netlicensing/full/QWwXRoQ

Examples

See other GuideChimp examples here.

Clone this wiki locally