ヒントからポップアップを起動させて、操作方法を案内したい

上記資料を参考に実装してください。

うまくいかない場合は担当CSまでご連絡ください。

サンプルコード

<div class="onb-productname-hint-container">
    <p class="onb-productname-hint-p">
      クリックするとご案内を開始します。<br>
      内容に沿って操作してください。
    </p>
    <ul class="onb-productname-hint-list">
        <button class="onb-productname-hint-button"
          onclick="STANDSMotion.changeGoal('ポップアップIDを入れる')"
        >
          操作方法を知る
        </button>
    </ul>
</div>

<style>
    .onb-productname-hint-container {
      width: 100%;
      padding: 5px;
      font-family: 'Noto Sans', sans-serif;
    }

    .onb-productname-hint-list {
      padding: 0;
      list-style: none;
    }

    .onb-productname-hint-button {
      margin-bottom: 10px;
      position: relative;
      width: 280px;
      color: #46A6FF;
      background-color: transparent;
      border: 1px solid #46A6FF;
      border-radius: 4px;
      padding: 5px 10px;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .onb-productname-hint-button:hover {
      color: #ffffff;
      background-color: #46A6FF; 
    }
</style>