ホームページ向けスクロールインジケーターウィジェット
固定の進捗バーまたはフローティングの進捗ボタンで、訪問者がスクロールの進捗を把握できるようにします。必要に応じてページ上部へ戻る機能を追加し、ブランドカラーに合わせて色を調整したり、表示位置を設定したりできます。コーディングは不要です。
今すぐ無料で作成！
スクロール進行状況ウィジェットの作成方法
インジケーターを選択
進捗バーまたはフローティングの進捗ボタンを選択し、ボタンで訪問者をページ上部へ戻すかどうかを設定できます。
色とレイアウトをスタイリング
単色またはグラデーションの塗りつぶしを設定し、トラックとパーセンテージの色をカスタマイズし、インジケーターのサイズと位置を調整して、デバイスの表示をコントロールできます。
サイトに埋め込む
スクロールの動作をプレビューし、埋め込みコードをコピーして、縦に長いページにウィジェットを公開しましょう。
スクロール中の現在位置をわかりやすく表示
進捗インジケーターを選択
固定の進捗バーまたはフローティングの進捗ボタンを選択し、訪問者がブログ、ガイド、ランディングページで簡単にスクロールの進捗を把握できるようにします。
ブランドカラーに合わせる
単色またはグラデーションを選択し、進捗、トラック、パーセンテージの色を調整して、ウィジェットをホームページのデザインに合わせましょう。
ワンクリックでページ上部へ戻る
長いページで、訪問者がフローティング表示の進捗ボタンをクリックすると、すぐにページ上部へ戻れるようにします。
表示位置とデバイスを設定
バーをページ上部または下部に固定し、ボタンを四隅の好きな位置に配置して、サイズを調整できます。さらに、デスクトップ、モバイル、または両方での表示を選択できます。
Jotform ホームページウィジェットが選ばれる理由
Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声を表示するスライダー、ソーシャルプルーフのポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、実績や信頼性のアピール、見込み顧客の獲得を実現できます。コーディングは不要です。
シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。
Jotform ホームページウィジェットを使って、見込み顧客の獲得、お客様のフィードバックの表示、ソーシャルプルーフの活用、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。
ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間年中無休で対応します。必要なときにいつでもサポートを受けられるので、安心してご利用いただけます。
スクロールインジケーターウィジェットの活用シーン
訪問者が長くスクロールし、進捗状況をわかりやすく表示し、ページ上部へすぐに戻れるようにしたい場合に活用できます。
Blog posts and articles so readers can see how far they have scrolled and return to the headline quickly
Documentation and help centers where dense instructions benefit from a live progress cue and scroll-to-top shortcut
Product and feature pages that stack long storytelling sections, comparisons, and CTAs
Landing pages that use long vertical layouts and need subtle orientation without extra navigation
Resource hubs and magazines with editorial content that should feel easy to finish
Mobile-first pages where long scrolling is common and a floating progress button improves usability
Jotformのフォーム作成ツールで見込み顧客を顧客へと導く
Jotformで訪問者の関心を具体的なアクションにつなげましょう。見込み顧客の獲得、決済の受付、返信の自動化ができる高機能なフォームを、すべて一か所で作成できます。送信された回答はすべてJotformインボックスに届くため、フォローアップやお気に入りのアプリとの連携も簡単です。
無料で今すぐ始める
よくある質問 (FAQ)
スクロールインジケーターウィジェットとは？
スクロールインジケーターウィジェットは、固定の進捗バーと任意のフローティング円形インジケーターで、訪問者がどこまでスクロールしたかを表示します。
ボタンでクリックするとページ上部に戻りますか？
色をカスタマイズできますか？
表示位置を設定できますか？
モバイルでも使えますか？
最初やスクロール完了時に非表示にできますか？
コードを書く必要はありますか？