White-label & SaaS-mode

Anpassa SWEO AI med din egen branding för en helt vit-märkt upplevelse.

S

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:

  1. Gå till Settings → Customization
  2. Slå på Enable white-label mode
  3. Ladda upp företagslogo (rekommenderat: 200×200px, PNG eller SVG)
  4. Ladda upp favicon (32×32px ICO, PNG eller SVG)
  5. Ange företagsnamn och support-email
  6. Välj sekundärfärg (komplement till primärfärgen)
  7. Konfigurera e-postbranding — avsändarnamn och e-postlogo
  8. Valfritt: lägg till custom CSS för avancerad widgetstyling
  9. Klicka Save

Ändringarna tillämpas direkt på widgeten och framtida e-postmeddelanden.

Egen domän

Koppla en egen domän till ditt Help Center:

  1. Ange domänen under Settings → Domain Management
  2. Klicka Generate Verification Token
  3. Lägg till en TXT-record i din DNS med verifieringstoken
  4. Lägg till en CNAME-record: help.dittforetag.se → cname.sweo.se
  5. Vänta på DNS-propagering (vanligtvis 5-30 minuter)
  6. 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.