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

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

Website Tourウィジェットの作成方法

Generate or add tour steps

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

ウェブサイトのURLを入力してスターターツアーを生成するか、タイトル、説明、配置、ターゲットセレクターを指定して独自のステップを追加します。

Customize the tour experience

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

開始モード、進捗表示、スキップコントロール、ラベル、オーバーレイ、ハイライト、カード、ボタンのスタイルを設定します。

Embed it on your site

サイトに埋め込む

生成された埋め込みコードをコピーし、訪問者にガイド付きウォークスルーを表示したいページに配置します。

訪問者にページをより早く理解してもらう

重要なページエリアをガイド付きの道筋に変える

ナビゲーション、商品詳細、フォーム、料金、チェックアウトステップなど、訪問者が行動を起こす前に理解しておくべきあらゆるセクションについて、順序立てたウォークスルーを作成できます。

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

Website TourをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformウェブサイトウィジェットをカスタマイズしたら、「Try it on your website for free」をクリックし、生成された埋め込みコードをコピーします。

2ページエディタを開く

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

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

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

4更新して表示

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

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

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

コーディングなしでウィジェットを埋め込む

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

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

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

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

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

Website Tourウィジェットの活用場面

ガイド付きツアーは、訪問者がウェブサイトで何かを閲覧、設定、購入、予約、送信、管理する前に、手早く全体像を把握してもらいたいあらゆる場面で活用できます。

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

Eコマースページでは、フィルター、商品詳細、プロモーション、配送情報の入力欄、チェックアウトステップ、サポートリンクへと購入者を導きます。

カスタマーポータルでは、新規ユーザーが見落としがちなメニュー、フォーム、ドキュメント、ステータス、サポートオプション、アカウントツールを説明します。

コース・会員制サイトでは、レッスン、リソース、進捗エリア、コミュニティセクションへと受講者を案内します。

予約・イベントページでは、スケジュール、会場詳細、座席オプション、登録ステップ、確認操作へと訪問者を案内します。

社内ツールでは、ゼロからカスタムチュートリアルシステムを構築することなく、チームメンバーを新しいワークフローにオンボーディングできます。

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

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

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

よくある質問 (FAQ)

  • Website Tourウィジェットとは何ですか?

    Website Tourウィジェットは、ハイライトされたターゲット、ツールチップテキスト、ステップナビゲーションコントロールを使って、選択したページ要素へと訪問者を案内します。

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

  • 各ツアーステップでハイライトする対象はどのように選びますか?

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

  • ツアーは自動的に開始できますか?

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

  • Website Tourウィジェットはモバイルで動作しますか?

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

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

  • Website Tourウィジェットは無料ですか?

  • セットアップのヘルプはどこで受けられますか?

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