ウェブサイト向けスクロールインジケーターウィジェット
固定の進捗バーまたはフローティングの進捗ボタンで、訪問者がスクロールの進捗を把握できるようにします。任意のトップへ戻るアクションを追加し、ブランドカラーに合わせ、コードなしで配置をコントロールできます。
Scroll Progressウィジェットの作成方法
インジケーターを選択
進捗バーまたはフローティングの進捗ボタンを選択し、ボタンで訪問者をページの先頭に戻すかどうかを決めましょう。
色とレイアウトをスタイリング
単色またはグラデーションの塗りつぶしを設定し、トラックとパーセンテージの色をカスタマイズし、インジケーターのサイズと位置を調整して、デバイスの表示をコントロールできます。
サイトに埋め込む
スクロールの動作をプレビューし、埋め込みコードをコピーして、任意の長いページにウィジェットを公開しましょう。
スクロール中の訪問者に現在地を示す
進捗インジケーターを選択
固定の進捗バーまたはフローティングの進捗ボタンを選択し、訪問者がブログ、ガイド、ランディングページで簡単にスクロールの進捗を把握できるようにします。
ブランドカラーに合わせる
単色またはグラデーションの塗りつぶしを使い、進捗、トラック、パーセンテージの色を調整して、ウィジェットをサイトのデザインに合わせましょう。
ワンクリックでトップへスクロール
訪問者がすばやくリセットしたいときに、フローティングの進捗ボタンをクリックして長いページのトップに戻れるようにします。
配置とデバイスをコントロール
バーを上部または下部に固定し、ボタンを任意の角に配置し、サイズを調整して、デスクトップ、モバイル、またはその両方を選択できます。
Jotformウェブサイトウィジェットが選ばれる理由
Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。
シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。
Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。
ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。
スクロールインジケーターウィジェットの活用シーン
訪問者が長くスクロールし、進捗を明確に把握でき、すばやくトップに戻れることが役立つページでウィジェットを使用しましょう。
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)
スクロールインジケーターウィジェットとは？
スクロールインジケーターウィジェットは、固定の進捗バーと任意のフローティング円形インジケーターで、訪問者がどこまでスクロールしたかを表示します。
ボタンでトップまでスクロールできますか？
色をカスタマイズできますか？
配置をコントロールできますか？
モバイルでも使えますか？
開始時や完了時に非表示にできますか？
コードを書く必要はありますか？