Website bouwen met HubSpot themes

Johan Vandecasteele
Johan Vandecasteele
30 januari 2021

HubSpot Webdesign

DELEN

We duiken in HubSpot thema's, vertellen je wat de voordelen en nadelen zijn van een thema, en wanneer dit een goede fit is voor jouw website en hoe jij een goed thema kan herkennen. 

Midden 2020 kwam HubSpot met enkele grote veranderingen in het CMS op de proppen. Eén van de belangrijkste nieuwkomers zijn de HubSpot thema’s.

Zo'n HubSpot thema, wat is dat exact?

Vermoedelijk heb je al 's kennisgemaakt met een WordPress thema. Net als bij WordPress kan je een HubSpot theme zien als een soort voorgedefinieerde website. 

Een thema bevat een aantal algemene settings waarmee je de look & feel van je site centraal bepaald. Denk maar aan layout, typografie (fonts), kleuren, je buttons, etc. 

Een voorbeeld. De styling van jouw h1, h2, ... definieer je op 1 plaats en dan ben je 100% zeker dat ze er op je hele website identiek uitzien.

Een thema bevat templates en modules - eigenlijk moet je een thema zien als een flexibele blokkendoos. Met het drag-and-dropsysteem van HubSpot bouw je jouw eigen website vanuit templates met de verschillende modules. 

Een voorbeeld om die laatste zin verteerbaar te maken! Ons thema popular bevat out of the box bijvoorbeeld 4 hero-blokken, met verschillende functionaliteiten en designs:

hubspot-theme-modules

Wil je met een thema je homepagina bouwen, dan vertrek je van een template (een pagina). Je kiest vervolgens de module die je extra aan de pagina wil toevoegen en sleept die naar de template. Volgende stap is dat de overige blokken die je nodig hebt toe te voegen:

hubspot-werken-met-themes

Je kan kiezen uit eenvoudige modules (beeld, tekst, knop,... ) of een complexere modules (slideshow, cards, grids,....) Of als je tevreden bent met de contact-us template zoals wij ze hebben ontworpen? Kies die dan gewoon, en pas enkel de tekst aan.

Kan je een thema makkelijk aanpassen?

Een thema kan je uiteraard aanpassen, en je eigen look & feel aan de site geven. Wel binnen bepaalde grenzen die in het thema vastgelegd zijn.

Is die aanpassing voor jou niet voldoende, dan kan je:

  • je eigen templates en modules bouwen (je hebt dan wel wat HubSpot dev-skills nodig)
  • een HubSpot Agency  of developer een extra module laten ontwikkelen (wij doen dat graag voor je!)
  • of zoeken in de HubSpot marketplace speuren naar jouw perfecte extra module (bijv. een countdown timer, een verticale timeline, ...)

De voor - en nadelen van een HubSpot thema

Eerlijk is eerlijk. Alles heeft voor- en nadelen. Een thema uiteraard ook. We zetten ze op een rijtje:

Voordelen

  1. Kant-en-klaar: je installeert een "afgewerkte" website, samen met een pak pagina's. 
  2. Snelheidswinst: doordat je een heel pak ontwikkeling overslaat, kan je direct pagina's gaan bouwen. 
  3. Controle: Je stelt zelf je pagina’s samen met verschillende modules die je voorhanden hebt.
  4. Aanpasbaar design: je kan het thema aanpassen naar je eigen huisstijl
  5. Budgetvriendelijk: een website bouwen vanuit een thema is goedkoper dan een site bouwen van scratch
  6. Voor marketeers: via het drag&drop systeem van HubSpot kan je zelf aan de slag. Het gehalte techniciteit daalt gigantisch.
  7. Performant: je hebt een website die de nodige conversie-elementen bevat, en technisch solide is.
  8. Mogelijkheid tot uitbreiden: met een externe of interne developer kan je aanvullende modules bouwen, als je die nodig zou hebben

Nadelen

  1. Afgelijnd: een thema is voorgedefinieerd en heeft dus ook grenzen. Van een kat kan je geen hazewind maken (en vice versa). Kies dus een thema die aansluit op je noden.

kies-het-juiste-hubspot-thema

  1. Specifieke noden: voor jouw unieke speciallekes/specifieke modules moet er op maat ontwikkeld en geprogrammeerd worden.
  2. Grote, diepgaande wijzigingen moeten waarschijnlijk in de code gebeuren.
  3. Design: wanneer je een bestaand thema quasi identiek overneemt, kan het dat je dit design nog ziet verschijnen op het internet.
Tip - doe altijd wat tweaks aan het design van een thema thema: make it your own.

Vooral die laatste reflex hebben wij (als webbouwers) bij WordPress themes vaak - omdat veel websites gewoon het default design slaafs volgen.

themes-look-same

Weet ook dat een kwalitatief thema makkelijk moduleerbaar is en personaliseerbaar naar design toe. Kijk maar even hoe ons thema popular in een paar flavors zit:

theme-design

Wat ons naadloos bij de volgende vraag brengt:

Hoe kies je het juiste thema voor jouw HubSpot website

Aan de ontwikkeling van de website gaat meestal/best een grotere strategische denkoefening vooraf. Pas daarna kan je bepalen of een thema voor jou interessant is. 

Denk dus goed na over:

  • hoe je huidige site werkt/niet-werkt/rankt/converteert/resultaten oplevert/... (research met bijv. GA, HotJar, SEMRush, ...)
  • hoe de structuur van jouw nieuwe site er uit moet zien
  • welke pagina's je daarom nodig hebt
  • welke modules (blokken) je nodig hebt op elk van die pagina's
  • welke andere functionaliteit je nodig hebt (speciallekes!)
  • welke integraties er nodig zijn
  • wat jouw voorkeur is qua look and feel
  • ...

Op basis van bovenstaand lijstje zouden wij je al makkelijk kunnen adviseren of jij best aan de slag gaat met een thema, of beter van scratch te starten.

Hou ook bovenstaand lijstje in gedachten als je een thema evalueert:

  • Bevat het alle blokken die ik nodig heb?
  • Bevat het alle functionaliteit die ik nodig heb?
  • Indien niet - kunnen die makkelijk extra worden gemaakt
  • Hou ik van de algemene look & feel?

Kijk echter ook door die look and feel, want die kan je sterk aanpassen in HubSpot. Kies je thema eerder op basis van je absolute vereisten dan puur ook op het design..

Tip: beter een goed thema met heel veel mogelijkheden, dan een ‘mooi’ thema. Het design kan je immers aanpassen, de modules niet.

In HubSpot is er geen testomgeving waar je de thema's even gratis kan proefdraaien.. Bekijk dus goed de verschillende previews en voorbeelden die je bij de thema’s terugvindt en verdiep je even in de credentials: wie heeft het thema gemaakt, welke thema’s hebben ze nog en werden ze eventueel erkend door HubSpot?

Kijk ook of er een aantal uur customisatie en/of support zijn ingebouwd door de theme-bouwer. En toekomstige updates inclusief zijn.

Tip: een paar uur hulp van een behulpzame theme-bouwer kunnen jou al een heel eind op weg zetten naar jouw ultieme website.

Twijfel je, dan kan je voor de meeste thema’s een call inplannen met de themabouwer, die je er dan live door gidst.

Waar vind ik HubSpot thema's?

HubSpot heeft een eigen marketplace, waar je gratis en betalende thema's kan bekijken. 

Voor je "Ik woon in Cheap Street en wil alleen maar gratis thema's" roept: kijk even verder. Er is een reden waarom een thema gratis is, en een andere betalend.

Dat komt omdat er (in de regel) veel meer tijd, effort, werk, ... in een betalend thema zit. En die ziet een themabouwer uiteraard ook graag vergoed.

gratis-vs-betalende-hubspot-themes

Een goed thema kost gemiddeld minder dan 800$. Dat is niet veel. Wijzelf vinden dat gewoon geen geld voor het chassis van je site. Spendeer dus gewoon die extra euro of dollar om een kwalitatief thema aan te kopen. Die kleine investering verdien je later terug in tijd, meer functionaliteit en gewoon een betere site.

De themes van leadstreet? Die bekijk je op deze link.

hubspot-theme-marketplace

leadstreet wint prijs voor Most Comprehensive Theme

Als Diamond HubSpot Partner hebben we een aantal thema's ontwikkeld (en zitten er nog een pak in de pipeline): Popular en Magazine.

In december 2020 sleepten we met het thema Magazine de Most Comprehensive Theme Award van HubSpot in de wacht. Een fijne erkenning voor onze dev-skills 🚀.

leadstreet-magazine-theme-awards

Ontdekken of een thema voor jouw HubSpot-website interessant is?

Zeker weten. We maken graag tijd voor een goed gesprek!

 

Johan Vandecasteele

Johan Vandecasteele

2020 HubSpot Champion User. Managing partner leadstreet. Marketeer, Strategist en Pragmatist. Houder van 22 HubSpot certificaten. Sportman, foodie, en fan van Fender & PRS.

Als je dit artikel interessant vond, help ons dan met deze content te delen.