ЯoomeR

プログラミング~実装とエラー解決と、時々、AI~

Shopifyでサブスクリプション販売をしてみよう(アプリ編)

Mikawayaをインストールする

今回はMikawayaを使ってサブスクリプション販売を実装してみる。

Mikawayaについては公式ページを参照のこと。

こちらからShopifyにアプリをインストールする。

初期設定を行う

アプリ管理からMikawaya Subscriptionを選択する。

左のメニューからアカウントを選択。

プランの選択画面になるので、ライトプランを選ぼう。

その後、支払い情報(クレジットカードまたはPaypal)を入力する。

サブスクリプション商品の設定

各項目を入力し、商品の紐付けを行う。

テーマのインストールを行う

左のメニューからインストールを選択する。

それぞれのテーマに応じたインストール方法が提示されるので、それに従って進める。

例:Dawnを使用している場合

ストアサイド(顧客から見える方)

こちらのカスタマイズから進める。

商品ページまで移動し、左のメニューから「ブロックを追加」を選択する。

下の方にMikawayaがあるので、クリックして追加する。

項目の右側を押しながら動かすことで位置を変更できる。

購入ボタンの上くらいがみやすいだろう。

サブスクリプションの表示が追加されていることを確認し、

右のメニューの「フォームIDを挿入」にチェックをつけて保存する。

管理サイド(販売者がみる方)

指示通り、まずはコードをコピーする。

テーマのカスタマイズから「コードを編集」を選択する。

左上の検索機能で「account」と入力すると目的のファイルを見つけることができる。

最下部から一つ上の場所に追記した。

テスト購入を行う

{ストア名}.myshopify.comに遷移し、購入してみる。

この際、パスワードを求められる場合はこちらを参考のこと。

カートに入れた時点で「毎月配送」と表示されていることが確認できる。

決済情報を入力して、管理画面からみてみよう。

注文管理から対象の注文を開き、「サブスクリプションを表示」を選択しよう。

次回注文日など、各種情報を閲覧することができる。

これで一通り、「サブスクリプション販売~管理」までの実装が完了である。