ウェブサイト向け商品紹介カードウィジェット
お得情報、新商品発売、ギフトガイド、注目コレクション向けに、レスポンシブな商品紹介カードのグリッドを作成できます。商品画像、名前、説明、価格、旧価格、プロモバッジ、CTAボタンを追加して、コード不要でカードをスタイリングできます。
Product Cardsウィジェットの作り方
商品紹介カードを追加
最大6商品分の商品名、画像、説明、価格、旧価格、プロモバッジ、CTAテキスト、商品リンクを入力します。
レイアウトをカスタマイズ
グリッドまたはカルーセルモードを選択し、デスクトップの列数を設定し、画像の比率と余白を調整し、デスクトップまたはモバイルの表示を制御します。
ウェブサイトに埋め込む
商品紹介カードをプレビューし、ウィジェットを保存して、生成された埋め込みコードをストア、ランディングページ、ブログ用にコピーします。
選択した商品を、すっきりとクリックしやすいカードセクションに
最大6商品までキュレーション
画像、商品URL、価格、旧価格、説明、バッジを使って、要点を絞った商品セットを手動で作成できます。セール品、ベストセラー、新着商品、バンドル、キャンペーンコレクションなどにご活用ください。
カードの細部までスタイリング
ライトモードまたはダークモードを選択し、背景、テキスト、バッジ、価格、枠線、ボタンの色を更新し、カードと画像の角丸を調整し、影を追加し、さらに細かく制御したい場合はスコープ付きのカスタムCSSを使用できます。
あらゆるデバイスに合わせたレイアウト
グリッドの列数、カードの余白、画像の比率、ウィジェットの幅、デスクトップの表示、モバイルの表示を設定して、スマートフォン、タブレット、幅広のストアページでも商品カードが見やすく保たれるようにします。
お客様を商品ページへ誘導
各カードにはCTAボタンを表示でき、商品リンクを新しいタブで開けるため、訪問者がキャンペーン、ガイド、ページセクションから目的の商品へスムーズに移動できます。
Jotformウェブサイトウィジェットが選ばれる理由
Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。
シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。
Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。
ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。
商品紹介カードウィジェットの活用シーン
簡潔で視覚的な商品セットが、訪問者による商品の比較や商品ページへの素早い移動に役立つ場所であれば、どこでもこのウィジェットをご利用いただけます。
ホームページのセクションで、新着商品、注目商品、現在のお得な情報を目立たせます。
キャンペーンのランディングページで、短いセールコレクションや発売ラインナップを、商品への直接リンク付きで紹介します。
ギフトガイドやブログ記事で、編集コンテンツと訪問者が購入できる関連商品をつなげます。
コレクションページで、ベストセラー、バンドル、アクセサリー、期間限定オファーを目立たせます。
カスタムのフロントエンド開発なしで商品カードのグリッドが必要なスモールビジネスのオンラインストアに。
季節限定プロモーションでは、プロモバッジや旧価格の表示により、お客様がオファーをすばやく確認できます。
Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう
Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。
無料で今すぐ始める
よくある質問 (FAQ)
商品紹介カードウィジェットとは何ですか？
商品紹介カードウィジェットは、選択した商品を画像、説明、価格、旧価格、バッジ、リンクとともに表示するレスポンシブなカードセクションです。
商品カードは何枚まで表示できますか？
デザインをカスタマイズできますか？
各商品を商品ページにリンクできますか？
グリッドとカルーセルの両方で使えますか？
モバイルでも使えますか？
このウィジェットは商品ページを自動でスキャンしますか？
コードを書く必要はありますか？