Hvad er et modul i HubSpot?

Felter, filer og drag and drop: modulets anatomi

Et modul består af fem filer, og de fem filer forklarer stort set hele modellen. fields.json definerer de felter, redaktøren ser. meta.json holder metadata om modulet, blandt andet hvor det må bruges. module.html indeholder markup og HubL, som er HubSpots skabelonsprog. module.css og module.js holder styling og adfærd. Strukturen er den samme, uanset om du bygger modulet i browseren eller lokalt på din maskine.

Felterne er det, hele øvelsen handler om. Et tekstfelt, et billedfelt og et rich text-felt dækker de fleste behov, og ovenpå dem ligger repeaters, der lader redaktøren tilføje flere ens elementer, for eksempel tre fordele i stedet for to. Felter kan grupperes, og HubSpot tillader at samle op til fire felter i en gruppe ad gangen. Jo strammere felttyperne er sat op, jo mindre kan der gå galt: et farvefelt med tre valgmuligheder giver et andet resultat end en fri farvevælger, når tolv personer skal bruge det samme modul.

Hvor modulet må bruges, bestemmes på forhånd. Når du opretter modulet under Content og Design Manager, vælger du hvilke indholdstyper det gælder for: sider, landingssider, blogindlæg, blogoversigter eller e-mails. Selve modulfunktionen er med på alle produkter og planer, men e-mailmoduler kræver Marketing Hub Professional eller Enterprise, og de kan ikke indeholde CSS eller JavaScript, fordi e-mailklienterne alligevel ikke ville rendere det. Detaljerne står i HubSpots vejledning til at oprette og redigere moduler.

Drag and drop-områderne er det, der gør moduler brugbare for ikke-udviklere. Hierarkiet er fast: et dnd_area indeholder sektioner, sektioner indeholder rækker, rækker indeholder kolonner, og modulerne sidder selv som kolonner i en række. En række er tolv kolonner bred, og de underliggende kolonner må tilsammen ikke overstige de tolv. Moduler kan ikke ligge direkte i et dnd_area, og der kan ikke ligge drag and drop-elementer inde i et modul. De to grænser er beskrevet i HubSpots dokumentation for drag and drop-områder, og de forklarer, hvorfor et layout af og til ikke kan bygges, som designeren har tegnet det.

To undtagelser fanger folk igen og igen. Drag and drop kan ikke bruges i skabeloner til blogindlæg og e-mails. Og en side kan ikke skifte fra en skabelon med dnd_area til en uden, fordi indholdet ikke kan flyttes med. Det er ikke en fejl, men det betyder, at valget af skabelontype tidligt i et projekt binder jer længere, end de fleste regner med.

Globale moduler løser det gentagne indhold. En header, en footer eller et bånd med åbningstider lægges som globalt indhold, og når det rettes ét sted, slår ændringen igennem overalt. Globalt indhold kræver Marketing Hub Professional eller Enterprise, eller Content Hub Starter, Professional eller Enterprise. Til gengæld kan globale grupper ikke indeholde fleksible kolonner, drag and drop-områder eller kodede moduler, hvilket HubSpots vejledning til globalt indhold på tværs af skabeloner gennemgår.

Performance håndterer HubSpot selv, men ikke helt som man skulle tro. Ligger det samme modul fem gange på en side, henter HubSpot kun module.css og module.js én gang. Adfærden kan ændres med css_render_options og js_render_options i meta.json, hvis en bestemt komponent skal loade anderledes. Til gengæld understøtter module.css kun en meget begrænset del af HubL, så logik hører hjemme i HTML-filen og ikke i stylingen.

Modulerne kan bygges ad to veje, og de føles vidt forskellige. Design Manager er browserbaseret, hurtig at komme i gang med og god til små justeringer. Udviklerprojekter køres lokalt med HubSpots CLI og versionsstyres i Git, og det er her CMS React hører hjemme, hvor moduler skrives som React-komponenter med server-side rendering og en ø-model, der styrer hvor meget JavaScript der sendes til browseren. Den vej giver adgang til npm og TypeScript, men React-moduler kan ikke redigeres i Design Managers online-editor, og enkelte HubL-tags og filtre virker ikke i JavaScript-komponenter. Modellen blev udvidet i juni 2026, hvor HubSpot åbnede for React-baserede moduler i tilbud, så linjetabeller og betalingsplaner kan bygges med samme værktøjskasse.

Den fejl, vi oftest rydder op efter, handler om antallet af moduler frem for om kode. Et site med hundrede engangsmoduler kan ikke vedligeholdes, fordi ingen kan huske hvilket af de fire hero-moduler der er det rigtige. Det modsatte problem findes også: ét modul med fyrre felter, som redaktøren ikke tør røre. Et fornuftigt sted at lande er tyve til tredive moduler, der hver har fem til ti felter og et navn, der siger hvad de gør.

Den sidste ting at holde øje med er afhængigheder. Sletter eller omdøber du et modul, der er i brug, får du tomme sektioner på de sider, det stod på, og skifter I tema, kan moduler placeret med drag and drop falde ud af layoutet. Begge dele kan håndteres, men de skal planlægges, og de er grunden til, at et modulbibliotek bør dokumenteres lige så omhyggeligt som selve temaet.

Vi bygger modulbiblioteker i HubSpot for danske B2B-virksomheder: vi gennemgår de sider, I faktisk laver i løbet af et år, skærer antallet af moduler ned til det, marketing kan overskue, og sætter felterne op så stramt, at designet holder uanset hvem der redigerer. Skal I have et nyt tema bygget fra bunden, eller har I et modulbibliotek, der er vokset til halvfjerds moduler ingen tør røre, så tag fat i os, og lad os kigge på det sammen.

Syv moduler et dansk B2B-site faktisk har brug for

Moduler bliver først interessante, når de holder op med at være generiske. De stærkeste modulbiblioteker, vi ser hos danske virksomheder, er bygget omkring de fem eller seks ting, virksomheden faktisk sælger på, og ikke omkring en liste over hvad et website plejer at indeholde. De anvendelser, der oftest betaler sig hjem først, ser typisk sådan ud.

Kundecases og referencer
Et modul med billede, overskrift, citat, navn og link til den fulde case. Sæt et repeater-felt på, så forsiden kan vise tre cases og branchesiden tre andre. En dansk produktionsvirksomhed med tredive referencer kan på den måde lade salgsafdelingen skifte hvilke cases der vises på hvilken brancheside, uden at bede nogen om hjælp.

Prislister og pakkeoversigter
Tre kolonner med navn, pris, punkter og knap, bygget som ét modul med et repeater-felt i stedet for tre separate moduler. Det betyder, at en prisstigning rettes ét sted pr. side i stedet for tolv. For en SaaS-virksomhed, der justerer priser to gange om året, er det forskellen på en halv time og en halv dag.

Formularer med kontekst
Et modul, der kombinerer en HubSpot-formular med en overskrift, et par linjer tekst og et lille tillidselement som et logo eller en anmeldelse. Fordi formular-id'et ligger i et felt, kan marketing bruge samme modul til fjorten landingssider med fjorten forskellige formularer. Det er også her samtykketeksten bør ligge, så den er ens på tværs af sitet.

Medarbejder- og kontaktkort
Billede, navn, titel, telefon, e-mail og et link til mødebooking. Et rådgivningshus eller et advokatkontor med fyrre medarbejdere får et ensartet udtryk, og når nogen skifter titel, rettes det ét sted, hvis kortet er bygget som en custom module koblet til en HubDB-tabel.

Integrationer og partnerlogoer
Et logomodul med repeater, hvor hvert logo har billede, alt-tekst og link. Det er trivielt at bygge og bliver brugt hele tiden, fordi partnerlister ændrer sig. En dansk it-leverandør, der viser logoer for Microsoft, e-conomic og HubSpot, kan tilføje en ny integration på fem minutter.

Kampagnesider, der skal stå hurtigt
Når marketing skal have en landingsside op til et webinar i næste uge, afgøres forskellen mellem to timer og to dage af, om der findes et færdigt sæt moduler at trække ind i et drag and drop-område. Det er den måling, vi bruger til at vurdere, om et modulbibliotek er godt nok: kan en marketingmedarbejder bygge en ny landingsside uden at åbne Design Manager.

Flersprogede sider
Danske virksomheder, der også sælger i Sverige og Tyskland, får mest ud af moduler, hvor al tekst ligger i felter og intet er hårdkodet i HTML. Så kan sprogvarianten oversættes felt for felt i editoren i stedet for at kræve en ny kopi af modulet pr. sprog. Det er en beslutning, der skal træffes før det første modul bygges, for den er dyr at rette bagefter.

Fællesnævneren for de syv er, at moduler flytter arbejde fra udvikling til marketing uden at give slip på designet. Derfor er spørgsmålet sjældent, om I kan bygge noget bestemt i HubSpot, men om I har sat felterne så stramt op, at det rigtige er nemt og det forkerte er svært.

Byg, køb eller flyt: hvad modulerne koster

Der er tre veje til at få de moduler, I skal bruge: køb dem færdige, byg dem selv, eller læg websitet på en anden platform, hvor byggeklodserne hedder noget andet. De koster vidt forskelligt, og de binder jer forskelligt.

HubSpots Asset Marketplace
HubSpots egen markedsplads for temaer, skabeloner og moduler. I september 2026 tæller katalogets modulsektion omkring 1.300 website-moduler, og en stor del af dem er gratis. Installation kræver Marketing Hub Professional eller Enterprise, eller Content Hub Starter, Professional eller Enterprise, og betaling sker med kreditkort via Stripe eller PayPal. Leverandøren kan udsende opdateringer, I selv vælger at installere, hvilket HubSpots vejledning til installation af temaer og moduler fra markedspladsen beskriver. Svagheden er, at et markedspladsmodul sjældent rammer jeres designmanual præcist, og at dybe tilpasninger gør det svært at tage imod opdateringer bagefter.

WordPress med ACF PRO
Den mest udbredte modsætning. Advanced Custom Fields PRO giver med sit Flexible Content-felt stort set den samme model som HubSpot-moduler, og licensen koster pr. september 2026 49 USD om året for ét website, 149 USD for ti og 249 USD for ubegrænset antal ifølge prissiden for ACF PRO. Styrken er frihed og et stort økosystem. Svagheden er, at hosting, sikkerhedsopdateringer, backup og pluginkonflikter bliver jeres eget ansvar, og at koblingen til CRM-data kræver endnu et lag.

Umbraco Cloud
Dansk udviklet og stærk i virksomheder med et it-team, der arbejder i .NET. Block List og Block Grid dækker den samme redaktørlogik som moduler i HubSpot. Umbraco Cloud koster pr. september 2026 45 EUR om måneden for Starter, 280 EUR for Standard og 730 EUR for Professional ifølge Umbracos prisoversigt for Umbraco Cloud. Det er billigere i ren hosting end Content Hub Professional, men prisen dækker ikke marketingfunktioner, og der skal en udvikler til hver ændring i blokkene.

Webflow
Designernes favorit. Components dækker genbrug på tværs af sider, og det visuelle byggeri er mærkbart stærkere end HubSpots. Basic koster 15 USD om måneden og Premium 25 USD om måneden ved årlig betaling pr. september 2026, mens Team ligger på 2.500 USD om måneden. Til gengæld er der intet CRM under motorhjelmen, så formulardata, lifecycle stages og personalisering skal løses i et andet system.

At bygge modulerne selv i HubSpot
Det oftest rigtige svar for en virksomhed, der allerede har Content Hub. Et modulbibliotek på tyve til tredive moduler er typisk nogle ugers arbejde for en udvikler, og derefter er den løbende omkostning nær nul, fordi marketing selv bygger siderne. Omkostningen er en engangsinvestering frem for en licens.

Hvor HubSpot vinder, er sammenhængen. Et modul kan trække på CRM-data, personaliseringstokens og formularer uden integrationer, og I slipper for hosting, certifikater og sikkerhedsopdateringer. Hvor HubSpot taber, er frontend-friheden og ejerskabet. HubL er ikke et generelt skabelonsprog, udvikleroplevelsen er ikke på højde med moderne JavaScript-værktøjer selv efter CMS React, og modulerne kan ikke tages med, den dag I flytter. Skal sitet være et tungt, interaktivt produkt, er Webflow eller en hovedløs opsætning ofte det ærligere valg.

Priserne er nemme at forveksle, fordi HubSpot markedsfører kampagnepriser side om side med listepriser. Pr. 13. september 2026 står Content Hub Free til 0 USD med op til to brugere, Starter fra 7 USD pr. måned pr. seat ved årlig binding mod en listepris på 20 USD, Professional fra 450 USD om måneden med tre core seats inkluderet og ekstra seats fra 45 USD, og Enterprise fra 1.500 USD om måneden med fem core seats og ekstra seats fra 75 USD. Alle tal er i USD og uden moms, og de fremgår af HubSpots prisside for Content Hub. Læg valutakurs og dansk moms oveni, når I budgetterer.

Selve modulfunktionen kræver til gengæld ikke et bestemt tier i Content Hub. Moduler kan oprettes på alle produkter og planer, og det er derfor mange begynder med et gratis site og to brugere. Det er de tilstødende funktioner, der koster penge: e-mailmoduler kræver Marketing Hub Professional eller Enterprise, globalt indhold kræver Content Hub Starter og opefter eller Marketing Hub Professional, og installation fra Asset Marketplace kræver det samme. Et core seat er det, en person skal have for at kunne redigere, mens brugere, der kun skal kigge, kan nøjes med en billigere adgang.

De hårde grænser er få, men de er ubøjelige. Felter kan grupperes op til fire ad gangen. Drag and drop virker ikke i skabeloner til blogindlæg og e-mails. Globale grupper kan ikke indeholde fleksible kolonner, drag and drop-områder eller kodede moduler. E-mailmoduler kan ikke have CSS eller JavaScript. Og module.css understøtter kun en meget lille del af HubL. Ingen af dem kan hæves med et højere abonnement, så de skal tænkes ind i designet fra starten.

Ud over at slå funktionen til kræver et modulbibliotek reelt arbejde. Der skal ligge et tema med design tokens for farver, typografi og afstande, ellers ender hvert modul med sin egen version af sandheden. Der skal være en navngivningsstandard, så redaktøren kan finde det rigtige modul blandt tredive. Og der skal testes på mobil, fordi rækker fra drag and drop stables anderledes end designet antyder. Regn med, at dokumentationen tager lige så lang tid som det sidste modul.

I en dansk kontekst er der tre ting mere. HubSpot har et EU-datacenter i Tyskland, og betalende abonnementer kan vælge datacenter, hvilket fremgår af HubSpots FAQ om cloud-infrastruktur og datahosting. Bygger I moduler, der indlejrer scripts fra tredjepart som chat, video eller annoncepixels, skal de vente på samtykke fra cookiebanneret, ellers har I et GDPR-problem, uanset hvor data ligger. Og skriver I danske tegn i modulernes standardværdier, så kontroller dem i editoren, for det er der, et æ eller et å oftest slipper igennem forkert.

Der er også tilfælde, hvor svaret er nej. Har I et website på ti sider, der ændres to gange om året, er et modulbibliotek overkill, og en færdig skabelon fra Asset Marketplace er rigeligt. Har I allerede et velfungerende Umbraco- eller WordPress-site og kun mangler CRM og marketing automation, så køb Marketing Hub og lad websitet blive, hvor det er. Og skal sitet være selve produktet frem for jeres visitkort, er HubSpot ikke det rigtige sted at bygge det.

Er I i tvivl om, hvilken af de tre veje der passer til jer, er det som regel et spørgsmål om, hvor mange sider I laver om året, og hvem der laver dem. Det regnestykke går vi igennem sammen med kunderne, når vi arbejder med HubSpot, og svaret er lige så ofte at bruge færre moduler bedre som at bygge flere.