--- title: コンバージョン率向上させる方法!サインアップフォーム改善事例 tags: JavaScript Segment 2段階認証 コンバージョン率 CVR author: RingCaptcha slide: false --- この記事では、RingCaptchaを使用して、より多くのユーザー情報をSegment([ユーザーデータ分析サービス](https://jsfiddle.net/ringcaptcha/ocbgbq9k/2/))へ送り、見込み客の質をあげる事によって、セールスのコンバージョン率を向上させます。 これが私達が使っていたサインアップフォームです。私たちは、営業チームが対処できるよりも多くのユーザーがサインアップする事に悩まされていました。 スクリーンショット 2018-03-02 11.29.30.png ###良い見込み客へリーチ出来る様するには? 1. サインアップフォームを変更し、営業チームが最良の見込み客に集中できるようにする。 1. 他の見込み客へは、ユーザーの行動に基づいた自動レスポンスを行う。 最良の見込み客かを判断するためには、サインアップにて、追加の情報を集める必要があります。 営業チームが労力をつぎ込むべきかの判断材料です。これらの情報はオプションであり、ユーザーは入力しなくてもアカウントを作成できますが、「この情報を入力する事で、特別料金プランを提供します。」など入力してもらうための動機付けを行うと入力率が上がります。 下記は新しいサインアップフォームです。項目を2つ追加しました。①月間SMS予算と②月間SMS送信数です。 サインアップ.png ①月間SMS予算、②月間SMS送信数は、カスタマーリレーションマネージメント(CRM)へSegmentを通して送られます。私達の営業チームは、月間SMS予算、月間SMS送信数が一定以上の見込み客に絞って営業活動をする事ができます。 すぐにでも新しいサインアップページに更新したいですが、私達のエンジニアは、みなさんのエンジニアと同じくサービスの開発で忙しくて、サインアップページを更新する事が出来ません。 そこでRingCaptchaのウィジットを導入します。 RingCaptchaはJavascriptを使用した スニペットでサインアップ・ウィジェットを提供し、既存のサインアップフォームを置き換えできます。置き換えるために必要なスキルは2つだけです。 必要なスキル --- 1. HTML基礎 2. Javascript基礎 [こちら](https://jsfiddle.net/ringcaptcha/ocbgbq9k/2/)からウィジェットを確認出来ます。 ステップ1 --- HTML divクラスをサインアップページの表示させたい箇所に追加します。(オリジナルのサインアップ部分より前に追加することをお勧めします。) ```html … …
… ``` ステップ2 --- スクリプトをカスタマイズして、サインアップページの下側に追加します。 注意 RingCaptchaのアカウントをまだお持ちで無い方は[こちら](https://my.ringcaptcha.com/register?utm_source=qiita&utm_campaign=signupForm&utm_content=article)から、登録をお願いします。 ```html ``` さらなるメリット --- サインアップフォームに電話番号を追加すると、ウィジェットは入力された電話番号に4桁のピンコードを送ります。ピンコードを受け取ったユーザーは、ウィジットにピンコードを入力する事で、サインアッププロセスを完了させます。これによりユーザーが有効な電話番号を入力したことを保証します。営業チームはユーザーの電話番号を入手できます。 スクリーンショット 2018-03-02 12.01.51.png まとめ --- たったこれだけでのコーディングで、サインアップフォームを置き換えて、営業チームが成約確率の高い見込み客を判別して、電話で営業する事が出来ます。 RingCaptchaの詳細は[こちら](https://ringcaptcha.com/ja?utm_source=qiita&utm_campaign=signupForm&utm_content=article)から、ご確認出来ます。