Hvad er HubSpot Design Manager?

Sådan virker Design Manager i HubSpot

Du åbner værktøjet fra Indhold i topmenuen og lander i en trefelts-skærm. Til venstre ligger finder-panelet med mappetræet over templates, moduler og kodede filer, hvor du kan trække filer rundt og højreklikke for at klone, flytte, omdøbe eller låse en mappe. I midten ligger editoren, enten layout-editoren med drag and drop eller kodeeditoren med syntaksfremhævning og fejltjek. Til højre sidder inspectoren, der skifter indhold efter hvad du har markeret, og som er stedet, hvor du tilføjer felter og knytter stylesheets og scripts til en template.

Fil og Ny fil giver dig fem valg: en drag-and-drop-template, en HTML- og HubL-template, et stylesheet, en JavaScript-fil eller et modul. Skellet mellem de to templatetyper er vigtigt i praksis. Drag-and-drop-templaten er hurtig at bygge og let at række videre til en marketingkollega, men den låser dig til HubSpots egen gridstruktur. Den kodede template giver fuld kontrol over markup, og den er den, I skal bruge, hvis I har egne krav til hvad der ligger i sidens head.

HubL er limet. HubSpots templating-sprog er det, der gør en statisk HTML-fil til en template. Du sætter variabler ind med krøllede parenteser, du kalder moduler, du styrer visning med if-sætninger, og du trækker værdier fra CRM'et ind på siden. Et velkendt eksempel er sprogattributten, hvor HubSpot anbefaler at du skriver html lang som en HubL-variabel i stedet for at hardkode da-DK, så den samme template kan bruges på alle sprogvarianter.

Moduler oprettes med Fil, Ny fil og Modul. Du vælger, hvilke content types modulet må bruges i, altså om det skal kunne sættes på sider, blogindlæg eller e-mails, og om det skal være lokalt eller globalt. Hvert felt får et navn, et HubL-variabelnavn, et standardindhold, redigeringsindstillinger og eventuelle visningsbetingelser, og HubSpots dokumentation for moduler noterer, at du kan gruppere op til fire felter ad gangen. Et modul til e-mails kræver Marketing Hub Professional eller Enterprise.

Et tema er ikke en filtype, men en mappe. Den samler templates, moduler, stylesheets og en fil med temaindstillinger, og det er temaindstillingerne, der giver marketing de farve- og typografivalg, de møder i editoren. Læs mere om temaer i Design Manager, hvis du skal vælge mellem at bygge jeres eget eller købe et færdigt.

Standardmapperne er skrivebeskyttede. På Marketing Hub Professional og Enterprise samt Content Hub Professional og Enterprise ligger HubSpots egne temaer og standardmoduler i en read-only @hubspot-mappe. Du kan læse koden og lære af den, men du kan ikke rette i den. Skal et standardmodul opføre sig anderledes, kloner du det ud i din egen mappe og redigerer kopien. Den detalje fanger folk hver gang, fordi klonen ikke længere får HubSpots opdateringer.

HubSpot minificerer selv JavaScript og CSS ved publicering. Derfor skal du ikke lægge færdigminificeret kode ind i Design Manager. Gør du det alligevel, får du en fil, der er svær at fejlsøge, uden at siden bliver hurtigere af det.

Mapper kan låses, og det er en undervurderet funktion. På et website med flere redaktører er den låste temamappe forskellen mellem et konsistent design og tolv varianter af den samme knap. Rettighederne sættes pr. bruger, og det er værd at tage stilling til, før I giver hele marketingteamet adgang.

React-moduler dukker ikke op her. HubSpots udviklerdokumentation er utvetydig: aktiver bygget med developer projects, herunder React-moduler, vises ikke i Design Manager, og de skal oprettes og vedligeholdes lokalt via HubSpot CLI. HubSpots dokumentation om udviklingsmiljøet klassificerer Design Manager som værktøjet til klassiske HubL- og HTML-aktiver. Har I en moderne frontend, arbejder I altså i to spor, og det skal en aftale med jeres bureau tage højde for.

To fejl går igen. Den første er at rette direkte i et standardmodul i stedet for at klone det, hvilket enten bliver blokeret eller giver et modul, der aldrig opdateres igen. Den anden er at glemme, at en template og et modul deles på tværs af indhold. Retter du modulet klokken 14, er alle sider, der bruger det, ændret klokken 14. Der findes ingen per-side-godkendelse af en modulændring, så ændringer på et website med mange sider bør testes på en kopi først.

Skal I bygge et nyt tema, rydde op i moduler, der er vokset vildt, eller vurdere om Content Hub overhovedet er det rigtige CMS for jer, så tager vi gerne en snak. Vi bygger templates og moduler i Design Manager, flytter det, der hører hjemme i CLI-sporet, og sætter rettigheder og låste mapper op, så jeres marketingteam kan arbejde selv uden at brandet skrider.

Hvad danske B2B-teams bruger Design Manager til

De fleste danske B2B-virksomheder rører aldrig Design Manager dagligt. Til gengæld er de opgaver, der lander der, som regel dem, der afgør, hvor selvkørende marketingafdelingen bliver resten af året. Vi ser især syv opgaver gå igen.

Et temabaseret website, marketing selv kan passe
Et tema med veldefinerede moduler betyder, at nye sider bygges af eksisterende klodser i stedet for at blive bestilt. En dansk produktionsvirksomhed med 40 produktsider kan lægge specifikationsboks, datablad-download og kontaktformular i tre moduler og derefter oprette produktside nummer 41 på en formiddag.

Kampagnelandingssider med faste rammer
En kodet landingsside-template med låst header, låst footer og fri midterdel giver marketing fart uden at brandet skrider. Det er typisk her, en B2B-virksomhed med fire kampagner om året sparer mest, fordi hver kampagne ellers ville koste et bureaubesøg.

E-mailskabeloner med genbrugelige moduler
Moduler kan bygges specifikt til e-mail, men funktionen kræver Marketing Hub Professional eller Enterprise. En dansk SaaS-virksomhed, der sender nyhedsbrev hver 14. dag, kan bygge et artikelmodul én gang og lade redaktøren stable tre af dem i hver udsendelse.

Flersprogede websites til det nordiske marked
HubSpot tilføjer selv hreflang-tags, sætter sproget i head og skriver links om, så besøgende bliver på deres egen sprogversion. Men HubSpots dokumentation for flersproget indhold er lige så tydelig om, hvad platformen ikke gør: den oversætter ikke teksten, den sender ikke folk videre efter GeoIP, og den leverer ikke en sprogvælger. Den skal du bygge som et modul i Design Manager, og feltteksterne oversættes via locales-filer. For en virksomhed med dansk, svensk og norsk site er det en konkret opgave, der skal prissættes fra start.

Dynamiske sider på egne data
Med HubDB som datakilde og en kodet template kan én side generere hundredvis. En dansk grossist med 200 forhandlere kan lægge dem i en tabel og få både oversigt og underside per forhandler ud af to filer i Design Manager.

Personalisering på CRM-data
Fordi templates og moduler ligger i samme platform som CRM'et, kan et modul vise forskelligt indhold efter livscyklusfase, land eller branche. En dansk virksomhed med både forhandler- og slutkundesegment kan servere to forskellige prisafsnit fra den samme side.

Kontrol over tracking og samtykke
Scripts til analytics, chat og samtykkebanner placeres i templatens head eller i en global partial, så de ikke ligger spredt ud over 60 sider. Det gør det markant lettere at dokumentere over for en revisor, hvad der faktisk indlæses, og hvornår.

Fællesnævneren er, at arbejdet i Design Manager er en investering, der betaler sig i det tempo, marketing kan arbejde bagefter. Bygger I modulerne rigtigt første gang, falder antallet af udviklertimer markant. Bygger I dem forkert, får I et website, hvor hver eneste ændring skal gennem en, der kan HubL. Se også, hvordan opbygningen af et modul hænger sammen med det, redaktøren møder i editoren.

Alternativer, priser og begrænsninger

Alternativerne til Design Manager falder i to grupper. Enten skifter du værktøj inden for HubSpot, eller også flytter du hele websitet til en anden platform. De to beslutninger har vidt forskellige konsekvenser, og de blandes ofte sammen.

Lokal udvikling med HubSpot CLI
Det nærmeste alternativ ligger i HubSpot selv. Med kommandolinjeværktøjet henter du filerne ned lokalt, arbejder i din egen editor, holder koden i jeres eget git-repository og uploader igen. Det koster ikke ekstra ud over abonnementet, og det er det eneste spor, hvis I bygger React-moduler, da de som nævnt ikke vises i Design Manager. Udviklerplatformen er samtidig i bevægelse: HubSpots eget changelog varslede i 2026, at Projects v2025.1 udfases 1. august 2026 med migrering til platform v2026.03, der udkom i marts 2026. Har jeres bureau bygget noget på den gamle version, er det en opgave, der allerede skulle være løst.

WordPress
Det alternativ, vi oftest møder hos danske B2B-virksomheder. Kernen er open source og gratis, og der findes temaer og plugins til stort set alt. Til gengæld er der ingen listepris at datere, fordi udgiften ligger i hosting, plugins, opdateringer og sikkerhed, og fordi CRM-koblingen er et plugin frem for en del af platformen. Vælger I WordPress, ejer I både friheden og driften.

Umbraco
Dansk, bygget på .NET og velkendt i danske IT-afdelinger. Umbraco er gratis som selvhostet open source, mens Umbraco Cloud har listepriser. Umbracos egen prismeddelelse for 2026 sætter Starter til 45 EUR om måneden, Standard til 280 EUR og Professional til 730 EUR med virkning fra 1. januar 2026. Er jeres website tæt koblet til interne .NET-systemer, er Umbraco ofte det rigtige valg, men I får ikke CRM, e-mail og formularer i samme platform.

Webflow
Visuel opbygning uden kode og et stærkt valg til marketingdrevne sites. Pr. september 2026 lister Webflows prisside Basic til 15 USD og Premium til 25 USD om måneden ved årlig betaling, Team til 2.500 USD om måneden og et ekstra fuldt seat til 39 USD om måneden. Webflow vinder på designfrihed i selve byggeriet og taber på alt, der har med kundedata og automatisering at gøre.

Et færdigt tema i stedet for jeres eget
HubSpots template marketplace sælger temaer og moduler fra tredjepartsleverandører, og der findes også gratis temaer. Det er et reelt alternativ til at bygge fra bunden, især for en virksomhed under 50 ansatte. Priserne varierer per leverandør og er ikke samlet på markedspladsen, så dem skal I hente per produkt.

Hvor vinder HubSpot så. Styrken er ikke, at Design Manager er en bedre editor end de andre, for det er den ikke. Styrken er, at et modul kan slå op i CRM'et uden en integration, at formular, e-mail og side deler den samme kontakt, og at I ikke skal drive en server eller holde styr på 30 plugin-opdateringer. For en B2B-virksomhed, der allerede kører salg og marketing i HubSpot, er det den kobling, der afgør sagen.

Og hvor taber den. Design Manager er et klassisk HubL-værktøj, og moderne frontend-arbejde skal ud i CLI-sporet. Der er ingen indbygget versionsstyring på niveau med git, så koden hører reelt hjemme lokalt, hvis flere udviklere skal arbejde samtidig. Dertil kommer, at I lejer hostingen: flytter I fra HubSpot, kan indholdet eksporteres, men templates, moduler og HubL kan ikke. Har I et website, der skal leve i ti år uafhængigt af hvilket CRM I bruger, er Umbraco eller WordPress det ærligere valg.

Prisen for at arbejde i Design Manager er i praksis prisen på Content Hub, og den er værd at regne igennem, før I beslutter jer.

Tiers og priser pr. september 2026. HubSpots prisside for Content Hub lister Free til 0 USD med op til to brugere, Starter fra 20 USD per seat om måneden ved årlig binding med 500 credits inkluderet, Professional fra 450 til 500 USD om måneden afhængigt af bindingsform med tre core seats og 3.000 credits, og Enterprise fra 1.500 USD om måneden med fem core seats og 5.000 credits. Ekstra seats koster fra 45 USD på Professional og fra 75 USD på Enterprise. Yderligere credits ligger på 9 USD per 1.000 ved årlig betaling. Alle beløb er i USD og uden moms.

Selve adgangen til Design Manager kræver ikke en særlig licenstype, da HubSpot angiver værktøjet som tilgængeligt på alle produkter og planer. Det, der varierer med abonnementet, er hvad du må lave derinde, og hvad der er skrivebeskyttet. Hvem i huset der kan åbne værktøjet, styres af brugerrettigheder og af, om temamappen er låst, ikke af en separat betaling.

De hårde grænser. Den, der oftest overrasker, er domænegrænsen. HubSpots oversigt over domænegrænser per abonnement giver Content Hub Professional ét brand domain og Content Hub Enterprise ti, mens øvrige abonnementer får ét brand domain, ét custom subdomain og ét landekode-topdomæne. Marketing Hub Professional har ligeledes ét brand domain. Flere kan købes som Domain Limit Increase eller via Brands-tilkøbet. Kører I consile.dk, et produktsite og et rekrutteringssite, rammer I loftet på Professional, uanset hvor dygtigt temaet er bygget.

Dansk og europæisk kontekst er værd at tage med. HubSpot kører på AWS med datacentre i blandt andet Tyskland, og ifølge HubSpots dokumentation om datahosting tildeles din region automatisk ud fra IP-geolokationen ved købstidspunktet. Kunder på Starter, Professional og Enterprise kan skifte datacenter, mens gratiskonti først skal opgradere. Du ser din nuværende placering under Privacy and Consent og fanen Data Hosting. Bemærk samtidig, at HubSpot skriver, at visse typer HubSpot Content kan ligge uden for din datacenterregion, så en databehandleraftale bør læses med det for øje. Selve platformen er tilgængelig på dansk, men udviklerdokumentationen er engelsk, og felttekster på dansk er noget, I selv lægger ind.

Hvornår kan det så ikke betale sig. Har I et website på ti sider, ingen marketing automation og intet ønske om at flytte CRM, er Content Hub Professional til omkring 500 USD om måneden en dyr måde at få en side redigeret på, og Umbraco eller WordPress løser opgaven billigere. Skal websitet omvendt hænge sammen med salg, kundeservice og kampagner, og skal marketing kunne arbejde uden udvikler, er det netop her Design Manager tjener sig hjem. Vi hjælper jævnligt danske virksomheder med at regne det scenarie igennem, inden beslutningen træffes, og du kan læse mere om vores arbejde med HubSpot, hvis I står i valget nu.