Wrbサイト向けプロダクトツアー ツール(ウィジェット)

メニュー、商品セクション、フォーム、購入手続きなど、重要なページエリアを通して訪問者を案内します。カスタムコード不要で、訪問者が開始・進行・スキップ・完了できるインタラクティブなツアーです。

今すぐ無料で作成!
Website Tour Widget for your website Hero Background image

ウェブサイトツアーウィジェットの作成方法

Generate or add tour steps

ツアーステップを生成または追加

ウェブサイトのURLを入力してツアーの初期ステップを自動生成するか、タイトル、説明、配置、対象要素を指定して独自のステップを追加します。

Customize the tour experience

ツアー体験をカスタマイズ

開始方法、進捗表示、スキップ操作、ラベル、オーバーレイ、ハイライト、カード、ボタンのデザインを設定します。

Embed it on your website

ウェブサイトに埋め込む

埋め込みコードをカスタムHTMLまたは埋め込みブロックに貼り付け、ページを公開してウェブサイトウィジェットを表示します。

訪問者がページの内容をすばやく理解できるように

ページの重要な部分を順番に案内するツアーを作成

ナビゲーション、商品詳細、フォーム、料金、チ購入手続きなど、訪問者が操作する前に理解しておくべきセクションを、順を追って案内するツアーを作成できます。

Turn key page areas into a guided path

ハイライトされた各要素をわかりやすく

周囲のページを暗くし、現在の対象要素をハイライト表示し、「戻る」「次へ」「スキップ」「完了」ボタン付きの簡潔なツールチップを表示できます。

Make each highlighted element easy to follow

ツアーの開始方法を選択

訪問者がボタンからツアーを開始できるようにしたり、自動的に開いたりできます。さらに、進行状況、スキップの操作、オーバーレイをクリックした際の終了動作、ツアーの完了状態の記憶も設定できます。

Choose the right launch behavior

どの画面サイズでも使いやすいツアーを実現

ウィジェットをパソコン、スマートフォン、またはその両方に表示するよう設定できます。セレクターが見つからない場合や、小さな画面で対象要素の位置が変わった場合は、代替の表示位置を使用できます。

Keep tours practical across screen sizes

ウェブサイトツアーをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformのホームページウィジェットをカスタマイズしたら、「無料で試す」をクリックし、生成された埋め込みコードをコピーします。

2ページエディターを開く

ウィジェットを表示したいWordPressの投稿または固定ページを開き、新しいブロックを追加します。

3カスタムHTMLブロックを追加

カスタムHTMLを選択し、Jotformホームページウィジェットの埋め込みコードをHTMLフィールドに貼り付けます。

4更新して表示

更新または公開をクリックし、ページを開いて埋め込まれたウィジェットを確認します。

Jotformウェブサイトウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。

コーディングなしで埋め込む

シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。

よりインタラクティブなページを作成

Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。

必要なときにサポートを受けられる

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

プロダクトツアーツール(ウィジェット)の活用シーン

訪問者がWebサイト上で閲覧、設定、購入、予約、送信、管理などの操作を行う前に、簡単な案内が必要な場所にプロダクトツアーを設置しましょう。

SaaS製品ページでは、ダッシュボード、機能パネル、請求管理画面、設定、初回起動時のアカウント操作を紹介します。

Eコマースページでは、商品を探している訪問者に、絞り込み機能、商品詳細、キャンペーン情報、配送先の入力欄、購入手続き、サポートへのリンクなどを案内できます。

カスタマーポータルでは、新規ユーザーが見落としがちなメニュー、フォーム、ドキュメント、ステータス、サポートの選択肢、アカウント管理ツールなどを案内できます。

講座・会員制サイトでは、レッスン、学習資料、進捗確認ページ、コミュニティセクションへと受講者を案内します。

予約・イベントページでは、スケジュール、会場詳細、座席の選択肢、参加登録の手順、予約確認の操作などを、訪問者に順を追って案内できます。

社内ツールでは、 独自のチュートリアルシステムを一から開発することなく、チームメンバーに新しいワークフローの使い方を案内できます。

Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう

Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。

無料で今すぐ始める
Convert leads into customers

よくある質問 (FAQ)

  • プロダクトツアー ツール(ウィジェット)とは何ですか?

    プロダクトツアー ツールウィジェットは、ページ内の指定した要素をハイライト表示し、ツールチップの説明文やステップ移動ボタンを使って、訪問者を順番に案内するウィジェットです。

  • ツアーステップはどのように作成しますか?

  • ツアーの各ステップでハイライト表示する要素は、どのように指定できますか?

  • 訪問者はプロダクトツアーをスキップまたは閉じることができますか?

  • プロダクトツアーは自動的に開始できますか?

  • デザインをカスタマイズできますか?

  • プロダクトツアー ツールはスマートフォンfでも使えますか?

  • さまざまなウェブサイトプラットフォームに埋め込めますか?

  • コードを書く必要はありますか?

  • プロダクトツアーツールは無料で利用できますか?

  • 初期設定のサポートはどこで受けられますか?

  • 閲覧履歴に基づいてツアーをパーソナライズできますか?