閲覧から精算まで、顧客のストア体験がどのようになるかを確認します。

このガイドでは、顧客が商品をブラウズしたり、ショッピング カートに追加したり、精算したりするときに表示される内容を示します。顧客が精算できるようにするには、サイトに商品を追加し、支払い処理業者に接続する必要があります。

ヒント: 「ストアの売上促進に向けたデザインのアイデア」ウェビナーにご登録ください。このウェビナーでは、商品をサイト全体で目立たせて売上を伸ばすために役立つツールやヒントを紹介します。

このガイドのスクリーンショットの例は、模擬バージョン7.1サイトからのものです。バージョン7.0のサイトをお持ちの場合、顧客の体験は若干異なる場合があります。顧客のショッピング体験は、ストアの設定方法によっても若干異なる場合があります。精算がどのように行われるかを知るには、テスト注文を実行するのが最も良い方法です。

サイトをブラウズする

サイトにアクセスした顧客は、サイトのナビゲーションを使用してサイト内を移動します。ストア ページへのリンクをクリックしてあなたの商品を確認します。

ストア ページでは、商品を表示したり、カテゴリー別に絞り込んだりできます。

ストア ページには最大200件の商品が表示されます。200以上の商品がある場合、顧客は [次へ] をクリックするとさらに多くの商品を見ることができます。商品に価格の異なる複数のバリエーションがある場合、ストア ページの価格フィールドには「[バリエーションの最低価格] から」と表示されます。

クイック ビューや商品ズームなどのストア ページの特別な機能を有効にしている場合、注目の商品の画像にカーソルを合わせると、これらの機能が実行されます。

その他の買い物方法

商品ブロックまたは概要ブロックを使用して別のページに商品を表示すると、顧客はサイトの他の場所で商品を購入できます。

Squarespaceメールキャンペーンを通じて商品をマーケティングしたり、商品をFacebookやInstagramと同期したりすると、顧客はSquarespaceサイトにアクセスしていなくても商品を見つけることができます。

カートに商品を追加する

顧客が商品をクリックすると、商品の詳細ページが開き、商品の情報や画像などを確認できます。商品に色やサイズなどの複数のオプションがある場合は、ドロップダウン メニューから選択するか、ボタンをクリックします。商品をカートに追加するには、[カートに追加] をクリックします。このボタンのテキストはカスタマイズできます。カートには最大500件の商品を追加できます。配送業者による配送が有効になっている場合、最大150件の商品を追加できます。在庫数以上の数量を入力すると、注文可能な最大数を知らせるエラー メッセージが表示されます。

バージョン7.1では、ストア ページの商品サムネイル画像の下に [カートに追加] ボタンを表示して、顧客がすぐに商品をカートに追加できるようにすることもできます。商品のバリエーションが1つある場合、顧客はオプションを選択し、ストア ページで [カートに追加] をクリックできます。商品に複数のバリエーションがある場合、顧客は [オプションを見る] ボタンをクリックし、商品詳細ページに移動して選択できます。

ショッピング カートを確認する

顧客が商品をカートに入れると、ページ上部にカート通知が表示され、カート内の商品数と合計金額が表示されます。商品を選択したら、訪問者を直接精算に進めるには、エクスプレス チェックアウトを有効にします。顧客は買い物を続けるか、カートのアイコンをクリックしてショッピング カートを開くことができます。

ショッピング カートでは、商品の数量を変更したり、商品を削除したりできます。顧客は [精算] をクリックして購入を完了します。

ショッピング カートからすべての商品を削除すると、[買い物を続ける] リンクが表示されます。既定ではトップページに誘導されますが、代わりに別のページに誘導することもできます。

精算

[精算] ボタンをクリックすると、精算ページが開きます。このページは、顧客のクレジットカード データを安全に保つためにSSLで保護されています。通常の精算では、次の手順に従います。

1. メール - 顧客がメールアドレスを入力します。精算時にニュースレターの登録オプションを有効にしている場合、このオプションをオンまたはオフにできます。
2. 顧客用アカウントへのログイン - 顧客が顧客用アカウントを持っている場合は、ログインして精算プロセスをスピードアップできます。顧客用アカウントを有効にしている場合、顧客は精算時にアカウントを作成できます。
3. 配送方法 - お客様は配送または現地受け取りのいずれかを選択します。配送を選択した場合は、配送先住所を入力します。入力を開始すると、Googleによる自動入力候補のリストが表示されます。次に、顧客は配送オプションを選択します。配送オプションは価格別に昇順で表示され、最も安価なオプションが既定で選択されます。すべてのオプションが同じ価格の場合、追加した順序で表示されます。
4. 支払いと割引 - 顧客はクレジットカード情報と請求先住所を入力することも、PayPal、Apple Pay、またはAfterpayを使用することもできます。割引が有効な場合、顧客は割引コードを入力できます。割引は、送料ではなく商品の価格に適用されます。送料無料割引のみが送料に適用されます。
5. 確認と購入 - 顧客が [購入] をクリックして注文します。ストア ポリシーを追加した場合、この時点でテキスト リンクとして表示されます。
6. 確認 - 精算後、顧客は確認ページに移動します。

送料無料の自動割引がある場合は、顧客が割引を適用する配送オプションを選択した後に表示されます。このオプションが割引前の他のオプションより高い場合、顧客は手動で選択する必要があります。

顧客がフルフィルメント プロフィールが異なる複数の商品を精算した場合、精算時に商品がフルフィルメント プロフィールごとに分割されるため、顧客はプロフィールごとに配送オプションを選択します。顧客がおこなう精算は一度ですが、注文はフルフィルメント プロフィールごとに1つずつ別の注文番号が付与され複数の注文に分割されます。[注文] パネルで各注文を個別にフルフィルメントします。顧客には注文確認メールが複数届きます。

注文確認ページ

精算が正常に完了すると、注文確認ページが表示されます。ページに含まれる内容は、顧客が購入した商品の種類によって異なります。顧客が有形商品、ダウンロード商品、またはサービス商品を購入した場合、確認ページには注文ステータス、注文の詳細、顧客用アカウントを作成するオプションが表示されます。顧客がギフト カード、定期購入、またはメンバーシップを購入した場合、ページには「注文が確認されました」というテキストと注文番号が表示されます。これらのページをプレビューするには、サポートされている商品タイプでテスト注文を行います。

強固な顧客認証 (SCA)

EEAで発行されたクレジットカードを使用する顧客には、精算時に追加の認証手順を行う必要がある場合があります。これは、ブラウザーのポップアップであったり、銀行アプリから顧客に取引の確認を求めるプッシュ通知であったりします。具体的な認証プロセスは、顧客の銀行によって異なります。詳細については、「強固な顧客認証 (SCA)」を参照してください。

ご注文内容の確認メール

精算が完了すると、顧客に注文確認メールが送信されます。ダウンロード商品を購入した場合は、商品へのダウンロード リンクが記載されたメールが送信されます。有形商品の場合、注文を処理すると2通目のメールが送信されます。顧客は、注文確認メール内のリンクをクリックして注文状況を確認することもできます。

このスクリーンショットは注文確認メールのレイアウトです。[顧客へのメール通知] パネルでカスタマイズできます。

注文状況ページを確認する

パッケージ商品、ダウンロード商品、サービス商品を精算すると、顧客は注文状況ページに移動します。注文確認メール内のリンクをクリックしてこのページに戻ることもできます。注文状況ページには、注文番号や注文合計などの注文の詳細が表示されます。また、注文を処理したかどうかに応じて、注文状況が「フルフィルメント待ち」または「処理済み」になります。顧客が配送業者の自動計による配送料オプションを選択し、Squarespaceを通じてUSPS配送ラベルを購入した場合、顧客がアカウントにログインしている場合は追跡情報も表示されます。

顧客用アカウントにログインしている場合は、配送情報と請求情報を確認することもできます。サイトでSSLが有効になっている場合、顧客は自分のメールアドレスと注文確認メールのコードを入力して注文の詳細を表示することもできます。アカウントがない場合は、注文状況ページからアカウントを作成できます。顧顧客用アカウントの作成またはログインで顧客に問題が発生した場合は、顧客用アカウントガイドにアクセスしてトラブルシューティングのヒントを参照してください。

注文状況ページが空白になる

注文状況ページが空白で表示されたり、表示にその他の問題が見られたりする場合は、サイトに追加したカスタム コードが原因である可能性があります。カスタム コードは、Squarespaceの組み込みコードに支障をきたし、問題を引き起こすことがあります。この問題を解決するには、サイトからすべてのカスタム コードを削除し、安全に保管できるようにテキスト ドキュメントに保存してからページを更新してください。カスタム コードは高度な変更であり、Squarespaceサポートの範囲外であることに注意してください。さらにサポートが必要な場合は、コーディング ソリューションについてお客様同士が助け合うオンライン フォーラムであるSquarespace Forumをご覧ください。