Met de Tekstverwerker widget kun je eenvoudig teksten toevoegen aan je pagina met behulp van een ingebouwde editor. Deze editor werkt vergelijkbaar met bekende tekstverwerkingsprogramma’s en biedt standaardopties zoals vet, cursief, lijsten, links en afbeeldingen.


Voor complexere opmaak of maatwerk kun je schakelen naar de broncode-weergave en daar direct HTML toevoegen. Dit maakt de widget flexibel voor zowel eenvoudige content als meer geavanceerde opmaak.


Beschikbare opties en toelichting:

  • Tekst en content automatisch stylen (aanbevolen voor lange teksten):
    Met deze optie bepaal je of de tekst automatisch opgemaakt wordt volgens de standaard stijlen van je webshop. Dit zorgt voor consistente opmaak bij langere teksten. Je kunt dit ook uitschakelen als je zelf volledige controle over de styling wilt houden.
  • Automatische ruimte rond tekst:
         Wanneer je deze optie inschakelt, wordt er automatisch extra ruimte (marges) rond je tekst toegevoegd. Dit is vooral aanbevolen wanneer de widget wordt gebruikt binnen de rij-optie Container breedte: Volledige schermbreedte, zodat de tekst niet te dicht tegen de randen van het scherm aan komt te staan en de leesbaarheid gewaarborgd blijft.
  • Knop toevoegen:
    Je kunt ervoor kiezen om één of twee knoppen onderaan de tekst toe te voegen. Als je een knop activeert, krijg je toegang tot de volgende instellingen:
  • Button type
    Kies een buttonstijl uit de beschikbare button presets (zoals primair, secundair, info, enz.). Deze zijn afgestemd op je website-ontwerp.
  • Button tekst
    Vul hier de tekst in die op de knop moet staan.
  • Button URL
    Voer hier de link in waarnaar de knop moet verwijzen.
  • Button Link openen in nieuw tabblad
    Met deze switch geef je aan of de link in een nieuw browservenster moet openen.
    • Button met icon
      Wil je een icoon naast je knoptekst tonen? Zet deze optie aan en kies vervolgens het gewenste icoon:
      • Arrow right
      • Arrow left
      • Envelop
      • Phone
  • Tweede button toevoegen
    Wil je nog een extra knop toevoegen? Dat kan. Deze tweede knop krijgt dezelfde instelmogelijkheden als hierboven beschreven.


  • Button breedte
    • Desktop: Kies uit:
      • Normaal
      • Ruimte opvullen (neemt beschikbare ruimte tussen knoppen in)
      • Gehele breedte innemen (knoppen worden onder elkaar geplaatst)
    • Mobiel: Zelfde opties, geoptimaliseerd voor kleinere schermen.
  • Uitlijning van de button(s)
    • Desktop & mobiel: Kies hoe de knoppen worden gepositioneerd binnen de kaart:
      • Links
      • Midden
      • Rechts
      • Links en rechts (verdeeld over de volledige breedte)
  • CSS classes:
    Met deze optie kun je specifieke CSS classes aan de afbeelding toevoegen voor maatwerk styling. Dit geeft je de mogelijkheid om aangepaste stijlen toe te passen via "Website uiterlijk > CSS aanpassen" in de backoffice, waardoor je de afbeelding verder kunt aanpassen aan je ontwerpbehoeften.