ウェブサイト向けスクロールインジケーターウィジェット

訪問者が長い記事、ガイド、ドキュメントをどこまで読み進めたかを確認できるようにします。固定のスクロールインジケーターバー、円形、またはステップインジケーターを追加でき、パーセンテージ、残り時間、カスタムラベルテキストをオプションで表示できます。コーディングは不要です。

読書進行状況ウィジェットの作成方法

Choose your progress style

進捗スタイルを選ぶ

バー、円形、ステップ形式のインジケーターから選びます。バーはページの上部または下部に配置し、円形はレイアウトに合ったページの隅に設定できます。

Customize reader details

読者向けの詳細をカスタマイズ

インジケーターの太さを調整し、ラベルを編集して、読了率、推定残り時間、またはその両方を表示するかどうかを選べます。

Embed it on your website

ウェブサイトに埋め込む

デスクトップとモバイルでウィジェットをプレビューし、埋め込みコードをウェブサイトのカスタムHTMLまたは埋め込みブロックに貼り付けます。

読者の集中を妨げずに長いコンテンツへ導く

進捗をひと目で表示

記事、チュートリアル、ポリシーページ、リソースガイドを読み進める訪問者に、わかりやすい視覚的な目印を提供します。ページの空きスペースに応じて、バー、円形、ステップ表示から選べます。

Show progress at a glance

役立つ読書コンテキストを追加

カスタムラベル、読了率、推定残り時間を表示して、訪問者がスクロールを続ける前に何を期待できるかがわかるようにします。

Add helpful reading context

レイアウトに合わせて配置

進捗バーをビューポートの上部または下部に配置したり、ページの隅にコンパクトな円形インジケーターを使ったりできます。太さを調整すれば、コンテンツの邪魔をせずにウィジェットを見やすく保てます。

Match the placement to your layout

ウィジェットの表示タイミングを制御

訪問者がスクロールを始めるまでインジケーターを非表示にしたり、読み終わった後に削除したりできます。これにより、最初のスクロールからページの最後まで、集中できる体験を維持できます。

Control when the widget appears

読書進行状況をWordPressに埋め込む方法

1埋め込みコードを取得

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

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

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

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

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

4更新して表示

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

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

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

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

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

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

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

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

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

スクロールインジケーターウィジェットの活用シーン

スクロールインジケーターウィジェットは、訪問者が長めのコンテンツを読み進めながら現在位置を把握する必要のあるあらゆる場面で活用できます。

ブログ記事や編集記事

ヘルプセンターやナレッジベースのページ

ドキュメントや設定ガイド

製品の説明ページ

コース、レッスン、トレーニングのページ

ポリシー、利用規約、長文の情報ページ

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

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

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

よくある質問 (FAQ)

  • スクロールインジケーターウィジェットとは何ですか?

    スクロールインジケーターウィジェットは、訪問者が長いページコンテンツをどこまで読み進めたかを示す視覚的なインジケーターです。

  • どのような表示スタイルに対応していますか?

  • ウィジェットの表示位置を変更できますか?

  • 読了率を表示できますか?

  • 残り時間を表示できますか?

  • ラベルのテキストをカスタマイズできますか?

  • スクロールするまでウィジェットを非表示にしておけますか?

  • 読み終わったらウィジェットを非表示にできますか?

  • モバイルでも使えますか?

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

  • スクロールインジケーターウィジェットは無料ですか?