# Snabbstart för White-Label En fokuserad väg i sex steg från "Jag har precis uppgraderat till Agency" till en fullt varumärkesanpassad plattform som din första kund kan logga in på. Inga återvändsgränder, inga avancerade inställningar — bara den kortaste vägen mellan en generisk instrumentpanel och en produkt som ser ut som *din*. Varje steg har en tidsuppskattning och en länk till en mer detaljerad sida om du vill ha mer information senare. Räkna med ungefär en halvtimme av din tid, plus upp till en timme för DNS-ändringar att slå igenom i bakgrunden. Om du kör fast i något steg, hoppa vidare — du kan återvända till det senare. ::: walkthrough white-label-quickstart ::: *** ## Vad du kommer att ha när du är klar - Din egen anpassade domän (till exempel `app.youragency.com`) som pekar mot plattformen - Ett giltigt säkerhetscertifikat (hänglåssymbolen i webbläsaren) - Ditt företagsnamn, logotyp, ikon (favicon), färger och SEO-text som ersätter standardinställningarna - Ett tydligt beslut om **hur** du ska onboarda kunder (hanterat vs. återförsäljning) - Ett test-underkonto som loggat in via din anpassade domän När det väl fungerar får varje ny kund samma varumärkesanpassade upplevelse automatiskt — du behöver bara göra den här inställningen en gång. *** ## Innan du börjar Du måste ha prenumerationsnivån **Agency**. White-labeling är inte tillgängligt på lägre nivåer. Om du inte har Agency än, gå till **Settings → Billing** (under Workspace) och uppgradera först — alternativet **White Labeling** visas inte under Settings → Advanced förrän du har gjort det. Du behöver också: - En domän du äger (eller en underdomän till en domän du äger). De flesta byråer använder något i stil med `app.youragency.com` snarare än bara `youragency.com`, så att marknadsföringssidan och appen hålls separata. - Åtkomst till din domänregistrator (GoDaddy, Cloudflare, Namecheap, etc.) — specifikt sidan för DNS-inställningar. Om du inte har inloggningsuppgifterna, skaffa dem innan du börjar. - Två bildfiler för ditt varumärke: - **Logotyp** — en horisontell logotyp, PNG, WebP eller SVG, upp till 5 MB. - **Favicon** — en kvadratisk ikon som används som favicon i webbläsarfliken, PNG, WebP eller SVG, upp till 5 MB. 256×256 pixlar fungerar bra. *** ## Steg 1 — Bestäm hur du ska onboarda kunder (≈ 5 min) Innan du rör några inställningar, fatta ett beslut: hur ska kunderna betala och registrera sig? Detta påverkar hur resten av resan upplevs. - **Managed mode.** Du skapar varje underkonto själv från sidan **Sub Accounts**. Du fakturerar kunden utanför plattformen (banköverföring, ditt bokföringsverktyg eller vad du nu använder). Kunden ser aldrig någon prissida. Bäst för "done-for-you"-uppsättningar, länder som Stripe inte stöder, eller byråer som redan har egna faktureringsrutiner. - **Reselling mode.** Kunderna registrerar sig själva via en betalningslänk som ställs in i **SaaS Mode**. De betalar via ditt anslutna Stripe-konto med ditt påslag applicerat automatiskt. Bäst för självbetjäning i stor skala och paketerade produkter. Du behöver inte bestämma dig för alltid — men att byta läge för ett enskilt underkonto i efterhand kräver manuellt arbete. Välj den modell som passar *de flesta* av dina kunder. Fullständig genomgång: [Hantera kund-underkonton](sub-accounts.md). *** ## Steg 2 — Välj din anpassade domän (≈ 2 min) Bestäm den exakta webbadress som dina kunder ska använda för att logga in. Några tumregler: - **En underdomän är enklare.** `app.youragency.com` är standard. Behåll `youragency.com` för din marknadsföringssida — det är en enda DNS-post, till skillnad från två (och mer skör om du byter DNS-leverantör) för en naken/apex-domän. - **Håll det kort och tydligt.** `app.`, `platform.`, `dash.` eller `clients.` fungerar alla. Undvik smarta namn som klienter måste komma ihåg. - **Du kan köra upp till tre white labels.** De flesta byråer behöver bara en, men du kan lägga till upp till **tre** domäner på samma byråkonto, var och en med sin egen domän, varumärkesprofilering och e-postutskick — ett andra varumärke för en annan marknad, eller en Lead Finder-domän för dina klienter. Extra domäner utöver den första ingår i [Champions Circle](../billing/champions-circle.md). Denna snabbstart konfigurerar din första; se [Upp till tre White Labels](white-labeling.md#up-to-three-white-labels) för att lägga till fler. Skriv ner den valda domänen — du kommer att klistra in den i nästa steg. *** ## Steg 3 — Lägg till domänen i din instrumentpanel (≈ 2 min) 1. I huvudmenyn till vänster, klicka på **Settings** (längst ner, under Sub Accounts). 2. I menyn Settings, scrolla till gruppen **Advanced** och klicka på **White Labeling**. 3. Scrolla till kortet **Custom domain**. 4. I fältet **App domain**, skriv in domänen du valde i steg 2 (till exempel `app.youragency.com`). Inkludera inte `https://` eller ett avslutande snedstreck — bara själva domänen. 5. Klicka på **Save**. När du har sparat visas CNAME-posten som du behöver lägga till hos din registrator — din domän till vänster, `tenants.youraiconnector.com` till höger. ::: master-only
Kortet för anpassad domän i v2, som visar fältet för appdomän och CNAME-instruktionerna till tenants.youraiconnector.com

Kortet för anpassad domän efter att det sparats: din domän, CNAME-målet att kopiera, och app/API/docs-domänerna när de har verifierats.

::: **Lämna den här fliken öppen** — du ska strax kopiera det värdet till din registrator. *** ## Steg 4 — Lägg till DNS-posten hos din registrator (ca 10 min) DNS-poster är internets adressbok — de talar om för webbläsare var de kan hitta din anpassade domän. Du talar nu om för världen att `app.youragency.com` ska peka mot plattformen. 1. Logga in på företaget där du köpte din domän (din "registrator" — GoDaddy, Cloudflare, Namecheap, etc.) i en **separat webbläsarflik**. 2. Hitta sidan för **DNS-inställningar** för din domän. Den kallas ibland "DNS-hantering" eller "DNS-poster". 3. Lägg till en **CNAME**-post: - **Host / Name** — för en underdomän som `app.youragency.com` är detta oftast bara `app` hos de flesta registratorer (de lägger till resten automatiskt). - **Value / Target / Points to** — `tenants.youraiconnector.com`, exakt som det visas på kortet för Custom domain. - Lämna **TTL** på standardvärdet (eller 3600 / 1 timme om du blir tillfrågad). 4. Klicka på din registrators **Save**-knapp. > **Se upp för konflikter.** Om en post av samma typ redan finns för den värden (till exempel en gammal A-post som pekar någon annanstans), ta bort eller uppdatera den först — två motstridiga poster kommer att göra att verifieringen misslyckas. > **Använder du Cloudflare?** Du kan låta proxyn (den orangea moln-växeln bredvid posten) vara påslagen — verifiering och certifikat fungerar oavsett. En inställning är dock viktig: gå till **SSL/TLS → Overview** och se till att krypteringsläget är **Full (strict)**, inte **Flexible**. Med Flexible kommer din domän att vägra laddas med felet "too many redirects". > **Besök INTE din anpassade domän än.** Att besöka den innan konfigurationen är klar kan leda till att en trasig sida cachas i din webbläsare. Vänta tills du har bekräftat att inloggningsskärmen laddas i steg 5. DNS-ändringar kan ta allt från några minuter till några timmar att sprida sig, även om de flesta registratorer (särskilt Cloudflare och Namecheap) uppdateras inom en timme. Om det fortfarande inte fungerar efter ett dygn, dubbelkolla posten så att det inte finns några stavfel och spara den igen. *** ## Steg 5 — Vänta på säkerhetscertifikatet (≈ några minuter till en timme, automatiskt) När ditt CNAME är aktivt upptäcker plattformen det automatiskt, verifierar ägarskapet och tillhandahåller ett säkerhetscertifikat (SSL) för din domän — det är det som ger dig hänglåssymbolen i webbläsaren och `https://`-prefixet. - Du behöver inte köpa eller installera någonting. Certifikatet skapas och förnyas åt dig för all framtid. - Detta är vanligtvis klart inom 5–30 minuter efter att DNS-posten har blivit aktiv. När det är klart, öppna din anpassade domän i en ny webbläsarflik. Du bör se plattformens inloggningsskärm, levererad via HTTPS, på din egen webbadress. Därmed är den tekniska delen klar. ::: master-only
En white-label-inloggningssida på en anpassad domän, som visar byråns eget namn och logotyp utan plattformsvarumärke

Vad dina kunder ser: inloggningssidan på din egen domän, med ditt namn och din logotyp — inga spår av oss.

::: > **Ladda upp din logotyp innan du delar länken.** Tills en logotyp har laddats upp i varumärkessteget nedan visar inloggningssidan ett felmeddelande för trasig bild där logotypen ska vara. Slutför steg 6 innan du visar domänen för någon. *** ## Steg 6 — Varumärkesanpassa plattformen (≈ 15 min) Domänen är aktiv, men plattformen visar fortfarande ett neutralt platshållarnamn ("DM Champ") och vår ikon. Det är dags att fixa det. Allt nedan finns på samma panel **Inställningar → Avancerat → White Labeling**, i korten ovanför kortet för anpassad domän. ### 6a. Varumärke I kortet **Varumärke**, fyll i: - **Appnamn** — varumärkesnamnet som visas i hela appen, i varje e-postmeddelande och på genvägen på hemskärmen. Krävs: tills det är inställt står det "DM Champ" istället. - **Företagsnamn** — ditt juridiska namn/företagsnamn, används i sidfötter och e-postmeddelanden. - **Support-e-post** — adressen som "Kontakta support" länkar till och svar-till-adressen i systemets e-postmeddelanden. - **URL till användarvillkor** och **URL till integritetspolicy** — dina egna juridiska sidor. Registreringssidan på din domän länkar till dem; lämna dem tomma så visas ingen länk (aldrig vår). - **SEO-titel** och **SEO-beskrivning** — det som visas i webbläsarflikar och sökresultat. Klicka på **Spara** på kortet för varumärke. ::: master-only
Varumärkeskortet på inställningspanelen för White Labeling, med fält för Appnamn, Företagsnamn, Support-e-post, URL till användarvillkor, URL till integritetspolicy, SEO-titel och SEO-beskrivning samt en Spara-knapp i kortets rubrik

Varumärkeskortet — Appnamn, Företagsnamn, Support-e-post, URL till användarvillkor, URL till integritetspolicy, SEO-titel och SEO-beskrivning, allt i en Spara-åtgärd.

::: ### 6b. Logotyp & favicon I kortet **Logotyp & Favicon**, klicka på **Ladda upp** under **Logotyp** och välj din horisontella logotyp (PNG/WebP/SVG, upp till 5 MB). Gör detsamma för **Favicon** (kvadratisk, 256×256 fungerar bra). Dessa sparas omedelbart vid uppladdning — ingen separat knapp för att spara. ::: master-only
Kortet för logotyp och favicon, som visar fyra uppladdningsplatser — Logotyp, Logotyp (mörkt läge), Favicon, App-ikon (kvadratisk) — och ett reglage för logotypstorlek under dem inställt på 48 px

Kortet för logotyp och favicon — fyra platser (Logotyp, logotyp för mörkt läge, Favicon, App-ikon). Varje uppladdningsknapp sparar så fort du väljer en fil. Logotypstorleken undertill anger hur stor din logotyp ska renderas; den inställningen kräver att du klickar på Spara.

::: ### 6c. Färger I kortet **Färger**, klicka på kvadraten för **Primärfärg** och ställ in ditt varumärkes huvudfärg (standard är WhatsApp-grön, `#25D366`), gör sedan detsamma för **Accentfärg**. Klicka på **Spara**. ::: master-only
Färgkortet i v2, som visar färgprover för primärfärg, accentfärg, framgång och fara samt sex färdiga palettförinställningar

Färgkortet — Primär- och accentfärg är de två du kommer att använda idag; framgång, fara och de förinställda paletterna är valfria genvägar.

::: ### 6d. Finjustera senare (valfritt) Typsnitt, densitet och en anpassad inloggningsbakgrund finns längre ner på samma panel — de krävs inte för en fungerande white-label, så hoppa gärna över dem idag och kom tillbaka senare. Fullständig referens: [White-Labeling och anpassade domäner](white-labeling.md). Efter att du har sparat, gör en hård uppdatering av din anpassade domän (Ctrl+Shift+R i Windows, Cmd+Shift+R på Mac) och bekräfta att webbläsarfliken nu visar ditt namn och din ikon, och att knapparna använder din primärfärg. *** ## Steg 7 — Skapa ett test-underkonto och logga in som dem (≈ 10 min) Du är inte klar förrän en verklig klientupplevelse fungerar från början till slut. Skapa ett underkonto åt dig själv (använd en personlig e-postadress som du kan kontrollera) och bekräfta att flödet känns rätt. 1. I huvudmenyn till vänster, klicka på **Underkonton** (en egen sida, precis ovanför Inställningar). ::: master-only
Sidan för underkonton i v2, som visar statistikrutor, sökfält och knappen Lägg till konto

Sidan för underkonton — det är här du skapar testkontot och, senare, varje riktig klient.

::: 2. Klicka på den gröna knappen **Lägg till konto** uppe till höger. 3. Fyll i dina testuppgifter i modalen med 3 steg: - **Konto** — ditt förnamn, efternamn och en personlig e-postadress som du kan kontrollera. - **Företag** — ett företagsnamn (obligatoriskt); resten kan lämnas tomt för testet. - **Funktioner** — behåll standardinställningarna. ::: master-only
Modalen för att lägga till underkonto i sitt kontosteg, som visar 3-stegsprocessen (Konto, Företag, Funktioner) med fält för förnamn, efternamn och e-post

Modalen för att lägga till konto, steg 1 av 3. E-postadressen du anger här blir testklientens inloggning.

::: 4. Klicka på **Skapa konto**. 5. En bekräftelseskärm visar det **genererade lösenordet**. **Kopiera det nu** — du kommer inte att kunna se det igen. Kunden får även detta i ett e-postmeddelande. 6. Öppna e-postmeddelandet — **kontrollera att det visar ditt appnamn (steg 6a) som avsändare, inte vårt**. Om det fortfarande visar vårt namn har din varumärkesprofilering inte hunnit spridas än — vänta 1 minut och kontrollera igen. 7. Logga ut från ditt byråkonto (användarmenyn uppe till höger → Logga ut). 8. Öppna din anpassade domän i ett **inkognitofönster / privat webbläsarfönster** och logga in med underkontots e-postadress och det kopierade lösenordet. 9. Gå igenom de första 30 sekunderna av underkontots upplevelse: - Visar inloggningssidan ditt varumärkesnamn och din logotyp? - Använder instrumentpanelens gränssnitt din primärfärg? - Använder sidtitlarna (webbläsarfliken) ditt appnamn? - Om du stängde av "Visa hjälpmeny", bekräfta att det inte finns någon hjälp-post i sidofältet. - Går länkarna för villkor/integritetspolicy (om du har lagt till dem) till dina webbadresser? Om något fortfarande visar fel namn eller färg, gå tillbaka till Steg 6 och korrigera det. Fullständig guide för underkontoflödet: [Hantering av underkonton](sub-accounts.md). *** ## Vad händer nu? Du har en varumärkesanpassad, live och fungerande white-label. Resten handlar om skalning och förfining: - **Ställ in dina priser för återförsäljning.** Om du valde återförsäljning i steg 1, konfigurera ditt kreditpåslag och dina planpriser under [Agency Accounts](agency-accounts.md#credit-reselling-aka-saas-mode) innan du skickar betalningslänken till riktiga kunder. Varje plan kan faktureras **månadsvis, årligen eller var N:e vecka** och kan starta med en **kostnadsfri provperiod** — båda ställs in på själva planen i [Steg 3 — Ställ in prisnivåer](agency-accounts.md#step-3--set-up-pricing-tiers). - **Ställ in automatisk påfyllning för klienter.** [Sub-Account Auto-Recharge](sub-account-auto-recharge.md) förhindrar att klienter får slut på krediter mitt i natten. - **Anpassa e-postsändaren.** Som standard skickas transaktionsmeddelanden från vår domän. Koppla din egen sändande domän på sidan [Custom Email Provider](../settings/email-provider.md) så att klienternas e-postmeddelanden kommer från `noreply@youragency.com` istället. Det finns ett alternativ för Mailgun och ett alternativ för SMTP (Postmark, SES, EmailIt, egenvärd). - **Onboarda din första riktiga klient.** [Sub-Account Management](sub-accounts.md) täcker den dagliga hanteringen av klienter — kreditallokering, inloggning som klient, blockering och avblockering, etc. Om något i den här guiden inte fungerade som förväntat, har sidan [White-labeling och anpassade domäner](white-labeling.md) en fullständig felsökningssektion. *** ## Försäljning: Vad vi tillhandahåller och vad som är ditt Återförsäljare frågar oss efter säljmaterial, kundcase, prisvägledning och juridiska mallar. Här är den ärliga uppdelningen. **Vad som finns idag:** - **Kundcase och spelböcker** som du kan använda i din egen pitch, publicerade på [dmchamp.com/resources](https://dmchamp.com/resources/) — inklusive [agency $10k MRR playbook](https://dmchamp.com/resources/agency-10k-mrr-playbook/). Det är offentliga sidor, så du kan skicka länken till en potentiell kund eller använda siffrorna i din egen presentation. - **En demo som du kan köra inför en potentiell kund** utan att röra ditt eget konto: chattwidgetens **Client demo link** placerar din widget ovanpå *deras* webbplats. Se [Show the Widget on Someone Else's Website](../get-started/chat-widget.md#show-the-widget-on-someone-elses-website). - **[Snapshots](snapshots.md)** — en färdig klientkonfiguration som du kan stämpla på varje nytt underkonto, så att din andra klient tar minuter istället för timmar att sätta upp. Detta är det närmaste en paketerad produkt som plattformen erbjuder. - **Själva prisverktygen** — dina egna planer, dina egna priser, din egen kassa, i [SaaS Mode](agency-accounts.md#credit-reselling-aka-saas-mode). **Vad vi inte tillhandahåller:** - Färdiga säljpresentationer eller broschyrer. Medlemskapet i [Champions Circle](../billing/champions-circle.md) inkluderar färdiga webbplatsmallar för byråer, agentöversikter och månatliga genomgångar, och det är allt vi tillhandahåller i form av säljmaterial. - Juridiska mallar: inga MSA-, SLA- eller klientavtalsmallar. Det är du som är avtalspart med dina klienter, så dessa måste vara dina egna och granskas av din egen jurist. - Rekommenderade detaljhandelspriser för din marknad. Vad en klient är värd i Milano är inte vad de är värda i Manila, och en siffra från oss skulle bara vara en gissning om din marknad. **En regel som gäller för din prissättning:** dina användarvillkor förbinder dig att inte underskrida plattformens officiella direktpriser. Att prissätta över detta, paketera det med dina tjänster eller bygga in det i ett löpande arvode går bra och är vad de flesta byråer gör. Om du hellre vill hänvisa kunder än att driva din egen plattform finns även [affiliateprogrammet](../billing/affiliate-program.md): 40 % återkommande provision på varje prenumerationsbetalning. Välkommen till att driva din egen plattform.