割引ポイント還元機能のアイデア: Webflow + Memberstack

この記事は、WebflowのECサイトでMemberstackを使ったメンバーポイントシステムを実装するアイデアをテーマにします。

ヴォロシオフ イーゴリ
2020
11
1

この記事は、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でご連絡ください!

この記事をシェア

あなたの事業に成長を

集客に特化したWebflowサイトで自社マーケティングをより柔軟に、より効果的にします。制作依頼を送信したら、無料打ち合わせであなたのニーズをヒアリングして、最適なソリューションを提案します。

支援先企業
株式会社リコー凸版印刷株式会社株式会社NTTドコモフォースタートアップス株式会社株式会社ニジボックス株式会社E-Housing株式会社ファンディオBooko株式会社unique onTerackathon株式会社ココウリE-Three

あなたもNoCodeのプロに

充実したサポートであなたも、最短3ヶ月間でノーコードWeb制作のプロになれます。

  • 300以上のノーコード動画教材

  • チャットサポート

  • 個別ビデオ通話相談