ウェブサイト用グリッドレイアウトウィジェット
画像・動画・アイコン・テキストカードを使って、柔軟なコンテンツグリッドを作成できます。グリッドレイアウト、リスト、メーソンリーから選び、コードなしで列数、間隔、メディア比率、リンク、ボタン、色、ブランディングを調整できます。
グリッドウィジェットの作成方法
グリッドアイテムを追加する
タイトル、説明、リンク、バッジ、任意のボタンを備えた画像・動画・アイコン・テキストカードを作成しましょう。
レイアウトと間隔を選ぶ
グリッド、リスト、メーソンリーから選び、ページに合わせて幅、列数、間隔、メディア比率を設定しましょう。
スタイルを設定して埋め込む
カードの角丸、枠線、テキストの色、ブランディングをカスタマイズし、埋め込みコードをウェブサイトにコピーしましょう。
さまざまなコンテンツを、すっきりと見やすいウェブサイトのセクションに
マルチメディアのグリッドカードを作成
画像、動画、アイコン、テキストの更新を1つのウィジェットにまとめることで、製品のハイライト、リソース、キャンペーン、お知らせを一目で把握しやすくなります。
ページに最適なレイアウトを選ぶ
ビジュアルカードにはバランスの取れたグリッド、高さの異なるカードにはメーソンリーレイアウト、より多くのテキストを素早く閲覧させたい場合はリストレイアウトを使いましょう。
グリッドアイテムの移動・並び替え・サイズ変更
ビルダーでカードを配置し、重要なアイテムをより目立つ位置に移動したり、セクションを並び替えたり、ブロックのサイズを変更して、必要な構成に仕上げましょう。
Webサイトのスタイルに合わせる
カードの角丸、枠線、タイトルの色、本文テキストの色、テキストサイズ、Jotformブランド表示の有無を調整して、グリッドをページに自然に溶け込ませましょう。
Jotformウェブサイトウィジェットが選ばれる理由
Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。
シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。
Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。
ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。
グリッドウィジェットの活用場所
整理されたカード、メディア、リンク、CTAを1つの柔軟なセクションにまとめたい場所であれば、ウェブサイトのどこでもグリッドウィジェットを使えます。
ホームページ：キャンペーン、注目のコレクション、製品の更新情報、リソースハブを、洗練された1つのブロックで際立たせる
製品ページ：機能カード、ローンチ動画、ドキュメントのリンク、補足的なCTAを1つのトピックにまとめる
リソースセンター：ガイド、チュートリアル、ダウンロード、動画、クイックリンクを整理し、より快適な閲覧体験を実現
編集ページ：カスタム開発なしで、マルチメディアのストーリーや厳選したおすすめ、キャンペーンコンテンツを掲載
ランディングページ：補足コンテンツをコンパクトに保ちつつ、訪問者に詳細ページへの明確な導線を提供
社内ポータル：チームの更新情報、資料、お知らせ、ショートカットを、柔軟なカードレイアウトで表示
Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう
Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。
無料で今すぐ始める
よくある質問 (FAQ)
グリッドウィジェットとは何ですか？
グリッドウィジェットを使うと、画像・動画・アイコン・テキストカードを、グリッド、リスト、メーソンリーのレイアウトでウェブサイトに表示できます。
各グリッドアイテムに何を追加できますか？
グリッドウィジェットはどのようなレイアウトに対応していますか？
列や間隔を調整できますか？
グリッドアイテムの移動、並び替え、サイズ変更はできますか？
リンクやボタンを追加できますか？
デザインをカスタマイズできますか？
グリッドウィジェットは動画に対応していますか？
グリッドウィジェットはレスポンシブに対応していますか？