<div class="tour-container">

  <div id="try-and-buy" class="tour-section" data-guidechimp-tour="mytour" data-guidechimp-step="1" data-guidechimp-title="自己紹介です" data-guidechimp-description="自己紹介ページです。私たちがどんな活動をしてるか、どんな考えで行動してるかについて書いています">私たちについて</div>
  <div id="subscription" class="tour-section" data-guidechimp-tour="mytour" data-guidechimp-step="2" data-guidechimp-title="サービスについて" data-guidechimp-description="私たちの提供するサービスやプロダクトに関するご紹介ページです">サービス</div>
  <div id="pricing-table" class="tour-section" data-guidechimp-tour="mytour" data-guidechimp-step="3" data-guidechimp-title="サービス料金" data-guidechimp-description="各サービスの価格を一覧として表示しています。詳しくはお問い合わせください">料金表</div>
  <div id="multi-feature" class="tour-section" data-guidechimp-tour="mytour" data-guidechimp-step="4" data-guidechimp-title="当社の軌跡" data-guidechimp-description="設立から今まで、私たちがしてきたことなどをご紹介しています">沿革</div>
  <div id="node-locked" class="tour-section" data-guidechimp-tour="mytour" data-guidechimp-step="5" data-guidechimp-title="投資家の皆様へ" data-guidechimp-description="沢山投資してくれや">投資家の皆様へ</div>
  <div id="pay-per-use" class="tour-section" data-guidechimp-tour="mytour" data-guidechimp-step="6" data-guidechimp-title="お問い合わせについて" data-guidechimp-description="私たちと連絡を取りたい方はこちらからどうぞ。ご返信には3営業日を頂いています">お問い合わせ</div>
  <div>
    <button id="startTour" class="start-tour">ツアーを見てみる</button>
  </div>
</div>

h1,h2,h3 {
  text-align: center;
}
.tour-container {
  width: 550px;
  margin: 20px auto;
  padding: 15px 20px 30px 20px;
  text-align: center;
}
.tour-section {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid grey;
  padding: 20px;
  margin-bottom: 5px;
  width: 200px;

}

.start-tour {
  color: white;
  font-size: 20px;
  border-radius: 3px;
  padding: 10px 20px;
  border: 1px solid #87888A;
  background: #7B2A10;
  display: inline-block;
  margin-top: 20px;
}
.tour-button {
  color: white;
  font-size: 16px;
  border-radius: 3px;
  padding: 5px 20px;
  border: 1px solid #87888A;
  background: #7B2A10;
  display: inline-block;
  margin-left: 10px;
}
document.getElementById('startTour').onclick = function () {
    const guideChimp = new GuideChimp('mytour');
    guideChimp.start();
};
View Compiled

External CSS

  1. https://cdn.jsdelivr.net/npm/guidechimp/dist/guidechimp.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/guidechimp/dist/guidechimp.min.js