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