ウェブサイト向けスクロールバー カスタマイズウィジェット

ブランドに合わせたスクロールエリアで、長いコンテンツをすっきり整理。スクロールバーの位置、幅、角丸、スムーズスクロール、トラックとサムの色、コンテナのサイズ、ボーダー、背景色を、コード不要でカスタマイズできます。

Custom Scrollbarウィジェットの作り方

Add scrollable content

スクロール可能なコンテンツを追加

長文、リリースノート、ポリシー、ヘルプ文、利用規約、商品詳細などを、コンパクトなスクロール可能なコンテンツエリアに貼り付けます。

Customize scrollbar style

スクロールバー カスタマイズ

スクロールバーの位置、幅、角丸、トラックの色、サムの色、ホバー時の色、コンテナの背景、ボーダー、シャドウを設定します。

Embed it on your website

ウェブサイトに埋め込む

スクロールエリアをプレビューし、埋め込みコードをコピーして、長いコンテンツを見やすく保ちたい場所に配置できます。

長いコンテンツをすっきり管理できる、ブランドに合わせたスクロールエリアを作成

長いコンテンツをコンパクトなセクション内にまとめる

お知らせ、ポリシー、変更履歴、FAQ、商品詳細などを、ページ全体を引き伸ばすことなくスクロール可能なコンテナに配置できます。

Keep long content inside a compact section

スクロール位置、幅、角丸を制御

ネイティブスクロールを使い、任意でスムーズな動作、左右のスクロールバー配置、太さ、角丸のスクロールバーを設定できます。

Control scroll side, width, and radius

スクロールバーをブランドに合わせる

サム、ホバー、トラック、背景、テキスト、ボーダーの色をカスタマイズして、コンテンツエリアをウェブサイトのデザインになじませられます。

Match the scrollbar to your brand

コンテナのサイズ、ボーダー、シャドウを設定

スクロールエリアの幅と高さを選び、コンテナの角丸、ボーダーの太さ、ボーダーの色、ドロップシャドウを調整できます。

Set container size, border, and shadow

Custom Scrollbarを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日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

カスタムスクロールバーウィジェットの活用場所

長いコンテンツをページを圧迫することなく読みやすく保ちたい場所ならどこでも、カスタムスクロールバーを使えます。

ヘルプセンターやドキュメントでは、長い手順、セットアップガイド、技術メモを見やすく保てます。

商品ページでは、スペック、説明、配送情報、サイズガイドをコンパクトなセクションで表示できます。

利用規約、プライバシー、ポリシーのブロックでは、ページのセクションが大きくなりすぎることなく重要なテキストを表示できます。

変更履歴やリリースノートのページでは、長い更新リストをブランドに合わせたスクロールパネル内に整理できます。

サイドバーやダッシュボードでは、通知、メモ、アクティビティ、フィルターを限られたスペースでも使いやすく保てます。

ランディングページでは、キャンペーンのオファーの下に追加情報を表示し、メインのCTAから注意をそらすことなく伝えられます。

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

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

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

よくある質問 (FAQ)

  • カスタムスクロールバーウィジェットとは?

    カスタムスクロールバーウィジェットは、ブランドに合わせたスクロールバースタイル、コンテナのサイズ設定、カラー、ボーダー、スクロール動作を備えたスクロール可能なコンテンツエリアを作成します。

  • スクロールバーの位置は変更できますか?

  • スムーズスクロールを有効にできますか?

  • スクロールバーの色は変更できますか?

  • コンテンツボックスのサイズは調整できますか?

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

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