Il tuo cliente vuole un gestionale con il suo logo, i suoi colori, il suo dominio. Non vuole che il software sembri un prodotto generico. Se la piattaforma che rivendi come white label non ti permette di personalizzare tutto con pochi clic, stai perdendo margine e fiducia. Noi, di Meteora Web, costruiamo soluzioni white label da anni: sappiamo quanto costa quando il brand resta sullo sfondo. Partiamo dal problema concreto: come fai a offrire un'esperienza coesa senza reinventare l'architettura ogni volta?
Perché la personalizzazione del brand è un vantaggio competitivo per la tua agenzia?
Quando rivendi un SaaS white label, la differenza non è la feature – è la percezione. Un cliente che vede il suo logo sulla login page, il suo colore primario nei pulsanti, il suo dominio nell'URL, percepisce il software come suo. Non come una piattaforma di terzi. Questo significa minore attrito al momento dell'onboarding e maggiore retention. In più, eviti che il cliente vada a cercare il produttore originale (voi) e bypassi la tua agenzia. La personalizzazione del brand è una barriera competitiva silenziosa.
Noi abbiamo costruito una piattaforma proprietaria con Laravel e Livewire proprio per dare questo controllo completo. Senza dover toccare codice per ogni nuovo cliente – ma con la flessibilità di farlo se serve.
Come personalizzare logo e colori in un SaaS white label?
Il punto è: non serve che ogni personalizzazione sia un fork. La piattaforma deve esporre opzioni a livello di database e tema. Ecco come funziona in pratica.
Sponsored Protocol
Logo: dove applicarlo e come farlo scalare
Il logo deve apparire almeno in tre posti critici: header della dashboard, pagina di login, email transazionali (se inviate dal sistema). La soluzione più robusta è salvare il logo come file caricato dall'agenzia (o dal cliente finale, se permetti) in una directory dedicata, con dimensioni standardizzate. Noi usiamo un rapporto 2:1 (larghezza-altezza) con un massimo di 200x100px per l'header, e una versione più grande per login (400x200). Il backend (PHP/Laravel) carica il file, lo ridimensiona con Intervention Image e lo associa al tenant (cliente).
Esempio di codice per il salvataggio ridimensionato:
use Intervention\Image\Facades\Image;
$tenantId = auth()->user()->tenant_id;
$file = $request->file('logo');
$filename = 'logo_'.$tenantId.'.'.$file->getClientOriginalExtension();
$image = Image::make($file);
$image->resize(200, 100, function ($constraint) {
$constraint->aspectRatio();
$constraint->upsize();
});
$image->save(storage_path('app/public/logos/'.$filename));
// Associa al tenant
Tenant::where('id', $tenantId)->update(['logo' => $filename]);
CSS per visualizzare il logo dinamicamente:
.logo-header {
background-image: url('/storage/logos/{{ $tenant->logo }}');
width: 200px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
}
Azioni subito operative: Metti un uploader nel pannello di amministrazione della tua agenzia. Lascia che il cliente (o tu per conto suo) scelga il file. Ridimensiona automaticamente e applica il logo a tutte le viste pubbliche e della dashboard.
Sponsored Protocol
Colori: palette primaria, secondaria e accenti
I colori vanno gestiti con variabili CSS custom. La piattaforma deve salvare (es. in tabella tenant_settings) i valori hex per ogni colore chiave: primario, secondario, sfondo, testo. Poi iniettare queste variabili nel tag <head> o tramite un file CSS dinamico.
// Controller
$settings = TenantSetting::where('tenant_id', $tenantId)->first();
$primaryColor = $settings->primary_color ?? '#0066CC';
$secondaryColor = $settings->secondary_color ?? '#FF6600';
Se il cliente vuole personalizzare anche i gradienti o le ombre, puoi aggiungere variabili extra. L'importante è non hardcodare i colori nei componenti. Noi abbiamo spostato tutte le regole fisse in variabili CSS e l'abbiamo fatto in un pomeriggio – poi la personalizzazione è diventata istantanea per ogni nuovo cliente.
Dominio personalizzato: perché possederlo batte canoni a vita?
Un dominio bianco (es. gestionale.clienteserra.it invece di piattaforma.agenzia.it/clienti/clienteserra) trasmette professionalità. Ma c'è una ragione più pragmatica: se il cliente possiede il dominio, può reindirizzare altrove quando vuole. Se invece usi un sottodominio della tua piattaforma, il cliente è legato a te – ma anche tu devi gestire il DNS per ogni nuova entità.
Sponsored Protocol
Noi consigliamo di far sì che sia il cliente a puntare un suo dominio tramite record CNAME. Tu, come piattaforma, devi solo accettarlo e generare un certificato SSL automatico con Let's Encrypt.
Configurazione del dominio: CNAME, certificato SSL, automazione
Passo 1: Il cliente crea un record CNAME dal suo dominio (es. gestionale.suaditta.it) verso il tuo dominio base (es. app.mio-whitelabel.it).
Passo 2: La tua piattaforma rileva la richiesta in base all'header Host. Puoi farlo con un middleware in Laravel che identifica il tenant.
// Middleware TenancyByDomain
$host = $request->getHost();
$tenant = Tenant::where('domain', $host)->first();
if (!$tenant) {
abort(404);
}
// Imposta il tenant nel container
app()->instance('current_tenant', $tenant);
Passo 3: Certificato SSL. Automatizza con Certbot o con un pacchetto Laravel come spatie/laravel-lets-encrypt. Quando l'utente associa un nuovo dominio, scatta un job che emette il certificato. Noi lo facciamo con un comando Artisan schedulato:
// App\Console\Commands\IssueSSL
foreach (Tenant::whereNotNull('domain')->where('ssl_issued', false)->get() as $tenant) {
$cert = LetsEncrypt::create()
->setDomain($tenant->domain)
->setEmail('admin@mio-whitelabel.it')
->issue();
$tenant->update(['ssl_issued' => true, 'ssl_expires_at' => $cert->expiresAt()]);
}
Attenzione: Alcuni provider (es. Cloudflare) offrono SSL proxy, ma se il cliente vuole SSL end-to-end devi comunque avere il certificato sul tuo server. Automatizzazione è obbligatoria: se il rinnovo si blocca, il sito va offline. Noi abbiamo risolto un caso con un server che non rinnovava automaticamente – abbiamo schedulato un cron e aggiunto un controllo settimanale.
Sponsored Protocol
Quali sono gli errori tipici da evitare nella personalizzazione del brand?
- Fare un fork per ogni cliente. Se devi modificare codice frontend per ogni nuovo colore, il tempo di setup esplode. Usa variabili CSS e config in DB.
- Non ridimensionare i logo. Se il cliente carica un'immagine da 5 MB, la pagina impiega secondi a caricare. Ottimizza al salvataggio – riduzione del peso del 60% senza perdita qualità, come abbiamo fatto per un nostro cliente e-commerce.
- Dimenticare le email. Le email transazionali (notifiche, fatture) devono usare il logo del cliente e i suoi colori. Includi un header personalizzato nel template HTML.
- Non testare su mobile. Colori chiari su sfondo bianco o contrasto insufficiente. Usa strumenti come WebAIM Contrast Checker.
- Affidarsi a soluzioni di terzi con canone a vita. Se il fornitore del white label ti fa pagare per ogni dominio personalizzato o per il branding, perdi margine. Preferisci stack proprietari o open source che ti danno controllo totale.
Cosa fare adesso per offrire un white label con il tuo brand
- Audit del tuo attuale white label: Quanto tempo impieghi per personalizzare logo e colori per un nuovo cliente? Se più di 30 minuti, non è scalabile.
- Implementa variabili CSS dinamiche e un pannello di amministrazione dove tu o il cliente potete impostare i valori hex. Ridurrai il setup da ore a minuti.
- Automatizza dominio e SSL: Crea un'interfaccia per associare un dominio personalizzato e un job per il certificato. Testa con un dominio di prova.
- Rivedi le email transazionali: Assicurati che il logo e i colori del tenant vengano iniettati. Usa un sistema di template (es. Laravel Mailable con variabili di tenant).
- Leggi la nostra guida completa sul white label: SaaS White Label per Agenzie – lì trovi la visione d'insieme di cui questa personalizzazione è un tassello fondamentale.
Ricorda: un white label senza personalizzazione brand è solo una reskin superficiale. Il vero valore è far sentire il cliente come se quel software fosse stato costruito per lui. Noi lavoriamo ogni giorno per rendere questo processo automatico e senza attriti. Se vuoi approfondire, contattaci – parliamo di numeri, non di slide.
Sponsored Protocol
Zenith White Label è la piattaforma all-in-one per gestire la tua attività — clienti, agenda, scadenze, fatturazione e promemoria WhatsApp, tutto da browser. Senza installare nulla.
Scopri Zenith White Label →
