ストアフロントを設定・カスタマイズ
ストアフロントでは、共同ブランドのショッピングページを通じて、パートナーとのコンバージョン率を高めることができます。この記事では、ストアフロントの設定方法と、ストアフロントを公開するURLの選び方を説明します。ストアフロントの詳細は、当社の ブランド向けのストアフロントの説明 のヘルプ記事をご参照ください。
始める前に: ストアフロントには、最新の有効な 商品カタログが必要です。クリエイターは、そのカタログ内の在庫あり商品しか追加できません。在庫切れの商品は、再入荷するまで表示されません。
ストアフロントを有効にする
左側のナビゲーションメニューから、次を選択します
[Engage] → コンテンツ → ストアフロント.
選択 ストアフロントを有効にする をクリックして、ストアフロントの設定を始めます。
URLを選択
以下に、ストアフロントをホストするウェブアドレスを設定してください URLを選択。既定では、ストアフロントのURLにはプログラムIDが使用されます(例: https://impact.com/shop/creator_name/12345 ).
デフォルトのストアフロントURL欄を確認します。
必要に応じて、既定値をカスタム名に置き換えます(例:
https://impact.com/shop/creator_name/wayneenterprises).1つの
[緑のチェックマーク] は、名前が利用可能で有効であることを確認します。
1つの
[赤いエラー] は、名前がすでに使用されているか、無効な文字が含まれている場合に表示されます。続行するには別の名前を入力してください。
URLが有効になったら、 続行.
注意: ストアフロントのURLは、後でいつでも変更できます。
ストアフロントの設定を構成する
ストアフロントのブランディングと外観をカスタマイズします。
左側のナビゲーションメニューから、次を選択します
[Engage] → コンテンツ → ストアフロント→ 設定.
上部の ストアフロント設定 画面のタブを使って各セクションへ移動します。各タブで設定を行う際は、以下の参照を確認してください。
ストアフロントにブランドロゴとファビコンを追加します。
ブランドロゴをアップロード: ファイルを選択 を選択するか、ファイルをドラッグ&ドロップしてください。
対応ファイル形式は PNG、SVG、JPG/JPEG です。
推奨される最小ロゴサイズは 156px × 56px です。
ファビコンをアップロード: ファイルを選択 を選択するか、ファイルをドラッグ&ドロップしてください。
対応ファイル形式は ICO、PNG、SVG、JPG/JPEG です。

セカンダリボタン、ハイパーリンク、フッターの見た目をブランドのアイデンティティに合わせてカスタマイズします。
ページの色
ヘッダー背景色:ストアフロントページのヘッダーの背景色を設定します。
ページ背景色:ストアフロントページの本文部分の背景色を設定します。
テキスト色:ストアフロントの本文テキストの色を設定します。
ボーダー色:ページ上の境界線や区切り線の色を設定します。
プライマリボタン
背景色:ボタンの主要な背景色を設定します。
テキスト色:ボタン内のテキストの色を設定します。
ボーダー色:ボタンの枠線の色を設定します。
角丸:ボタンの角の丸みを調整します。
ホバー時の背景色:ユーザーのカーソルがボタン上にあるときの背景色を設定します。
ホバー時のテキスト色:ユーザーのカーソルがボタン上にあるときのテキスト色を設定します。
ホバー時のボーダー色:ユーザーのカーソルがボタン上にあるときの枠線の色を設定します。
画面右側でボタンをプレビューできます。
セカンダリボタン
背景色:ボタンの塗りつぶし色を設定します。
テキスト色:ボタン内のテキストラベルの色を設定します。
ボーダー色:ボタンの輪郭線の色を設定します。
角丸:角の丸みを調整します。
ホバー時の背景色:ユーザーのカーソルがボタン上にあるときの背景色を設定します。
ホバー時のテキスト色:ユーザーのカーソルがボタン上にあるときのテキスト色を設定します。
ホバー時のボーダー色:ユーザーのカーソルがボタン上にあるときの枠線の色を設定します。
画面右側でボタンをプレビューできます。
リンク
リンクの色:クリック可能なテキストリンクの既定の表示色を設定します。
リンクのホバー時の色:ホバー時のテキストリンクの表示色を設定します。
画面右側でリンクをプレビューできます。
フッター
背景色:ページ下部のフッター領域の背景塗りつぶし色を設定します。
テキスト色:フッター内のテキスト、著作権表記、リンクの色を設定します。
ヒーローカルーセルをカスタマイズして、回転表示される画像や動画を表示し、閲覧者の注意を引きつけて、主要なブランドキャンペーンやクリエイターコンテンツを強調できます。
カルーセルのコンテンツをアップロード
コンテンツをアップロードするには、
[アップロード]を選択してから、ファイルを選択します。
静止画像または動画ファイルをアップロードします。
アップロードするコンテンツの推奨サイズは、最低 1080px × 1920px です。
ヒーローカルーセルのループには最大 5 件までアップロードできます。
最大ファイルサイズは 100MB です。
カルーセルカードを管理する
各カードを個別に左右へクリック&ドラッグして、ストアフロントでの表示順を変更します。
カードにカーソルを合わせて コンテンツをクリア を選択すると、その項目を削除できます。
ベストプラクティス:主要なビジュアル要素はアセットの中央に配置し、モバイルとデスクトップの両方で最適に表示されるようにしてください。

ストアフロント下部セクションをカスタマイズします。著作権テキストを追加したり、便利なナビゲーションリンクを管理したりできます。
著作権テキストを追加
その 著作権テキスト スペースに、カスタムの著作権表示または法的免責事項(例:
© 2026 wayneenterprises.com. All rights reserved.)をストアフロントページの最下部に表示します。
フッターリンクを追加
追加 フッターリンク 訪問者がストアフロント内を簡単に移動できるようにします。
リンクタイトル:訪問者に表示されるハイパーリンクの表示テキストを入力します(例:「プライバシーポリシー」または「お問い合わせ」)。
URL:標準プロトコル(例:
https://またはhttp://)をドロップダウンメニューから選択し、テキスト欄にリンク先のウェブアドレスを入力します。リンクの有効化 / 無効化:トグルを使用してリンクを有効または無効にします。有効なリンクのみが公開中のストアフロントに表示されます。
フッターリンクを管理
リンクをさらに追加:
[別の項目を追加] して、フッターにリンクを追加します。
リンクを並べ替え:
[並べ替え] を選んで、行を自由な順序でドラッグ&ドロップします。
リンクを削除:
[削除] して、フッターからリンクを完全に削除します。

公開設定をカスタマイズし、固有のストアフロントURLを簡単に見つけられるようにします。
ストアフロントを公開する:
[オンにする] ストアフロントの公開設定 を有効にして、ストアフロントを公開し、クリエイターから見えるようにします。
まだストアフロントの設定中で非表示のままにしたい場合は、
[オフにする] ストアフロントの公開設定.
ストアフロントのURLを表示します。

ストアフロントの外観を設定したら、 保存.
ストアフロントをプレビュー
ストアフロントを公開する前に、期待どおりの表示になっているかプレビューできます。
左側のナビゲーションメニューから、次を選択します
[Engage] → コンテンツ → ストアフロント。
選択 プレビュー 右上の
ストアフロントのプレビュー 画面の右上で、 を選択して、デスクトップまたはモバイル端末でストアフロントをプレビューします。
[デスクトップ] または
[モバイル].
変更したい点があれば、 設定 画面に戻って、さらにストアフロントをカスタマイズしてください。 ストアフロントの設定を構成する 上記を参照してください。
ストアフロントを公開
ストアフロントに満足したら、公開できます。
左側のナビゲーションから、
[Engage] → コンテンツ → ストアフロント→ プレビュー.
右上隅の 画面の右上で、 画面で、 公開.
ポップアップで、 公開 を選択して、ストアフロントを公開することを確認します。
最終更新
役に立ちましたか?

