自分のチェックアウトアドレスを使う

購入者を自分のドメインで支払いさせる:Fourthwallで設定してから、ショップのチェックアウトドメインを変更します。

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

チェックアウトドメインは、Fourthwallでショップが動いているアドレスです。購入者がサイトのカートでチェックアウトを押すと、Spawnfrontはそのアドレスに移動させて支払いをしてもらいます。通常はショップのFourthwallのアドレス(例:yourshop.fourthwall.com)です。この記事では、これをshop.yourteam.comのような自分のドメインに変更します。

事前に必要なもの

  • チームがサイトプランに加入していて、ストアページでFourthwallショップが接続済みであること。まだなら、先にチームのストアを開くを済ませてください。
  • あなたがチームのオーナーか管理者であること。
  • 使いたいドメインを持っていて、購入したサービスでその設定を変更できること。
  • Fourthwallでショップの開発者設定(Settings → For developers)を開けること。ストアフロントトークンとWebhookシークレットはもう一度貼り付けます — Spawnfrontは保存済みの値を表示しません。

手順

  1. ステップ1: Fourthwallでドメインを設定する

    Fourthwallのショップのダッシュボードで、自分のドメインをショップに追加し、Fourthwallの案内どおりに手順を済ませます。これはSpawnfrontではなくFourthwallのサイトで行います — Fourthwallのヘルプセンターで「custom domain」を検索してください。

    開発者設定ページで、Fourthwallがあなたのドメインをショップの公開ドメインとして表示するまで待ちます。 SpawnfrontはFourthwallにショップのアドレスを確認し、それ以外のアドレスは受け付けません。

    こうなればOK:自分のドメインでショップが開く。

  2. ステップ2: 「認証情報を変更」を開く

    Spawnfrontでチームの管理にあるストアを押し、ショップ名が書かれたカードの下にある認証情報を変更を押します。

    こうなればOK:カードの下に3つの空の欄 — ストアフロントトークン、チェックアウトドメイン、Webhookシークレット — が表示される。

    ストアページの接続済みショップのカード。「認証情報を変更」ボタンが囲まれている。
  3. ステップ3: ストアフロントトークンを貼り付ける

    Fourthwallのショップの開発者設定からストアフロントトークンをコピーし、ストアフロントトークンに貼り付けます。トークンはptkn_で始まります。

    変更しない欄も含めて、すべての欄を埋める必要があります。 空の欄があると「先にストアフロントトークンを貼り付けてください」(またはチェックアウトドメイン、Webhookシークレット)と表示され、先に進めません。

    こうなればOK:欄にトークンが入っている。

    変更フォーム。入力済みのストアフロントトークン欄が囲まれている。
  4. ステップ4: 自分のチェックアウトドメインを入力する

    チェックアウトドメインに自分のドメインを入力します。Fourthwallがショップの公開ドメインとして表示しているとおりに入力してください(例:shop.yourteam.com)。先頭にhttps://が付いたまま貼り付けても大丈夫です。Spawnfrontはアドレス部分だけを保存します。

    こうなればOK:欄に自分のドメインが入っている。

    変更フォーム。shop.ironveil.exampleが入力されたチェックアウトドメイン欄が囲まれている。
  5. ステップ5: Webhookシークレットを貼り付ける

    同じ開発者設定ページのWebhooksセクションからWebhookシークレットをコピーし、Webhookシークレットに貼り付けます。

    Fourthwallが署名に使っているシークレットを貼り付けてください。 違うものだと、Spawnfrontはショップの注文の更新を受け付けません。

    こうなればOK:欄が埋まり、文字が伏せられている。

    変更フォーム。入力済みのWebhookシークレット欄が囲まれている。
  6. ステップ6: 「置き換え」を押す

    置き換えを押します。Spawnfrontは保存する前に、トークンとドメインをFourthwallで確認します。

    トークンが同じショップのものなら、WebhookアドレスはそのままでWebhook、掲載商品も残ります。 公開し直す必要はありません。サイトで次にチェックアウトが押されたときから、新しいアドレスが使われます。

    こうなればOK:「ショップを接続しました」と表示され、カードのショップ名の下とチェックアウトドメインの横に自分のドメインが表示される。

    入力済みの変更フォーム。「置き換え」ボタンが囲まれている。

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

  • ストアページのカードに、チェックアウトドメインとして自分のドメインが表示されている。
  • サイトで商品をカートに入れてチェックアウトを押すと、支払いページが自分のドメインで開く。そこで止めてください — 注文すると実際にお金がかかります。

何かおかしい?

「置き換え」でチェックアウトドメインがこのショップのものではないと表示される

メッセージには、Fourthwallがあなたのショップのものとして返したアドレスが表示されています。Fourthwallがまだあなたのドメインをショップの公開ドメインとして表示していません。Fourthwallで設定を済ませてから(手順1)、もう一度試してください。それまでは、メッセージに表示されたアドレスが使えます。

「そのチェックアウトドメインはFourthwallのチェックアウトアドレスではないようです」と表示される

入力した内容がWebアドレスになっていません。shop.yourteam.comのように、ドットを1つ以上含むドメインを入力してください。スペースやメールアドレスは使えません。

「そのトークンでショップを読み取れませんでした」と表示される

ショップの開発者設定から、ストアフロントトークンをもう一度コピーしてください。ptkn_で始まるものです。Open APIのパスワードでは使えません。

トークンとシークレットをもう一度貼り付けたくない

Spawnfrontは保存した値を表示しないため、変更するには3つの欄すべてが必要です。どちらもFourthwallのショップの開発者設定ページにあります。

認証情報を変更したら注文が届かなくなった

貼り付けたWebhookシークレットが、Fourthwallが署名に使っているものと違います。ショップの開発者設定のWebhooksセクションからもう一度コピーし、認証情報をもう一度変更してください。Webhookアドレスは変わっていないので、Fourthwall側で更新するものはありません。

関連記事

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