Custom Login Page – 拡張機能ガイド | VtigerCRM
PREMIUM EXTENSION

Custom Login Page
カスタムログインページ

毎日の入り口を、「企業の顔」に変える。

味気ないデフォルトのログイン画面にさようなら。
自社のロゴ、美しい背景画像、コーポレートカラー。CRMの顔を自由にデザインし、従業員のエンゲージメントを高め、ブランドイメージを統一します。

Sign In
Powered by vtiger CRM
Username
********
Login
© 2025 Acme Corp. All rights reserved.
White Labeling

システム感が消える。
愛着が生まれる。

毎朝アクセスする画面だからこそ、こだわりたい。
Custom Login Pageは、VTigerのデフォルト画面を完全な自社仕様(ホワイトラベル)に生まれ変わらせます。
ロゴや背景だけでなく、著作権表示やリンクまで、細部までコントロール可能です。

背景の自由化

単色カラー、高解像度の写真、あるいは複数の画像が切り替わる「スライダー」を設定可能。オフィスの風景や製品写真を表示できます。

ロゴの差し替え

「vtiger CRM」のロゴを自社の企業ロゴに変更。システムが自社専用であることを視覚的に強調します。

高度なCSS設定

ボタンの色、フォントサイズ、余白など、CSSを直接記述してピクセル単位のデザイン調整も可能です。

機能ハイライト

カスタマイズ要素

Login Page Settings
Upload
logo.png
Slider
Image
Color

簡単設定インターフェース

管理画面から画像をアップロードし、テキストを入力するだけ。プレビューを見ながら直感的に設定できます。 背景画像を複数アップロードすれば、自動的にスライドショーとして表示され、ログインするたびに違う表情を見せることができます。

ソーシャルリンク & お知らせ

ログインフォームの下に、FacebookやTwitter、LinkedInへのリンクアイコンを配置できます。 また、メンテナンス情報や社内ニュースなどの「お知らせ」を表示することも可能。ログイン前の全ユーザーに情報を届けます。

情報発信
ログイン画面をメディアとして活用
Notice: System maintenance scheduled for Sunday.
Privacy Policy | Terms of Service

設定手順

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

既存ユーザのログイン