Webサイト向け表作成ウィジェット

商品仕様、イベントスケジュール、料金の詳細、比較データを、レスポンシブなウェブサイト表に変換しましょう。行や列を追加し、スタイルをカスタマイズして、完成した表作成ウィジェットをコードを書かずに埋め込めます。

今すぐ無料で作成!
Table Widget for Your Website Hero Background image

テーブルウィジェットの作成方法

Enter your table data

表のデータを入力

列見出しを作成し、行ラベルを追加して、商品詳細、スケジュールの時間、サービスの各段階、その他の構造化された情報でセルを埋めます。

Customize the display

表示をカスタマイズ

用意された配色テーマを選び、カスタムカラーを調整し、行の交互色を設定し、幅を調整して、ページに最適なスマートフォン向けレイアウトを選択できます。

Embed the table

表を埋め込む

レスポンシブな表をプレビューし、埋め込みコードをコピーして、カスタムHTMLや埋め込みブロックに対応したウェブサイトページに公開できます。

ウェブサイトのデータをひと目で把握

ビジュアルエディターで表作成

更新のたびにHTMLの表を手作業でコーディングする必要はありません。ビルダー上で列、行、行ラベル、セル値を追加できます。

Build tables in a visual editor

スマホでも読みやすい表を維持

訪問者が幅の広い表を横スクロールしたり、各行を縦に並んだカード形式に切り替えることで、小さな画面でも各行がわかりやすく表示されます。

Keep tables readable on mobile

ホームページのデザインに合わせる

用意された配色パターンを選び、背景、ヘッダーテキスト、罫線、ストライプ行、アクセント、適用範囲を限定したカスタムCSSを細かく調整できます。

Match your website design

大量のデータも見やすく整理

列見出しと行ラベルの固定表示を有効にすると、縦長や横幅の広い表でも、訪問者は項目を見失わずにデータを確認できます。

Help visitors follow long tables

テーブルをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformのホームページウィジェットをカスタマイズしたら、「無料で試す」をクリックし、生成された埋め込みコードをコピーします。

2ページエディターを開く

ウィジェットを表示したいWordPressの投稿または固定ページを開き、新しいブロックを追加します。

3カスタムHTMLブロックを追加

カスタムHTMLを選択し、Jotformホームページウィジェットの埋め込みコードをHTMLフィールドに貼り付けます。

4更新して表示

更新または公開をクリックし、ページを開いて埋め込まれたウィジェットを確認します。

Jotform ホームページウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声を表示するスライダー、ソーシャルプルーフのポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、実績や信頼性のアピール、見込み顧客の獲得を実現できます。コーディングは不要です。

コーディングなしで埋め込む

シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。

よりインタラクティブなページを作成

Jotform ホームページウィジェットを使って、見込み顧客の獲得、お客様のフィードバックの表示、ソーシャルプルーフの活用、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。

必要なときにサポートを受けられる

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間年中無休で対応します。必要なときにいつでもサポートを受けられるので、安心してご利用いただけます。

表作成ウィジェットの活用シーン

訪問者が選択肢を比較したり、登録・購入・予約したり、続きを読んだりする前に、整理された詳細情報が必要な場所ならどこにでもレスポンシブな表を追加できます。

商品ページで、サイズ、在庫状況、価格、素材、互換性、パッケージの詳細などを表にまとめて表示できます。

イベントページに、スケジュール、セッション名、時間、会場、登壇者、参加登録に関する注意事項を掲載。

料金ページで、プランの制限、サービスの各段階、機能の有無、サポートオプションを並べて掲載できます。

リソースページで、ディレクトリ、リンク、用語集の項目、ダウンロード資料、ドキュメントの一覧を整理して表示できます。

レストラン・サービスページで、メニュー、プラン、営業時間、所在地、対応までの所要時間、サービス提供エリアなどを表にまとめて表示できます。

ブログ記事やガイドで、調査結果、比較、仕様、チェックリスト、データなどを表にまとめて紹介できます。

Jotformのフォーム作成ツールで見込み顧客を顧客へと導く

Jotformで訪問者の関心を具体的なアクションにつなげましょう。見込み顧客の獲得、決済の受付、返信の自動化ができる高機能なフォームを、すべて一か所で作成できます。送信された回答はすべてJotformインボックスに届くため、フォローアップやお気に入りのアプリとの連携も簡単です。

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

よくある質問 (FAQ)

  • 表作成ウィジェットとは何ですか?

    表作成ウィジェットは、行と列で構造化された情報を表示する埋め込み可能なウェブサイトウィジェットです。訪問者は長い文章を読まずに、詳細をひと目で把握できます。

  • 表には何を追加できますか?

  • 表作成ウィジェットはスマートフォンでも使えますか?

  • 表の色をカスタマイズできますか?

  • 訪問者がスクロールしてもヘッダーを表示したままにできますか?

  • カスタムCSSを追加できますか?

  • 表を埋め込むにはコードを書く必要がありますか?

  • 表作成ウィジェットはスプレッドシートファイルのインポートや同期に対応していますか?

  • 表作成ウィジェットは無料で使えますか?