Product Catalog Widget

手動での商品登録、Shopifyの商品フィード、またはCSVを使って、あらゆるウェブサイトに埋め込める商品カタログ 作成が可能です。画像、価格、ベンダー、商品タイプ、タグ、商品ページのボタンを表示し、コード不要で検索、フィルター、並び替え、レスポンシブレイアウトを追加できます。

Product Catalogウィジェットの作り方

Add your products

製品を追加

手動で商品を追加するか、Shopifyの商品フィードを接続するか、タイトル、説明、価格、画像URL、商品リンク、ベンダー、タイプ、タグを含むCSVをアップロードします。

Customize your catalog

カタログをカスタマイズ

表示する商品の詳細を決め、検索、フィルター、「もっと見る」のコントロールのオン・オフを切り替え、デフォルトの並び順を設定し、カルーセル、グリッド、リストのレイアウトから選択できます。

Embed it on your website

ウェブサイトに埋め込む

商品カタログをプレビューし、ウィジェットを保存して、ページ用に生成された埋め込みコードをコピーします。

商品データを、訪問者が閲覧できるカタログに変えましょう

複数のソースから商品を追加

Shopifyストアを選ぶか、CSVファイルをアップロードするか、手動で商品を追加できます。画像、タイトル、価格、ベンダー、カテゴリ、タグ、リンクを含むカスタマイズ可能なカタログカードで、最大80件の商品を表示できます。

Add your products from multiple sources

商品カタログをインポートする

より少数の商品セレクションや卸売リスト、パートナーカタログ、Shopify商品フィード外の商品セットを、同じ商品フィールドで紹介したい場合は、CSVをアップロードしてください。

Import your product catalog

訪問者が目的の商品を見つけられるようサポート

訪問者が商品名、説明、ベンダー、タイプ、タグで検索したり、タイプ、ベンダー、タグで絞り込んだり、タイトルや価格順で閲覧したりできるようにします。

Help visitors find the right product

ページに合ったカタログをデザインする

カルーセル、グリッド、リストのレイアウトを選び、幅、列数、画像比率、カードの角丸、テキストの配置、色、ボタン、モバイル表示、スコープ付きのカスタムCSSを調整できます。

Design a catalog that fits your page

Product CatalogをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformウェブサイトウィジェットをカスタマイズしたら、「Try it on your website for free」をクリックし、生成された埋め込みコードをコピーします。

2ページエディタを開く

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

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

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

4更新して表示

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

Jotformウェブサイトウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。

コーディングなしでウィジェットを埋め込む

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

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

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

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

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

商品カタログウィジェットの活用シーン

訪問者が該当する商品ページを開く前に商品を比較したい場所ならどこにでも、目的に絞った商品カタログを埋め込めます。

キャンペーンのランディングページで、新着商品や季節商品、厳選した商品セットを紹介できます。

ブログ記事や購入ガイドで、おすすめ商品と直接リンクを組み合わせて紹介できます。

ブランドサイトで、ストア全体を作り直すことなく、選んだ商品を紹介できます。

卸売またはカタログページで、アップロードしたCSVデータから商品ラインを整理できます。

イベントやポップアップショップのページで、期間限定キャンペーン中に販売する商品をプレビュー表示できます。

パートナーページで、各商品ページを開くボタンを備えた共有商品リストを紹介できます。

Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう

Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。

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

よくある質問 (FAQ)

  • 商品カタログウィジェットとは何ですか?

    これは、手動での登録、Shopifyの商品フィード、またはアップロードしたCSVから商品を表示するウェブサイトウィジェットで、検索やフィルターが可能なカタログとしてWebページに埋め込めます。

  • Shopifyの商品ソースはどのように機能しますか?

  • どのShopify商品フィードを使えばよいですか?

  • 商品を手動で追加できますか?

  • ShopifyアプリやAPIキーは必要ですか?

  • 表示できる商品数はいくつですか?

  • 訪問者はウィジェット内で商品を購入できますか?

  • レイアウトはカスタマイズできますか?

  • 色やスタイルをカスタマイズできますか?

  • モバイルでも使えますか?