Shoprocket ホステッドストアフロント

Shoprocketホステッドストアは、すべてのプランで利用可能です。

ホステッドストアフロントとは？

Shoprocketはオムニチャネルeコマースプラットフォームであり、自社のウェブサイト、サードパーティのブログ、Shoprocketホステッドストアフロント、またはソーシャルメディアチャンネルでのショッピングにおいてシームレスな顧客体験の提供に重点を置いたマルチチャネルアプローチを提供します。

このガイドは、独自のウェブサイトを持たない販売者や、ご自身のウェブサイトからストアを分離しておきたいと考える販売者に最適なホステッドストアフロントのセットアップを支援します（選択の自由やサイトの技術的制約による）。

当社のホステッドストアフロントは、名前が示す通り、Shoprocketネットワーク上でホストされています。私たちは、超高速なスピードと稼働時間に関する安心感を確保するために、グローバルCDNを導入しています。

こちらでデモのホステッドストアフロントをご覧いただけます: https://demo.shoprocket.io/

ホステッドストアフロントの設定方法

ストアフロントのカスタマイズを始めるには、ダッシュボードにログインし、左側のサイドバーで「販売チャネル」をクリックし、次にホステッドストアを選択してください。

ここからホステッドストアエディタが表示され、変更をビジュアル化するためのリアルタイムプレビューも利用できます。

左側のエディタパネルでは、ホステッドストアを有効/無効にするためのスイッチ、ストアにアクセスするためのリンク、サブドメインフィールドを見つけることができます。サブドメインには、my-store-name.shoprocket.ioのようにストア名を使用することをお勧めします。

独自のドメイン名（例：my-store-name.com）を使用することも可能です。この設定方法についてはお問い合わせください。

「レイアウト」セクションでは、次のようなページに含めたい要素を指定できます：

• ストア名
• ロゴ
• ファビコン（ブラウザのURLバー/タブに表示される小アイコン）
• カバー画像（ページの上部に表示される大きな画像ヘッダー）
• 説明（カバー画像の下に表示されるストアの紹介/文章）
• ボトムテキスト（ストアの下部に表示されるテキストエリア、利用規約や配送ポリシーに最適）

オプション

左側のメニューの「オプション」セクションから利用可能なオプションは次のとおりです：

• 表示する製品 - すべての製品を表示するか、特定のカテゴリーの製品のみを表示するか選択します
• 製品サイズ - 埋め込まれたアイテムのサイズを小・中・大から設定します
• 画像フィット - 製品画像を利用可能なサイズにクロップするか、縮小するかを定義します（クロップはすべての画像を同じサイズに保ち、より均一にします）
• 画像の幅 - 画像の幅を設定します
• 画像の高さ - 画像の高さを設定します
• ボタンスタイル - 「標準」（テキスト付きの角型ボタン）、「ミニマル」（アイコン付きの円型ボタン）、または「ホバー時」（製品にマウスを乗せたときのみ表示されるアイコン付きの円型ボタン）のいずれかを選択します
• デフォルトの並び順 - 製品がデフォルトで表示される順序を定義します（デフォルト、新着順、名前のA-Z、名前のZ-A、価格の低い順、価格の高い順）
• ページあたりの製品数 - 表示する製品数を指定します
• 在庫切れ製品を非表示 - 在庫切れの製品を完全に非表示にするか、「在庫切れ」のメッセージを表示するか選択します

含まれる要素

「製品を表示」ボタンや「リボン」など、含める要素を指定することもできます。

左側のメニューの「含まれる要素」セクションから利用可能な要素は次のとおりです：

• 検索ボックス - 製品埋め込みの上に「検索」フィールドを表示します（複数の製品埋め込みでのみ利用可能）
• 並び替えボックス - 並び順のドロップダウンメニューを表示します（複数の製品埋め込みでのみ利用可能）
• ページあたりの制限ボックス - ページあたりのアイテム数ドロップダウンメニューを表示します（複数の製品埋め込みでのみ利用可能）
• 通貨ボックス - 顧客が希望する通貨で価格を表示できる通貨ドロップダウンを表示します（通貨はまずストア設定で有効にする必要があります）
• 言語ボックス - 顧客が言語を切り替えることができる言語ドロップダウンを表示します（ストアテキストはまず設定で設定する必要があります）
• カテゴリーボックス - 顧客がカテゴリーで製品をフィルターできるカテゴリーのドロップダウンを表示します（複数の製品埋め込みでのみ利用可能）
• 製品名 - 製品名を表示します
• 製品価格 - 製品価格を表示します
• 製品画像 - 製品のヒーロー画像を表示します
• 製品サマリー - 製品のサマリーテキストを表示します
• 製品を表示ボタン - モーダルで製品の詳細を開くボタンを表示します
• カートに追加ボタン - アイテムをカートに追加するボタンを表示します（オプションはホバー時に上に表示され、より高度なオプション/バリエーションが必要な製品はクリック時に製品を表示するモーダルが開きます）
• 最小/最大注文数量 - 製品で設定されている場合に利用可能な最小および最大注文数量を表示します
• 送料無料リボン - 無料配送が適用される場合、製品に「送料無料」リボンを表示します
• 新製品リボン - 過去20日間に追加された製品に「新しい」リボンを表示します
• デジタルダウンロードリボン - 購入時にダウンロード可能なファイルを含む製品に「デジタルダウンロード」リボンを表示します

製品のポップアップ表示

「製品を表示」オプションが有効な製品について、モーダルに表示する要素をカスタマイズできます：

• 製品名 - 製品名を表示します
• 製品価格 - 製品価格を表示します
• 数量選択 - 数量選択フィールドを表示します（無効にすると、一度にカートに追加できるのは1個のみになります）
• 製品画像 - 製品画像ギャラリーを表示します
• 画像サムネイル - 画像ギャラリーのサムネイルを表示します
• 製品レビュー - 製品レビューを表示します
• 製品サマリー - 製品のサマリーテキストを表示します
• 製品説明 - 製品の説明を表示します
• 製品SKU - 製品の在庫管理単位（SKU）を表示します
• 製品カテゴリー - 製品に関連するカテゴリーを表示します
• ソーシャル共有アイコン - 1クリックで製品をソーシャルメディアに共有するボタンを表示します
• 関連製品 - 関連する製品を表示します
• 最小/最大注文数量 - 製品で設定されている場合に利用可能な最小および最大注文数量を表示します

次のオプションからも選択できます：

• 画像フィット - 製品画像を利用可能なサイズにクロップするか、縮小するかを定義します（クロップはすべての画像を同じサイズに保ち、より均一にします）
• 画像の幅 - 画像の幅を設定します
• 画像の高さ - 画像の高さを設定します
• サムネイルレイアウト - 画像ギャラリーのサムネイルを画像ギャラリーの下に横に配置するか、左に縦に配置するかを選択します
• バリエーションスタイル - 選択するための標準の「ドロップダウン」メニューまたは「プレーン」テキストメニューのいずれかを選択します

スタイル

次の色をジェネレーターを通じてカスタマイズできます：

• 製品タイトル
• 製品価格
• 製品サマリー
• 購入ボタンの背景
• 購入ボタンのテキスト/アイコン
• 製品を見るボタンの背景
• 見るボタンのテキスト/アイコン
• カートを見るボタンの背景
• カートを見るボタンのテキスト
• バスケットウィジェットの色
• バスケットの背景
• バスケットテキストの色
• 製品アイテムの背景

ストアの外観に満足したら、ストアのURLを共有して販売を開始してください。