ウェブサイト向けレコメンド ツールウィジェット

選んだ商品のおすすめを、訪問者がページを離れずに閲覧できるフローティングのおすすめカードで表示しましょう。商品の画像、名前、価格、リンク、バッジを追加し、コード不要でカードのスタイルや位置、セッションの動作をカスタマイズできます。

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

Add recommended products

おすすめ商品を追加

訪問者に見つけてほしい商品の名前、画像、価格、タグ、説明、リンクを入力しましょう。

Customize the card

カードをカスタマイズ

ライトまたはダークのテーマを選び、カラーや角丸を調整し、カード幅を設定して、一度に表示する商品数を決めましょう。

Embed it on your website

ウェブサイトに埋め込む

おすすめカードをプレビューし、ウィジェットを保存して、生成された埋め込みコードをネットショップ、ランディングページ、商品ページ用にコピーしましょう。

ストアを作り直すことなく、狙いを絞った商品のおすすめを表示

厳選した商品セットを作成

おすすめしたい商品を、画像、価格、説明、タグ、リンクとともに手動で追加できます。このウィジェットは、キャンペーンやギフトガイド、関連商品、注目のコレクションに役立ちます。

Create a curated product set

ネットショップのスタイルに合わせる

ライトまたはダークのテーマ、カラーコントロール、画像の角丸、カードの角丸、影、ブランディング、カスタムCSSを使って、おすすめカードをサイトになじむデザインにしましょう。

Match your storefront style

買い物客の目に留まる場所に配置

おすすめを画面の左右どちらかに固定し、デスクトップとモバイルの表示を調整し、ページレイアウトに合わせて下部と側面のオフセットをコントロールできます。

Place it where shoppers notice it

訪問者を商品ページへ誘導

各おすすめは商品リンクを新しいタブで開き、現在のセッション中は閉じるかクリックの後に非表示になるため、繰り返しにならず役立つ体験を保てます。

Send visitors to product pages

Product Recommendationsを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日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

商品レコメンドウィジェットの活用シーン

少数のおすすめ商品を表示することで、訪問者が買い物を続けたり、選択肢を比較したり、関連商品をすばやく見つけたりできるページで、このウィジェットを活用しましょう。

商品詳細ページで、合わせて使えるアクセサリーや代替品、セット商品、アップグレード商品を提案しましょう。

コレクションページで、訪問者の閲覧中にベストセラーや新着商品、季節のおすすめを目立たせましょう。

カートや決済に近いページで、購入を完了する前に補完的な商品を表示しましょう。

キャンペーンのランディングページで、セールや新商品の発売、ギフトガイドに関連する厳選商品を紹介しましょう。

ブログ記事や購入ガイドで、記事コンテンツと関連する商品ページをつなげましょう。

カスタム開発なしで軽量なおすすめカードを必要とするスモールビジネスのネットショップ。

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

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

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

よくある質問 (FAQ)

  • 商品レコメンドウィジェットとは何ですか?

    商品レコメンドウィジェットは、選んだ商品を画像、名前、価格、バッジ、商品ページへのリンクとともに表示するフローティングカードです。

  • 表示する商品を選べますか?

  • デザインをカスタマイズできますか?

  • このウィジェットは商品リンクに対応していますか?

  • 訪問者はおすすめカードを閉じられますか?

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

  • このウィジェットは自分のストアを自動でクロールしますか?

  • コードを書く必要はありますか?