ウェブサイト向けタブメニューウィジェット
関連するウェブサイトのコンテンツを、焦点を絞ったレスポンシブなタブメニュー体験へと変えましょう。独立したナビゲーションラベル、カードコンテンツ、任意の画像、ボタンを備えたタブを最大15個作成でき、コードは不要です。
Tabsウィジェットの作り方
タブを追加して並べ替える
最大15個のタブを作成し、並び替えて、それぞれにナビゲーションラベル、カードタイトル、説明、任意の画像、ボタンを設定できます。
レイアウトと外観を選択
横方向または縦方向のナビゲーションを選択し、画像を配置し、テキストを揃え、テーマ、色、フォント、角の丸み、幅、デバイスごとの表示をカスタマイズできます。
ウェブサイトに埋め込む
レスポンシブなウィジェットをプレビューし、生成された埋め込みコードをコピーして、カスタムHTMLや埋め込みブロックに対応したページに配置します。
長いページをひと目で見やすく
すべてのタブに独自のコンテンツを
個別のタブタイトルとカードタイトルを使い、簡潔な説明を追加。各アイテムごとに画像やCTAボタンの表示・非表示を切り替えられます。ボタンのリンクはデフォルトで新しいタブで開きます。
コンテンツと画面に合わせてタブを最適化
ナビゲーションをカードの上または横に配置できます。横方向のタブはデスクトップの幅に合わせて調整され、モバイルではスクロールします。一方、縦に長いリストはカードの横でスクロールします。最初に開くタブ、画像の位置、テキストの配置も選べます。
ウィジェットを思いのままにスタイリング・表示
ライトまたはダークのテーマから始めて、カスタムカラーパレットを作成し、フォントや角の丸みを選択。幅をフルまたは最大幅に設定し、ウィジェットをすべてのデバイス、デスクトップ、モバイルのいずれで表示するかを制御できます。
タブウィジェットの活用シーン
長いスクロールなしで関連情報を比較・閲覧したい場所ならどこにでも、タブ形式のコンテンツを追加できます。
商品ページ：機能、仕様、セットアップの説明、レビュー、返品ポリシーを分けて表示できます。
料金ページ：プランの詳細、アドオン、よくある質問、請求に関する注意事項、比較ポイントを整理できます。
サービスページ：パッケージ、対応業界、成果物、スケジュール、予約プロンプトを表示できます。
コースやイベントページ：スケジュール、モジュール、講演者、参加要件、登録内容を分けて表示できます。
サポートページ：オンボーディング、アカウント、請求、トラブルシューティング、お問い合わせ情報をまとめられます。
ポートフォリオページ：プロジェクトの概要、進行プロセス、成果、お客様の声、次のステップを紹介できます。
Jotformウェブサイトウィジェットが選ばれる理由
Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。
シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。
Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。
ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。
Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう
Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。
無料で今すぐ始める
よくある質問 (FAQ)
タブウィジェットとは何ですか？
タブウィジェットは、関連するウェブサイトのコンテンツをクリック可能なタブに整理して表示できる、埋め込み可能なセクションです。訪問者はページを離れることなくトピックを切り替えられます。
タブはいくつ追加できますか？
各タブには何を追加できますか？
どのようなレイアウトが利用できますか？
訪問者に最初に表示されるタブを変更できますか？
タブウィジェットはどのようにカスタマイズできますか？
ウィジェットの幅やデバイスごとの表示を制御できますか？
ウェブサイトに追加するのにコードは必要ですか？