[VB] Huisstijl - [VB] Huisstijl

H1- Huisstijl pagina

Op deze huisstijlpagina laten we alle mogelijkheden van het CCMS zien.

Inhoud huisstijl pagina (kop 2)

Eerst volgt een opsomming met alle mogelijkheden van de pagina-template. Daaronder worden deze mogelijkheden allemaal gebruikt, en zie je alle mogelijke contentblokken. Je kunt deze pagina gebruiken als een naslagwerk om te bekijken welke onderdelen je kunt gebruiken om een pagina op te bouwen. Tip: Lees voor je begint deze pagina een keer goed door. Deze pagina kan op niet-publiek gezet worden als de website live gaat. 

Website teksten met gebruik van koppen (kop 3)

Mensen lezen op internet anders dan vanaf papier. Ze scannen de kopjes en als het interessant is, ook de tekst eronder. Gebruik daarom pakkende kopjes met de kern erin. Daaronder max 3-5 regels tekst, en daarna weer een volgend kopje. 

Opbouw pagina-template (kop 2)

De opbouw van een pagina is als volgt:

  • Banner (in tabblad Afbeeldingen: Banner)
  • Pagina titel (te beheren bij de taal > Algemeen)*
  • Lange omschrijving (te beheren bij de taal > Lange omschrijving)
  • Call to Action (te beheren in tab algemeen)
  • Gewone gekoppelde afbeeldingen in een filmstrip (in tabblad Afbeeldingen: Gewone koppeling)
  • Gekoppeld formulier (te koppelen in tab Relaties > Formulieren) (nu niet gebruikt)
  • Rechterkolom naast lange omschrijving (deze verschijnt als afbeelding Rechterkolom wordt gekoppeld, in tab Afbeeldingen)
    • Afbeelding Rechterkolom: Als deze afbeelding niet gekoppeld wordt zie je de lange omschrijving over de volledige breedte.
    • Automatisch verschijnt onder de afbeelding het USP blok. 
  • Contentblokken boven (te koppelen in tab Contentblokken - Boven)
  • Overzicht onderliggenden (weergave kan gekozen worden in tab Algemeen)
    • Titel blokken (te beheren bij de taal > Algemeen)
    • Overzicht onderliggenden, opgenomen worden: pagina's, blokken, en blogitems.
    • Call to Action onder blokken (te beheren in tab Algemeen)
  • Contentblokken midden (te koppelen in tab Contentblokken - Midden)
  • Gekoppelde blokken, bedoeld om naar projecten te verwijzen. De titel erboven verschijnt automatisch. (te beheren in tab Relaties)
  • Gekoppelde pagina's, bedoeld als kenmerken, bijvoorbeeld om diensten aan projecten te koppelen. (te beheren in tab Relaties)
  • Gekoppelde FAQ vragen (nu niet in gebruik, alleen bij FAQ module)
  • Contentblokken onder (te koppelen in tab Contentblokken - Onder)

Alles wat hierboven staat is optioneel, behalve de pagina titel.

Multi relaties

[VB] Huisstijl - [VB] Maatwerk achtbaantreinen voor het pretpark

Maatwerk achtbaantreinen voor het pretpark

Bij DemoFabriek zijn we trots op onze samenwerking met Pretpark, waar we een op maat gemaakt onderstel hebben ontworpen en geproduceerd voor hun nieuwste achtbaanattractie.

[VB] Huisstijl - [VB] B2B Website om omzetsnelheid te verhogen

B2B Website om omzetsnelheid te verhogen

De website voor internationale handel in machines, gekoppeld aan Exact en voorzien van e-mailmarketing automation.

[VB] Huisstijl - Maatwerk 21072

Maatwerk 21072

  • Type rails: Monorail
  • Rail breedte: 300
€ 121,30
[VB] Huisstijl - Maatwerk 21072

Maatwerk 21072

€ 244,56
[VB] Huisstijl - Maatwerk

Loopwielen

[VB] Huisstijl - Rem hub

Loopwielen

Maak een afspraak

Binnen 2 uur reactie

Contentblok - H1 tekstblok - Tekst gecentreerd, content gecentreerd, achtergrondkleur en Call to Action

Met een kort tekstblok kun je de aandacht trekken, door er een achtergrond kleur op te zetten (Huisstijl) en een call-to-action. Voorbeeld tekst:

Benieuwd welke online mogelijkheden wij zien voor jouw bedrijf? Neem dan contact op voor een vrijblijvende afspraak. Vertel ons wat je doelen en wensen zijn. Wij zullen je verrassen met onze ideeën om van jouw site een succes te maken.

Maak een afspraak

Binnen 2 uur reactie

Contentblok Tekst links / Tekst rechts (titel)

Onder het overzicht worden de contentblokken Midden getoond. Deze contentblokken bevinden zich tussen het overzicht van onderliggenden (hierboven) en het overzicht van gekoppelde blokken (hieronder).

Twee kolommen tekst (kop 3)

Dit Contentblok beschikt over de mogelijkheid om twee kolommen met tekst te vullen. Dat is handig voor wanneer je bijvoorbeeld een SEO tekstje wil plaatsen. Het breekt ook de pagina doordat dit component is opgebouwd uit twee kolommen. 

In de lange omschrijving kun je wel een afbeelding toevoegen, maar de afbeeldingskoppelingen bij dit contentblok worden niet gebruikt. 

Informatie wat hieronder komt (titel R)

Hieronder volgen: (deze tekst heeft de Opmaak "Geen margin" om ervoor te zorgen dat het direct boven de opsomming staat)

  1. Gekoppelde blokken
  2. Gekoppelde pagina's

Gekoppelde blokken

Deze blokken kun je gebruiken om naar projecten te verwijzen. Onder de voorbeeld projecten zijn de blokken aangemaakt. Ze linken naar het project. Dit gebruik je bijvoorbeeld op een dienstenpagina.

Gekoppelde pagina's

Deze pagina's kunnen gebruikt om de bezoeker verder te leiden naar diensten. Bijvoorbeeld op een projectenpagina kun je dit gebruiken om aan te geven welke diensten gebruikt zijn.

Multi afbeelding onder - Kabels veilig en efficiënt weggewerkt

Dit contentblok bevat tekst over de hele breedte, met daaronder drie afbeeldingen. Deze afbeeldingen worden gekoppeld in de tab afbeeldingen > Overige afbeeldingen. Je kunt zoveel afbeeldingen koppelen als je wilt, er worden er drie getoond, de overige worden in de scroller getoond.

Bij dit contentblok worden gebruikt: Titel, Lange omschrijving, Call to Action en overige gekoppelde afbeeldingen.

Maak een afspraak

Binnen 2 uur reactie

[VB] Huisstijl - [VB] Contentblok Multi afbeelding onder
[VB] Huisstijl - [VB] Contentblok Multi afbeelding onder
[VB] Huisstijl - [VB] Contentblok Multi afbeelding onder
[VB] Huisstijl - [VB] Contentblok Multi afbeelding onder
[VB] Huisstijl - [VB] Contentblok Multi afbeelding onder
[VB] Huisstijl - [VB] Contentblok Multi afbeelding onder

"QuoteTitel. Vanaf het begin was Michel van DemoFabriek professioneel en attent. Hij begreep onze behoeften perfect en bood een oplossing die naadloos paste!"

QuoteSubTitel - HR Sales Support, The Preferred Supplier

 

Bij dit contentblok wordt gebruikt: Lange omschrijving.

[VB] Huisstijl - [VB] Contentblok Afbeelding links

Afbeelding links - Sterk door kennis delen

We versterken jullie product- en marktkennis met onze kennis van internet marketing. We starten met héél goed luisteren. Hoe verkoop je jouw producten en hoe kijk je tegen de markt aan? Met die kennis zullen we samen jouw concurrenten een stap voor zijn.

We delen onze kennis om samen sterker te staan (kop 3)

Wij delen graag onze kennis op het gebied van internet marketing. Juist als jij meer begrijpt van het spel op internet, kunnen we met elkaar slimmer zijn dan de rest. Bijkomend voordeel voor jou is dat je met die kennis ook zelf dingen op kunt pakken als je dat wilt. Dat vinden we prima! 

Bij dit contentblok worden gebruikt: Titel, Lange omschrijving, Call to Action, Hoofdafbeelding.

Offerte aanvragen

Vrijblijvend en binnen 2 werkdagen

Afbeelding rechts - Succesvol door keihard werken

Met een team van specialisten gaan we met enthousiasme voor jouw bedrijf aan de slag. We bieden webshop- en website bouw, zorg en marketing. We zetten onze kennis al sinds 1999 in en weten daardoor wat er nodig is om met je site de top te bereiken. 

Het resultaat is de inspanning meer dan waard

Succesvol zijn is keihard werken, maar daar zijn wij niet vies van. We gaan graag tot het uiterste, omdat we weten dat het uitzicht op de top de inspanning meer dan waard is. We hebben een persoonlijke aanpak en zijn betrokken bij je bedrijf. Daardoor genieten we ervan om jouw resultaat te zien groeien!

Bij dit contentblok worden gebruikt: Titel, Lange omschrijving, Call to Action, Hoofdafbeelding.

Maak een afspraak

Binnen 2 uur reactie

[VB] Huisstijl - [VB] Contentblok Afbeelding rechts
[VB] Huisstijl - [VB] Contentblok Afbeelding links (smal)

Afbeelding links smal - Sterk door kennis delen

We versterken jullie product- en marktkennis met onze kennis van internet marketing. We starten met héél goed luisteren. Hoe verkoop je jouw producten en hoe kijk je tegen de markt aan? Met die kennis zullen we samen jouw concurrenten een stap voor zijn.

We delen onze kennis om samen sterker te staan

Wij delen graag onze kennis op het gebied van internet marketing. Juist als jij meer begrijpt van het spel op internet, kunnen we met elkaar slimmer zijn dan de rest. Bijkomend voordeel voor jou is dat je met die kennis ook zelf dingen op kunt pakken als je dat wilt. Dat vinden we prima! 

Bij dit contentblok worden gebruikt: Titel, Lange omschrijving, Call to Action, Hoofdafbeelding.

Neem contact op

We reageren binnen 2 werkdagen

[VB] Huisstijl - [VB] Contentblok Afbeelding rechts (smal)

Afbeelding rechts smal - Succesvol door keihard werken

Met een team van specialisten gaan we met enthousiasme voor jouw bedrijf aan de slag. We bieden webshop- en website bouw, zorg en marketing. We zetten onze kennis al sinds 1999 in en weten daardoor wat er nodig is om met je site de top te bereiken. 

Het resultaat is de inspanning meer dan waard

Succesvol zijn is keihard werken, maar daar zijn wij niet vies van. We gaan graag tot het uiterste, omdat we weten dat het uitzicht op de top de inspanning meer dan waard is. We hebben een persoonlijke aanpak en zijn betrokken bij je bedrijf. Daardoor genieten we ervan om jouw resultaat te zien groeien!

Bij dit contentblok worden gebruikt: Titel, Lange omschrijving, Call to Action, Hoofdafbeelding.

Bekijk ons werk

275+ projecten succesvol afgerond

Contentblok - Afbeelding Onder

Dit Contentblok heeft de mogelijkheid om onder de lange omschrijving van het contentblok een afbeelding te tonen die over de hele breedte wordt weergegeven. Dit kan bijvoorbeeld gebruikt worden voor een banner die bij deze tekst past. 

Het gebruik van Call to Actions

Bij elk contentblok kan een Call to Action geselecteerd worden. Het is belangrijk om middels Call to Actions je bezoeker de trechter in te leiden. Bijvoorbeeld van je diensten, naar je werk, naar de offerte pagina. Zonder Call to Actions zul je veel minder conversies krijgen. 

Zelf Call to Actions aanmaken

Je kunt zelf Call to Actions aanmaken. Dit kun je doen onder Home > Call to Actions. De meest voorkomende hebben we aangemaakt, maar je kunt er zelf nog meer toevoegen. Een Call to Action bestaat uit een naam (wordt op de knop getoond), een link en een geruststellende tekst. De geruststellende tekst wordt onder de knop getoond en is bedoeld om de gebruiker over de streep te trekken.

[VB] Huisstijl - [VB] Contentblok - Afbeelding Onder

Contentblok Multi blokken onder

Met dit contentblok kun je een nieuw overzicht creeëren. In dit overzicht worden automatisch de blokken opgenomen die onder dit contentblok zijn aangemaakt. Hierin is alle functionaliteit beschikbaar die ook normaal bij blokken beschikbaar is. Blokken kunnen een interne of externe link hebben, of helemaal geen link. 

Bij dit contentblok worden gebruikt: Titel, Lange omschrijving, Call to Action, Onderliggende blokken.

Neem contact op

We reageren binnen 2 werkdagen

[VB] - Blok 1 onder contentblok

[VB] - Blok 1 onder contentblok

Korte omschrijving van blok onder contentblok
[VB] - Blok 2 onder contentblok

[VB] - Blok 2 onder contentblok

Korte omschrijving van blok onder contentblok
[VB] - Blok 3 onder contentblok

[VB] - Blok 3 onder contentblok

Korte omschrijving van blok onder contentblok
[VB] - Blok 4 onder contentblok

[VB] - Blok 4 onder contentblok

Korte omschrijving van blok onder contentblok
[VB] - Blok 5 onder contentblok

[VB] - Blok 5 onder contentblok

Korte omschrijving van blok onder contentblok
[VB] - Blok 6 onder contentblok

[VB] - Blok 6 onder contentblok

Korte omschrijving van blok onder contentblok

Contentblok multi afbeeldingen scroller

Bij het Contentblok multi afbeeldingen scroller kunnen meerdere afbeeldingen getoond worden, die kunnen scrollen. Dit werkt door onder dit contentblok blokken aan te maken. Deze worden dan met afbeelding getoond, de titel verschijnt bij mouse-over. Daarnaast kun je ook de link mogelijkheden (intern of extern) gebruiken. De afbeeldingen worden automatisch in zwart-wit weergegeven, en bij mouse-over in kleur. 

Bij dit contentblok worden gebruikt: Titel, Lange omschrijving, Call to Action, Onderliggende blokken.

Contentblok met video

Contentblokken kunnen ook gebruikt worden om een Youtube video te tonen. Hiervoor is geen aparte weergave optie, je kunt hiervoor één van de volgende weergaven kiezen:

  • Afbeelding links
  • Afbeelding links (smal)
  • Afbeelding links en rechts (video link extra verschijnt rechts)
  • Afbeelding rechts
  • Afbeelding rechts (smal)
  • Afbeelding onder

Op de plek van de afbeelding, zal de Youtube video getoond worden. Bij dit voorbeeld is gekozen voor Afbeelding rechts.

Het koppelen van de video

  1. Als eerste zoek je de video op Youtube op
  2. Vervolgens klik je bij video op delen.
  3. Daarna klik je op insluiten. 
  4. Je krijgt nu een stukje code te zien, kopieër daaruit de link die begint met https://www.youtube.com 
  5. Die link voer je in bij het contentblok, in het tab algemeen, in het veld: Video link, bijvoorbeeld: https://www.youtube.com/embed/NM6-PYKAFPo?si=qJ79YSogGtnKNi0B

Afbeelding links en rechts

Contentblok Afbeelding links en rechts

De tekst uit de lange omschrijving bij dit contentblok is optioneel. Daarom wordt de titel niet gebruikt. Als je bij dit contentblok toch een titel wil tonen kun je die handmatig toevoegen in de lange omschrijving. 

2x afbeelding

Dit contentblok heeft zowel links als rechts een afbeelding. Hiermee kun je twee grootte afbeeldingen in een contentblok naast elkaar tonen. De hoofdafbeelding wordt links getoond, de Extra afbeelding rechts.

Gebruikt bij dit contentblok: lange omschrijving, lange omschrijving rechts, hoofdabeelding en extra afbeelding.

[VB] Huisstijl - [VB] Contentblok Afbeelding links en rechts

Afbeelding links en rechts

Optioneel video

Zoals in het contentblok hierboven aangegeven kun je ook een video tonen, bij dit contentblok werkt dat precies hetzelfde. Alleen als je bij dit contentblok de video rechts wil tonen gebruik je video link extra. (Voor links: video link).

Hieronder volgt hetzelfde contentblok, zonder tekst, met twee keer video.

[VB] Huisstijl - [VB] Contentblok Afbeelding links en rechts

Video links en rechts

Video links en rechts

Contentblok Editor mogelijkheden

In de editor zijn de volgende extra opmaakmogelijkheden toepasbaar:

Tekstkleuren

Wanneer je een stukje tekst selecteert kun je een andere tekstkleur toepassen, door een kleur aan te klikken in de dropdown van Opmaak. De keuze is uit groen, oranje of rood.

Knoppen

Normaal gesproken activeer je knoppen door een call to action te selecteren bij de contentblokken of bij de pagina. Maar het is ook mogelijk om handmatig knoppen te maken. Dit werkt als volgt:

  1. Type de tekst die op de knop moet komen
  2. Selecteer deze tekst
  3. Maak een link op de tekst
  4. Selecteer de tekst opnieuw
  5. Kies nu in de dropdown van Opmaak een andere stijl, bijvoorbeeld: Medium Call to Action of Soft call to action.

Voorbeeld:

Bekijk onze projecten Bekijk onze voorstelpagina

 

Aanvullende tekstmogelijkheden

Naast de standaard opmaak mogelijkheden als vetgedrukt, schuingedrukt, kan tekst ook doorgestreept worden of in subscript of in superscript geplaatst worden.

Tekst verbergen of tonen op mobiel

Het is mogelijk om specifieke tekst te verbergen op mobiel. Werkwijze:

  1. Selecteer tekst die verborgen moet worden.
  2. Kies bij opmaak: Verberg op mobiel.

Andersom is ook mogelijk om tekst te kiezen die juist alleen op mobiel getoond worden.

Nog vragen?

Heb je na het bekijken van deze pagina nog vragen over het inrichten van pagina's? Wil je advies over hoe je de inrichting van je website het beste kunt aanpakken? Vraag het ons. 

Neem contact op

We reageren binnen 2 werkdagen

iDEAL PayPal Bancontact Giropay Klarna Visa Maestro Master Card Pin Cash OB