この記事は、WebflowのECサイトでMemberstackを使ったメンバーポイントシステムを実装するアイデアをテーマにします。
なぜ？
この記事を書いたきっかけは、MemberstackのSlackコミュニティで見た質問でした。ある方は、メンバー向けにポイントを発行して、WebflowのECサイトで割引券に使える機能を実装できるか、と聞きました。
それをきっかけにして、このシステムを実装できる方法を考えてきました。
できること
もちろん、ポイントを発行して、それぞれのメンバーのポイント残高情報をMemberstackに保存できます。そのためにフロントエンドAPIを使えると思います。
実際にポイント残高の情報を一般のMemberstakデータ項目やJSONオブジェクトとして保存できると思いますが、どちらにするかはまた見てみます。
できないこと
WebflowのEC機能を使うと、割引を提供する唯一の方法は割引クーポン機能を使うことです。ただ、ECのAPIはまだまだ使える機能が少ないため、ダイナミックにあるメンバーのポイント残高に応じて割引券を自動的に発行し、適用することができません。
それは現在Webflowで実装できない機能です。
ただ、他のやり方があります。
考えてきたやり方
事前にクーポンを何個用意して、ポイント残高によってそれぞれのクーポンを自動的に適用する方法があると思います。
決済ページにクーポン入力の欄を作って、インプットフィールドのdisplay設定を非表示にします。
次は、カスタムコードを使って、メンバーのポイント残高を表示し、非表示にされたクーポン入力用のインプットフィールドに適切なクーポンコードが自動的に入力されるようにします。
以下のような条件でコードをを決めていきます：
例えば、
ポイント残高が100より大きいけど、200未満ですと、100円のクーポンコードが入力されます。
ポイント残高が200より大きいのであれば、200円のクーポンコードが入力されます。
このようにたくさんの条件を付けられます。
そうなると、メンバーはポイントをある程度貯めて、割引券に使えるようになります。
これからのこと
この機能は面白いと思ったので、実際に作ってみたいと思います。アップデートをまたブログで共有します。
P.S. もし他のやり方を知っている方がいらっしゃいましたら、ぜひTwitterでご連絡ください！
.webp)
