商品紹介カードウィジェットの作成方法
商品紹介カードを追加
最大6件の商品について、商品名、画像、説明、価格、割引前の価格、キャンペーンバッジ、CTAテキスト、商品リンクを入力します。
レイアウトをカスタマイズ
グリッドまたはカルーセルモードを選択し、パソコンでの列数、画像の縦横比、間隔を調整し、パソコン・スマートフォンでの表示・非表示を設定できます。
ウェブサイトに埋め込む
商品紹介カードをプレビューし、ウィジェットを保存して、生成された埋め込みコードをコピーし、ストア、ランディングページ、ブログに追加します。
選択んだ商品を見やすく、クリックできるカード形式で表示
最大6件の商品を選んで紹介
画像、商品URL、価格、割引前の価格、説明、バッジを使って、紹介したい商品を手動で選んでまとめられます。セール品、ベストセラー、新着商品、セット商品、キャンペーン対象商品の紹介に活用できます。
カードの細部までデザイン
ライトモードまたはダークモードを選択し、背景、テキスト、バッジ、価格、枠線、ボタンの色を更新し、カードと画像の角の丸みを調整し、影を追加し、さらに細かく設定したい場合は適用範囲を限定したカスタムCSSを使用できます。
あらゆるデバイスに合わせたレイアウト
グリッドの列数、カードの間隔、画像の比率、ウィジェットの幅、パソコン・スマートフォンで表示を設定して、スマートフォン、タブレット、幅広のストアページでも商品カードが見やすく保たれるようにします。
お客様を商品ページへ誘導
各カードにはCTAボタンを表示でき、商品リンクを新しいタブで開けるため、訪問者がキャンペーン、ガイド、ページセクションから目的の商品へスムーズに移動できます。
Jotform ホームページウィジェットが選ばれる理由
Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声を表示するスライダー、ソーシャルプルーフのポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、実績や信頼性のアピール、見込み顧客の獲得を実現できます。コーディングは不要です。
シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。
Jotform ホームページウィジェットを使って、見込み顧客の獲得、お客様のフィードバックの表示、ソーシャルプルーフの活用、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。
ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間年中無休で対応します。必要なときにいつでもサポートを受けられるので、安心してご利用いただけます。
商品紹介カードウィジェットの活用シーン
商品を視覚的かつコンパクトに紹介し、訪問者による商品の比較や商品ページへの素早い移動に役立つ場所であれば、どこでもこのウィジェットをご利用いただけます。
ホームページのセクションで、新着商品、注目商品、開催中のセールを目立たせて紹介できます。
キャンペーンのランディングページで、セール対象商品や新商品のラインナップをコンパクトにまとめ、各商品への直接リンクとともに紹介できます。
ギフトガイドやブログ記事で、記事の内容に関連する購入可能な商品を紹介し、読者を商品ページへ誘導できます。
商品コレクションページで、ベストセラー、セット商品、アクセサリー、期間限定オファーを目立たせます。
小規模ビジネスのオンラインストアで、フロントエンドのカスタム開発なしで、商品紹介カードをグリッド形式で表示できます。
季節限定キャンペーンでは、キャンペーンのバッジや割引前の価格を表示し、購入者が特典内容をすばやく確認できます。
Jotformのフォーム作成ツールで見込み顧客を顧客へと導く
Jotformで訪問者の関心を具体的なアクションにつなげましょう。見込み顧客の獲得、決済の受付、返信の自動化ができる高機能なフォームを、すべて一か所で作成できます。送信された回答はすべてJotformインボックスに届くため、フォローアップやお気に入りのアプリとの連携も簡単です。
無料で今すぐ始める
よくある質問 (FAQ)
商品紹介カードウィジェットとは何ですか？
商品紹介カードウィジェットは、選択した商品を画像、説明、価格、割引前の価格、バッジ、リンクとともに表示するレスポンシブなカードセクションです。
商品カードは何枚まで表示できますか？
デザインをカスタマイズできますか？
各商品を商品ページにリンクできますか？
グリッドとカルーセルの両方で使えますか？
モバイルでも使えますか？
このウィジェットは商品ページを自動でスキャンしますか？
コードを書く必要はありますか？