に関する記事です。 ウィジェット

ネットショップウィジェットの設置


ネットショップウィジェット

ネットショップウィジェットは、ネットショップの商品を任意のページやブログ記事に表示するのに最適なウィジェットです。好きな場所にあなたのショップの商品を掲載ができます。HPやLP、ファネルなど。



ネットショップウィジェットの追加方法

「ネットショップウィジェット」セクションに移動し、希望のページに追加します。



まず最初に行うべきステップは、表示したい商品を追加することです。

「製品の編集」タブを選択すると、新しいウィンドウが開き、以下のような方法で商品を追加できます:

  • 最新の商品を表示
  • 特定カテゴリ内のすべての商品を表示
  • 個別に選択した商品を表示
  • 表示する商品の数を指定



商品レイアウト

この設定では、主に視覚的なカスタマイズが可能です。

それでは、より詳細な設定を見ていきましょう。




ネットショップの購入プロセス

「ストアプロセスタブ」では、以下の2つの購入方法から選べます:

  • カートに追加

複数の商品をまとめて購入してもらいたい場合に最適です。

訪問者が「カートに追加」をクリックすると、その商品は自動的にカートに入り、続けて他の商品を閲覧・購入することができます。

  • 今すぐ購入

こちらを選択すると、訪問者が「今すぐ購入」ボタンをクリックした時点で、すぐにチェックアウトページ(支払い画面)が表示されます。



商品フィードの見た目(デザイン)

ストア製品ウィジェットでは、商品の表示スタイルをカスタマイズできます。以下が主な設定項目です:

  • 3つの基本レイアウト

商品をページ上でどう見せるかを選択できます(例:グリッド型、リスト型など)。

テキストの配置も、左寄せ・中央揃え・右寄せから選べます。




割引バッジの種類

特定の商品に割引が設定されている場合、商品上にバッジとして視覚的に表示できます。以下の4種類から選択可能です:

  1. なし:何も表示しません
  2. SALE:セール中の商品に表示
  3. 割引額表示:たとえば「¥500 OFF」のように、金額で表示
  4. 割引率表示:たとえば「20% OFF」のように、パーセンテージで表示




ウィジェット一覧


注文概要の作成


ボタンの使い方


見出し&テキストの活用方法


画像の追加&設定方法


メニューを好きな場所に追加しよう!


フォームの使い方〜お問い合わせ、メルマガ、アンケートなど〜


クイズフォームの使い方


チェックアウトフォーム設定


カウントダウンタイマー機能を活用しよう!


音声メディアを作ろう!


画像の埋め込み方法


スペーサー


プログレスバー


区切り線の設定


アコーディオン


地図を入れてみよう!


コードを埋め込んでみよう!


スライダーの活用


埋め込みの活用


ブログ一覧をサイトの好きな場所に設置







更新日 10/07/2025

この記事は役に立ちましたか?

ご意見をお聞かせください

キャンセル

ありがとうございます