kintoneで管理している顧客情報や契約情報などを、顧客本人のみに公開するマイページを作成できるテンプレートです。
●顧客ごとの情報の出し分けが簡単
メールアドレスを利用して、ログインできるユーザーを管理できます。ユーザーがメールアドレスでマイページにログインすると、自分の情報のみ閲覧できます。※プレビューではログイン画面は表示されません。
●顧客自身に情報を更新してもらえる
マイページからは情報の更新が可能です。更新内容は自動でkintoneアプリに反映されるため、常に情報を最新に保つことができます。
テンプレート内容
①kintoneアプリテンプレート
・顧客管理アプリ
②kViewerテンプレート
・顧客マイページ
③Formbridgeテンプレート
・お客様情報の変更フォーム
テンプレートをダウンロードし、以下の手順で設定を行います。
Step1. kintoneで顧客管理アプリを作成する
①テンプレートをアップロードしてアプリを作成する
- kintoneのアプリ作成画面で「顧客管理アプリ」テンプレートをアップロードしてアプリを作成します。
②顧客管理アプリにレコードを追加する
- 顧客情報をレコードに追加します。
以上でStep1は完了です。
Step2. FormBridgeで顧客情報の変更フォームを作成する
①テンプレートをアップロードしてフォームを作成する
- FormBridgeのフォーム作成画面で「お客様情報の変更フォーム」テンプレートをアップロードします。
- 基本情報の登録画面で、Step1で作成した「顧客管理アプリ」の情報を入力し、フォームを作成します。
②顧客情報の変更フォームにユーザー管理を設定する
- サイドメニューから[ユーザー管理]の設定を開きます。
- [kintone同期]をクリックします。
- Step1で作成した「顧客管理アプリ」の情報を入力し、次へ進みます。
- [kintone列]に「メールアドレス」を選択して次へ進み、[保存して同期]をクリックします。
③ユーザー管理の時間指定同期を設定する
- [kintone同期]の設定で、[自動同期設定]＞[時間指定同期]の項目を編集します。
- 好きな時間間隔を設定して保存します。
④ユーザー管理のWebhook同期を設定する
- 続いて、[自動同期設定]＞[Webhook同期]の項目を編集します。
- [Webhookを利用する]にチェックを入れ、[Webhook URL]をコピーします。
- kintoneで、「顧客管理アプリ」のWebhook設定画面を開きます。
- [＋追加する]をクリックし、[WebhookURL]の入力欄にコピーしたURLを貼り付けます。
- [通知を送信する条件]で、[レコード追加][レコード編集][レコード削除]の3箇所にチェックして保存し、kintoneアプリを更新します。
- FormBridgeの設定に戻り、フォームを公開します。
以上でStep2は完了です。
▼お客様情報の変更フォームの完成イメージ
Step3. kViewerで顧客マイページを作成する
①テンプレートをアップロードしてビューを作成する
- kViewerのビュー作成画面で「顧客マイページ」テンプレートをアップロードします。
- 基本情報の登録画面で、Step1で作成した「顧客管理アプリ」の情報を入力し、ビューを作成します。
②顧客マイページにユーザー管理を設定する
- サイドメニューから[ユーザー管理]の設定を開きます。
- [kintone同期]をクリックし、[kintone同期設定]を開きます。
- Step1で作成した「顧客管理アプリ」の情報を入力し、次へ進みます。
- [kintone列]に「メールアドレス」を選択して次へ進み、[保存して同期]をクリックします。
③ユーザー管理の時間指定同期を設定する
- [kintone同期]の設定で、[自動同期設定]＞[時間指定同期]の項目を編集します。
- 好きな時間間隔を設定して保存します。
④ユーザー管理のWebhook同期を設定する
- 続いて、[自動同期設定]＞[Webhook同期]の項目を編集します。
- [Webhookを利用する]にチェックを入れ、[Webhook URL]をコピーします。
- kintoneで、「顧客管理アプリ」のWebhook設定画面を開きます。
- [＋追加する]をクリックし、[WebhookURL]の入力欄にコピーしたURLを貼り付けます。
- [通知を送信する条件]で、[レコード追加][レコード編集][レコード削除]の3箇所にチェックして保存し、kintoneアプリを更新します。
⑤お客様情報の変更フォームと連携する
- kViewerに戻り、サイドメニューから[FormBridge]の設定を開きます。
- [フォームブリッジと連携する]にチェックします。
- [フォームのURL]にStep2で作成した「お客様情報の変更フォーム」のURLを入力します。
- [ラベル]に「お客様情報を変更」と入力して保存します。
- ビューを公開します。
▼顧客マイページの完成イメージ
Step4. お客様情報の変更後に顧客マイページに遷移できるようにする
①FormBridgeでお客様情報の変更フォームの回答完了画面を設定する
- サイドメニューから[回答完了画面]の設定を開きます。
- [HTML]入力欄の<!-- 環境にあわせてURLを変更してください -->の部分に、Step3で作成した顧客マイページのURLを入力します。
- フォームを更新します。
▼回答完了画面の完成イメージ
以上でログイン認証付きマイページシステムの設定は完了です。
もっと便利に：顧客マイページの案内方法
kMailerを利用することで、顧客マイページの案内メールを一斉送信できます（kMalierの契約が必要です）。
- kViewerで「顧客マイページ」の設定画面を開きます。
- サイドメニューから[ユーザー管理]の設定を開きます。
- [ユーザーにURLを送信]をクリックします。kMailerのメール作成画面が開きます。
- [件名]と[本文]を入力します。[本文]には[公開URL]をクリックして顧客マイページのURLを挿入してください。
- [全員にURL送信]をクリックすることで、顧客マイページURLの案内メールを一斉送信できます。
