White-label & SaaS-mode
Anpassa SWEO AI med din egen branding för en helt vit-märkt upplevelse.
Written by SWEO AI Team
Updated over 2 weeks ago
Vad är White-label?
White-label mode tar bort all SWEO-branding och ersätter den med din egen. Perfekt om du säljer SWEO AI som en del av din egen produkt eller vill ge kunderna en helt skräddarsydd upplevelse.
White-label omfattar:
- Chattwidget — Din logo, färger, typsnitt och custom CSS
- E-postmeddelanden — Ditt avsändarnamn, logo och företagsuppgifter
- Dashboard — Ditt företagsnamn och favicon
- Help Center — Egen domän (help.dittforetag.se)
Aktivera under Settings → Customization → White-label branding.
Konfigurera branding
Steg-för-steg:
- Gå till Settings → Customization
- Slå på Enable white-label mode
- Ladda upp företagslogo (rekommenderat: 200×200px, PNG eller SVG)
- Ladda upp favicon (32×32px ICO, PNG eller SVG)
- Ange företagsnamn och support-email
- Välj sekundärfärg (komplement till primärfärgen)
- Konfigurera e-postbranding — avsändarnamn och e-postlogo
- Valfritt: lägg till custom CSS för avancerad widgetstyling
- Klicka Save
Ändringarna tillämpas direkt på widgeten och framtida e-postmeddelanden.
Egen domän
Koppla en egen domän till ditt Help Center:
- Ange domänen under Settings → Domain Management
- Klicka Generate Verification Token
- Lägg till en TXT-record i din DNS med verifieringstoken
- Lägg till en CNAME-record:
help.dittforetag.se → cname.sweo.se - Vänta på DNS-propagering (vanligtvis 5-30 minuter)
- SWEO AI verifierar automatiskt och visar en grön "Verified"-badge
SSL-certifikat provisioneras automatiskt via Let's Encrypt efter verifiering.
Custom CSS
Injicera egen CSS i chattwidgeten under Settings → Custom CSS:
/* Ändra header-bakgrund */
.fin-widget-header {
background: linear-gradient(135deg, #1a1a2e, #16213e);
}
/* Runda meddelandebubblor mer */
.fin-message-bubble {
border-radius: 16px;
}
/* Ändra typsnitt */
.fin-widget-container {
font-family: 'Inter', sans-serif;
}CSS:en injiceras i widgetens iframe och är isolerad från din webbplats. Använd webbläsarens DevTools för att inspektera tillgängliga CSS-klasser.