チームのストアを開く

Fourthwallショップをサイトのストアページに:接続して、商品を選んで、公開する。

チームのオーナーと管理者向け · 7ステップ

事前に必要なもの

  • チームがサイトのサブスクリプションに加入している。無料チームの管理には、ストアの代わりにサイトを取得が表示される。
  • 自分が所有するFourthwallショップがFourthwallで公開中で、商品が1つ以上そこで公開されている。Fourthwallで「Coming soon」のままのショップや、非表示の商品はサイトに表示されない。
  • ショップがまだない? 先にFourthwallで作ろう。Spawnfrontではショップを作れない。FourthwallのガイドFourthwallアカウントを作成するで手順を確認できる。
  • チームのオーナーまたは管理者である。

手順

  1. ステップ1: Fourthwallでショップを公開する

    Fourthwallで商品を1つ以上公開し、ショップを公開状態にする。これはSpawnfrontではなく、Fourthwallのサイトで行う。Fourthwallが初めてなら、まずFourthwallアカウントを作成するを読み、次にFourthwallでの最初の1週間で商品の追加と公開の方法を確認しよう。

    確認:ショップのFourthwallアドレスに商品が表示される。

  2. ステップ2: チームの管理でストアを開く

    Spawnfrontでサイドバーからチームを開き、ストアを押す。

    確認:「ストア」というタイトルのページが表示される。ショップがまだ接続されていなければ、ストアフロントトークン、チェックアウトドメイン、Webhookシークレットの3つの欄が表示される。

    チームの管理画面。サイドバーのストアが強調表示されている。
  3. ステップ3: ショップを接続する

    Fourthwallショップの開発者設定からストアフロントトークン、チェックアウトドメイン、Webhookシークレットを貼り付けて、接続を押す。

    確認:ショップ名が書かれたカードが表示され、Webhookアドレスをコピーできる。ショップがすでに接続済みなら、このステップは飛ばしてOK。

    入力済みのストアページの接続フォーム。接続ボタンが強調表示されている。
  4. ステップ4: 販売する商品を選ぶ

    ショップの商品一覧で、サイトに載せたい商品ごとにストアに表示をオンにする。

    確認:オンにした商品が下のリストに追加される。この並び順がストアページでの表示順になる。

    ショップの商品一覧。ジャージの横のストアに表示スイッチが強調表示されている。
  5. ステップ5: 掲載商品を保存する

    掲載商品の横の上へまたは下へを押して好きな順番に並べ、ホームページに表示したい商品を最大4つまで注目にチェックする。それから掲載商品を保存を押す。

    確認:「掲載商品を保存しました」と表示される。掲載商品は下書きとして保存される。訪問者にはまだ表示されない。

    選んだ商品の一覧。ジャージに注目の印が付き、掲載商品を保存ボタンが強調表示されている。
  6. ステップ6: サイトを公開する

    サイドバーの公開を押す。前回の公開以降の変更の一覧を確認し、公開(サイトをオフラインにしていた場合は公開してサイトをオンラインにする)を押してから、開いたボックスで今すぐ公開を押す。

    このステップでストアがサイトに載る。 公開するまで、掲載商品は下書きのまま。

    確認:すべて公開中と表示される。

    ストアの変更が一覧に出ている公開ページ。公開ボタンが強調表示されている。
  7. ステップ7: サイトを確認する

    サイトを開く。メニューにストアが追加され、その横にカートが表示される。

    確認:ストアページで選んだ商品が、決めた順番で表示される。

    チームのサイト。メニューのストアが強調表示されている。

うまくいったか確認する方法

  • サイトのメニューにストアとカートが表示される。
  • ストアページに、選んだ商品が決めた順番で並んでいる。
  • カートに追加でカートに商品が入り、チェックアウトでFourthwallの支払いページが開く。そこで止めよう。注文すると実際にお金がかかる。

何かおかしい?

サイトに「ストア準備中」と表示される

ストアが有効になるには、2つの条件がそろう必要がある。ショップが接続されていること、そして公開済みのサイトに掲載商品が1つ以上あること。掲載商品を保存したら公開を押そう(ステップ6)。押したのに直らないなら、Fourthwallでショップが公開中か確認しよう(ステップ1)。

Fourthwallショップをまだ持っていない

Spawnfrontはショップを作らない。ショップはFourthwallで作って、ここで接続する。FourthwallのFourthwallアカウントを作成するに従い、商品を公開してショップを公開状態にしたら、ステップ2に戻ろう。

ストアの商品一覧が空になっている

表示されるのはFourthwallで公開した商品だけ。非表示や下書きの商品は表示されない。Fourthwallで公開してから、ストアページを再読み込みしよう。

接続するとトークンが間違っていると表示される

Fourthwallショップの開発者設定からストアフロントトークンをコピーしよう(Open APIのパスワードではない)。チェックアウトドメインが自分のショップのアドレスになっているかも確認しよう。

支払いページが読みにくい

チェックアウトを押すと、ショップのFourthwallアドレスにあるFourthwall自体の支払いページが開く。その色はSpawnfrontのサイトではなくFourthwallのショップテーマで決まるので、Fourthwallダッシュボードのショップデザイン設定で変更しよう。Spawnfrontのストアとカートはサイトの色に従う。テンプレートと見た目を選ぶを参照。

公開がグレーアウトしている

チェックに失敗していると公開できない。公開ページのチェック一覧に、どのチェックが失敗しているか、どうすれば直るかが表示される。

まだ解決しない? サポートに問い合わせるか、support@spawnfront.comにメールしてね。今いるページとステップ番号を教えて。