{primary} KIZUNA を通常利用するまでの流れを説明します。
sequenceDiagram
actor 監理団体
participant KIZUNA
participant データベース
監理団体->>KIZUNA: HPにアクセス
監理団体->>KIZUNA: HPから申込
KIZUNA-->データベース: 1次テーブルに保存
KIZUNA-->>監理団体: 認証メールを自動返信
監理団体->>KIZUNA: 認証メールで認証とパスワードの設定を行う
KIZUNA-->データベース: 2次テーブルに保存/ステータス「認証済み」/アカウント情報保存
KIZUNA-->>監理団体: 設定完了メール自動返信
Note over 監理団体,データベース: 申込完了
監理団体->>KIZUNA: ログイン
監理団体->>KIZUNA: 支払設定画面で支払方法の登録
KIZUNA-->データベース: ステータス「通常」に変更/支払方法の保存
監理団体->>KIZUNA: 当月無料のためそのまま利用可能
Note over 監理団体,データベース: 月末に支払(支払フローはプラン料金画面を確認)
{primary} 上記フロー図の注意点を記載します
認証メール
@csrf
<div style="width:100%; background:#f13757; padding:40px 20px;">
<div style="width:80%;margin:0 auto; background:#fff; padding: 20px; border-radius:8px;">
<div><img src="{{ LOGOURL }}" alt="" style="width: 200px;"></div>
<p style="font-weight:bold; font-size:2rem;">認証してください</p>
<p>下記認証ボタンを押下し、申込を確定してください。</b></p>
<a href="{{ URL }}" style="background:#f13757; padding:8px 30px; color:#fff; font-weight:bold; border-radius:5px; margin:10px; text-align:center; display:inline-block; text-decoration:none;">認証する</a>
<p>このメールに見覚えがなかったり、</p>
<p>ご不明点があれば下記メールアドレス迄お問合せ下さい。</p>
<p>{{ メールアドレス }}</p>
</div>
</div>
※URLにパラメーターでIDセット
設定完了メール
@csrf
<div style="width:100%; background:#f13757; padding:40px 20px;">
<div style="width:80%;margin:0 auto; background:#fff; padding: 20px; border-radius:8px;">
<div><img src="{{ LOGOURL }}" alt="" style="width: 200px;"></div>
<p style="font-weight:bold; font-size:2rem;">ログインしてください。</p>
<p>設定が完了しました。下記情報と先ほど設定したパスワードでログインしてください</p>
<p>尚、下記情報は大事に保管してください。</p>
<p>監理団体コード : {{code}}</p>
<p>ログインID : {{login_id}}</p>
<a href="{{ URL }}" style="background:#f13757; padding:8px 30px; color:#fff; font-weight:bold; border-radius:5px; margin:10px; text-align:center; display:inline-block; text-decoration:none;">ログインする</a>
<p>このメールに見覚えがなかったり、</p>
<p>ご不明点があれば下記メールアドレス迄お問合せ下さい。</p>
<p>{{ メールアドレス }}</p>
</div>
</div>
※URLにパラメーターでログインIDセット
請求確定メール
@csrf
<div style="width:100%; background:#f13757; padding:40px 20px;">
<div style="width:80%;margin:0 auto; background:#fff; padding: 20px; border-radius:8px;">
<div><img src="{{ LOGOURL }}" alt="" style="width: 200px;"></div>
<p style="font-weight:bold; font-size:2rem;">KIZUNA利用料金の請求が確定しました</p>
<p>請求が確定しました。管理画面の請求情報から内容を確認してください</p>
<p>※コンビニ払いの方は請求情報からコンビニ支払い情報を基に末日までにお支払いください。</p>
<p>※末日にお支払いが確認できない場合、決済ができなかった場合にはアカウントが停止されますのでご注意ください。</p>
<p>このメールに見覚えがなかったり、</p>
<p>ご不明点があれば下記メールアドレス迄お問合せ下さい。</p>
<p>{{ メールアドレス }}</p>
</div>
</div>
決済処理メール
@csrf
<div style="width:100%; background:#f13757; padding:40px 20px;">
<div style="width:80%;margin:0 auto; background:#fff; padding: 20px; border-radius:8px;">
<div><img src="{{ LOGOURL }}" alt="" style="width: 200px;"></div>
<p style="font-weight:bold; font-size:2rem;">KIZUNA利用料金の決済が完了しました</p>
<p>決済処理を行いました。管理画面の請求情報から内容を確認してください</p>
<p>引き続きご利用の程宜しくお願い致します。</p>
<p>このメールに見覚えがなかったり、</p>
<p>ご不明点があれば下記メールアドレス迄お問合せ下さい。</p>
<p>{{ メールアドレス }}</p>
</div>
</div>
アカウント停止メール
@csrf
<div style="width:100%; background:#f13757; padding:40px 20px;">
<div style="width:80%;margin:0 auto; background:#fff; padding: 20px; border-radius:8px;">
<div><img src="{{ LOGOURL }}" alt="" style="width: 200px;"></div>
<p style="font-weight:bold; font-size:2rem;">KIZUNA利用料金の決済に失敗しました</p>
<p>決済処理を行いましたが、失敗したためアカウントを停止しました。</p>
<p>管理画面より、請求情報を再度確認の上お支払いください。</p>
<p>※クレジットを選択の方は、有効期限が切れていたり、利用限度額がオーバーしている場合等に失敗致します。</p>
<p>※コンビニ払いを選択の方は、お支払いが確認取れていない状況となっています。</p>
<p>このメールに見覚えがなかったり、</p>
<p>ご不明点があれば下記メールアドレス迄お問合せ下さい。</p>
<p>{{ メールアドレス }}</p>
</div>
</div>