【図解・Shopify(ショッピファイ)基礎編】配送設定と決済テスト方法を解説

この記事は「shopifyカリキュラム基礎編 -Day5-」となります。

ECサイト(ネットショップ)開設にはサイトのデザインだけでなく

・配送の設定

・決済の設定

この２つの準備も必要です。

ここではShopifyの配送設定方法と決済のテスト方法を、図をもちいて初心者向けに解説いたします。

■あわせてよく読まれている記事：shopifyカリキュラム基礎編 - Day1～Day4 -
→【Day1】Shopifyの始め方や基本を解説
→【Day2】商品登録方法を解説
→【Day3】ページデザインの編集方法を解説。テーマのインストール～設定・編集
→【Day4】ヘッダー・フッタのメニュー作成・編集方法を解説

Shopifyの配送設定「特徴」

・店舗受け取りの設定

・エリアを限定したローカル配送

などの設定が可能で色々な業種にマッチした配送設定ができる特徴があります。

Shopify管理画面で配送設定をする方法

この記事では配送料金の設定と送料無料ラインの設定、北海道と沖縄の送料の設定を行っていきます。

使用メニュー　設定＞配送と配達

配送項目内の「送料を管理する」を選択します。

「・・・」を選択し「ゾーンを編集する」を選択します。

検索窓に「日本」と入力します。

プルダウンボタンを押すと都道府県選択の画面が出て来ますので、北海道と沖縄のチェックを外します。

最後に完了ボタンを押します。

価格の右側にある「・・・」をクリックし「送料を編集する」を選択します。

価格を「800円」にし、完了します。

続いて、「送料を追加する」ボタンを押します。

料金の名前を「送料無料」にし、「条件の追加」ボタンを押します。

条件を「注文額に基づく」にし、最低価格を「10,000円」にします。最後に完了を押して下さい。

次に、北海道の送料を設定します。
右上の「新しい配送エリアを作成する」を選択します。

エリア名を「北海道」と入力します。

検索窓に「日本」と入力し選択します。
プルダウンボタンを開き、北海道にチェックを入れます。

最後に完了ボタンを押します。

新しく生成された「北海道」の「送料を追加する」を選択します。

料金の名前を「通常配送」にし、価格を「1000円」にします。

最後に完了ボタンを押します。

送料無料の設定も行っておきます。

「送料を追加する」ボタンを押します。

料金の名前を「送料無料」にし、「条件の追加」ボタンを押します。

条件を「注文額に基づく」にし、最低価格を「10,000円」にします。最後に完了を押して下さい。

これで北海道の設定も完了しました。右上の「保存する」を押して保存しておきます。

最後に沖縄の送料を設定します。先ほどまでの設定方法を応用し、下記内容で作成してみて下さい。

-------
エリア名：沖縄県
通常配送：2,000円
送料無料：10,000円以上
-------

Shopify管理画面で決済のテストをする方法

Shopifyで制作したECサイトで決済が正常に出来るかどうかをテストします。決済が完了した際に正しく注文完了のメールが飛んで来るかどうか。成功だけでなく、失敗の際に正しくエラーが表示されるかもチェックします。

テスト決済の成功、失敗の画面が正しく表示されるか。注文確認メールが正しく送信されるかをテストしていきます。

使用メニュー　設定＞決済

決済サービス内の「外部サービス」項目に有る「外部サービスプロバイダーを選択する」を押して下さい。

一番上に有る (for testing)Bogus Gateway を選択し、

「有効化する」を選択して下さい。これでテスト決済が出来るようになりました。

決済のテストに移ります。

オンラインストアを開き、どの商品でも良いのでカートに入れて決済画面へ進みます。

連絡先情報を入力し、配送方法の選択へ進みます。

配送方法を選び、お支払いへ進みます。
※ここで先のワークで設定された配送料が出るかも確認しておきましょう。

クレジットカードの入力を行います。
テスト決済は下記のルールに従って各情報を入力します。

------
カード番号：成功取引シミュレーションの場合は「1」、
　　　　　　失敗取引シミュレーションの場合は「2」、
　　　　　　例外シミュレーションの場合は「3」
カードの名義人：Bogus Gateway
有効期限：現在より先の月/年
セキュリティコード：適当な数字3桁
------

まずは「1」の決済成功のテストを行います。各項目の入力が完了したら「今すぐお支払い」を選択し、テスト注文を完了させます。

注文確定の画面に推移出来ました。

注文確認のメールと、受注確認のメールが来ているか確認しましょう。

■「shopifyカリキュラム基礎編」その他の記事はこちら↓です。併せてご覧ください。
前の記事↓
【Day1】Shopifyの始め方や基本を解説
【Day2】商品登録方法を解説
【Day3】ページデザインの編集方法を解説。テーマのインストール～設定・編集
【Day4】ヘッダー・フッタのメニュー作成・編集方法を解説

次の記事↓
【Day6】アプリのインストールと設定、liquidコード編集方法を解説
【Day7】いろいろなページの作成方法PageFlyの使い方を解説