HTML Tabs-widget voor je website
Zet gerelateerde websitecontent om in een gerichte, responsieve tabbladervaring. Bouw tot 15 html tabs met onafhankelijke navigatielabels, kaartcontent, optionele afbeeldingen en knoppen — geen code nodig.
Een Tabs-widget maken
Voeg je tabbladen toe en rangschik ze
Maak tot 15 tabbladen, herschik ze en geef elk een navigatielabel, kaarttitel, beschrijving, optionele afbeelding en knop.
Kies een lay-out en uiterlijk
Selecteer horizontale of verticale navigatie, positioneer afbeeldingen, lijn tekst uit en pas het thema, de kleuren, het lettertype, de radius, de breedte en de zichtbaarheid per apparaat aan.
Insluiten op je website
Bekijk een voorbeeld van de widget, kopieer de gegenereerde insluitcode en plaats deze op een pagina die aangepaste HTML of codeblokken ondersteunt.
Maak lange pagina's makkelijker te scannen
Geef elk tabblad zijn eigen content
Gebruik aparte tabblad- en kaarttitels, voeg een beknopte beschrijving toe en toon of verberg een afbeelding en CTA-knop voor elk item. Knoplinks openen standaard in een nieuw tabblad.
Pas tabbladen aan je content en scherm aan
Plaats de navigatie boven of naast de kaart. Horizontale tabbladen passen zich aan de desktopbreedte aan en scrollen op mobiel, terwijl lange verticale lijsten naast de kaart scrollen. Je kunt ook het openingstabblad, de afbeeldingspositie en de tekstuitlijning kiezen.
Style en toon de widget op jouw manier
Begin met een licht of donker thema, maak een aangepast kleurenpalet, kies een lettertype en hoekradius, stel een volledige of maximale breedte in, en bepaal of de widget op alle apparaten, desktop of mobiel verschijnt.
Waar je de tabbladen-widget kunt gebruiken
Voeg content met tabbladen overal toe waar bezoekers gerelateerde details willen vergelijken of doorbladeren zonder lang te scrollen.
Productpagina's om functies, specificaties, installatienotities, reviews en retourbeleid te scheiden.
Prijspagina's om abonnementsdetails, add-ons, veelgestelde vragen, factureringsnotities en vergelijkingspunten te ordenen.
Servicepagina's om pakketten, branches, deliverables, tijdlijnen en boekingsprompts te tonen.
Cursus- en evenementpagina's om roosters, modules, sprekers, vereisten en registratiegegevens op te splitsen.
Ondersteuningspagina's om onboarding-, account-, facturerings-, probleemoplossings- en contactinformatie te groeperen.
Portfoliopagina's om projectoverzicht, proces, resultaten, testimonials en volgende stappen te presenteren.
Voordelen van website-widgets van Jotform
De widgets van Jotform maken je website interactiever en verhogen de conversie. Er zijn veel verschillende tools beschikbaar, van sterbeoordelingen en sliders met recensies tot pop-ups met beoordelingen en ingesloten mediabestanden. Je kunt widgets aan je formulieren of landingspagina's toevoegen om gegevens te verzamelen, klantervaringen te tonen en leads te genereren zonder dat je hoeft te coderen.
Voeg Jotform-widgets toe aan je website met een eenvoudige insluitcode. Pas de widget aan, bekijk een voorbeeld en plak deze op elke pagina die aangepaste HTML of insluitblokken ondersteunt, zonder dat je daar een ontwikkelaar voor nodig hebt.
Gebruik website-widgets van Jotform om leads te verzamelen, feedback en ervaringen van klanten te tonen, mediabestanden in te sluiten of handige tools aan je webpagina toe te voegen. Met elke widget kun je de bezoekers van je website een soepelere ervaring bieden.
Het klantenserviceteam van Jotform staat 24/7 voor je klaar als je hulp nodig hebt bij het instellen, aanpassen of insluiten van je widget. We lossen problemen snel voor je op, zodat je meteen weer aan de slag kunt.
Transformeer leads in betalende klanten met de Jotform Formulierbouwer
Zet online betrokkenheid om in resultaten met Jotform. Maak krachtige formulieren waarmee je op één plek leads kunt verzamelen, betalingen kunt ontvangen en reacties kunt automatiseren. Je ontvangt elke inzending rechtstreeks in Jotform Inbox, zodat je deze meteen kunt opvolgen of aan je favoriete apps kunt koppelen.
Ga aan de slag — Het is gratis!
Veelgestelde vragen
Wat is een Tabs Widget?
Een Tabs Widget is een insluitbare sectie die gerelateerde websitecontent achter klikbare tabbladen organiseert. Bezoekers kunnen van onderwerp wisselen zonder de pagina te verlaten.
Hoeveel tabbladen kan ik toevoegen?
Wat kan ik aan elk tabblad toevoegen?
Welke lay-outs zijn beschikbaar?
Kan ik het eerste tabblad dat bezoekers zien wijzigen?
Hoe kan ik de Tabs Widget aanpassen?
Kan ik de breedte van de widget en de zichtbaarheid per apparaat regelen?
Heb ik code nodig om het aan mijn website toe te voegen?