/* Boostrap Tooltip and Popup javascripts needs to be attached */
<script src="bootstrap-tooltip.js" type="text/javascript"></script>
<script src="bootstrap-popup.js" type="text/javascript"></script>

/* Then attach the Bootstrap Tour plugin */
<script src="bootstrap-tour.js" type="text/javascript"></script>

/* Bootstrap Tour can be attached to any element with a unique ID, in any order */
<h3 id="yourHeaderID"></h3>
<p id="yourParagraphID">

<a id="yourAnchorID" href="#url">

/* Each tip is set within this <ol>. */
/* This creates the order the tips are displayed */
<ol id="chooseID">
  /* data-id needs to be the same as the parent it will attach to */
  <li data-target="#newHeader">Tip content...</li>
  /* using 'data-title' lets you have custom title */
  <li data-target="#parentElementID" data-title="Second Feature">Content...</li>
  /* you can use 'data-placement' to define where the popup will appear */
  <li data-target="#parentElementID" data-placement="bottom">Content...</li>
</ol>

/* Launching the tour when to page is loaded */
<script type="text/javascript">
  $(window).load(function() {
    $(this).featureTour({
      /* Options will go here */
    });
  });
</script>

/* Setting your options to override the defaults */
$(this).featureTour({
  'cookieMonster': true,           // true/false for whether cookies are used
  'cookieName': 'myHomepageTour',  // choose your own cookie name
  'cookieDomain': false,           // set to false or yoursite.com
  'tipContent': '#tourContent'     // The ID of the <ol> used for content
});