Custom Login Page
カスタムログインページ
毎日の入り口を、
「企業の顔」に変える。
味気ないデフォルトのログイン画面にさようなら。
自社のロゴ、美しい背景画像、コーポレートカラー。CRMの顔を自由にデザインし、従業員のエンゲージメントを高め、ブランドイメージを統一します。
システム感が消える。
愛着が生まれる。
毎朝アクセスする画面だからこそ、こだわりたい。
Custom Login Pageは、VTigerのデフォルト画面を完全な自社仕様(ホワイトラベル)に生まれ変わらせます。
ロゴや背景だけでなく、著作権表示やリンクまで、細部までコントロール可能です。
背景の自由化
単色カラー、高解像度の写真、あるいは複数の画像が切り替わる「スライダー」を設定可能。オフィスの風景や製品写真を表示できます。
ロゴの差し替え
「vtiger CRM」のロゴを自社の企業ロゴに変更。システムが自社専用であることを視覚的に強調します。
高度なCSS設定
ボタンの色、フォントサイズ、余白など、CSSを直接記述してピクセル単位のデザイン調整も可能です。
カスタマイズ要素
簡単設定インターフェース
管理画面から画像をアップロードし、テキストを入力するだけ。プレビューを見ながら直感的に設定できます。 背景画像を複数アップロードすれば、自動的にスライドショーとして表示され、ログインするたびに違う表情を見せることができます。
ソーシャルリンク & お知らせ
ログインフォームの下に、FacebookやTwitter、LinkedInへのリンクアイコンを配置できます。 また、メンテナンス情報や社内ニュースなどの「お知らせ」を表示することも可能。ログイン前の全ユーザーに情報を届けます。
設定手順
1. 素材準備
背景透過のロゴ画像(PNG推奨)や、高画質な背景写真を用意します。
2. コンフィグ
設定画面で画像をアップロードし、表示テキストやリンクを入力します。
3. 公開
ステータスをActiveにすれば完了。新しいログイン画面が適用されます。
活用シーン
デザイン以上の価値を提供します。
コーポレートブランディング
パートナー企業や顧客がアクセスするポータル画面としても利用する場合、自社のブランドで統一することで信頼感を醸成します。
環境の識別
「本番環境」は青、「テスト環境」は赤など、背景色を変えることで、開発者が誤って本番データを操作するミスを防ぎます。
社内掲示板
ログイン画面のお知らせスペースを使って、「今月のMVP」の発表や「年末年始の営業日」などを効果的に周知できます。
graph LR
DEFAULT["標準ログイン画面"]
SETTING("🎨 デザイン設定<br>(ロゴ・背景・色)")
BRAND["自社専用ログイン画面<br>・会社ロゴ<br>・オフィス写真背景"]
DEFAULT --> SETTING
SETTING --> BRAND
style BRAND fill:#f3e5f5,stroke:#7b1fa2,stroke-width:2px