Code Snippets-widget voor je website
Toon codevoorbeelden in een verzorgd, insluitbaar blok dat bezoekers kunnen lezen en kopiëren. Voeg snippets toe, kies talen, wissel tussen tabblad- en gestapelde lay-outs, geef het codevenster stijl en publiceer je Jotform Code Snippets-widget op elke website zonder te coderen.
Een Code Snippets-widget maken
Voeg je codevoorbeelden toe
Maak snippets voor echte documentatiebehoeften, zoals installatiecommando's, API-verzoeken, responsvoorbeelden, CSS-helpers of tutorial-code. Voeg een titel toe, kies de taal en plak de codebody voor elk voorbeeld.
Kies hoe snippets worden weergegeven
Gebruik tabbladen wanneer lezers tussen gerelateerde voorbeelden moeten wisselen, of gebruik een lijstlay-out voor stapsgewijze tutorials. Selecteer een codethema, vensterstijl, regelnummers, kopieerlabels, breedte, spatiëring en radius.
Sluit het in op je site
Bekijk een preview van de widget, kopieer de insluitcode en plaats je codevoorbeelden in docs, helpcentra, API-pagina's, producttutorials of installatiegidsen waar bezoekers implementatiedetails nodig hebben.
Deel codevoorbeelden die makkelijk te scannen en te kopiëren zijn
Meerdere snippets toevoegen
Groepeer gerelateerde voorbeelden in één widget, zoals installatiecommando's, API-verzoeken, JSON-responses, CSS-helpers of tutorial-code. Voeg titels in bestandsstijl, taallabels en bewerkbare codeblokken toe zodat lezers weten waar elk snippet voor is.
Kies vertrouwde codethema's
Laat technische voorbeelden thuishoren op docs, helpcentra en productpagina's. Begin met ingebouwde thema's zoals Midnight Glass, Nord, VS 2015, Zenburn, Railscast, Solarized Light of Tomorrow en pas vervolgens de belangrijkste kleuren aan zodat ze bij je site passen.
Help bezoekers snel code te kopiëren
Laat bezoekers precies het snippet kopiëren dat ze nodig hebben zonder handmatig tekst te selecteren. Voeg kopieerknoppen, gekopieerd-statuslabels, regelnummers en vensterelementen toe zodat installatiecommando's en codevoorbeelden makkelijker te volgen en hergebruiken zijn.
Beheer de lay-out en het insluitgedrag
Gebruik tabbladen voor compacte documentatie of de lijstmodus voor stapsgewijze tutorials. Stel een automatische of aangepaste breedte, spatiëring, schaduwen, branding-zichtbaarheid, desktop-/mobiele weergave en scoped CSS in zodat de widget bij je paginalay-out past.
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.
Waar je de codefragmenten-widget kunt gebruiken
Voeg de widget toe waar bezoekers implementatievoorbeelden nodig hebben zonder de pagina te verlaten.
Ontwikkelaarsdocumentatie die installatiecommando's, API-verzoeken, responsvoorbeelden en configuratiesnippets nodig heeft.
Producttutorials die installatiestappen uitleggen met HTML-, CSS-, JavaScript-, SQL-, shell- of JSON-voorbeelden.
Helpcentra die insluitinstructies, webhook-payloads, templatesnippets of probleemoplossingscommando's tonen.
SaaS-landingspagina's die compacte technische voorbeelden nodig hebben naast functie-uitleg of integratiedetails.
Onderwijssites die lescode, startbestanden en voor-en-na-voorbeelden publiceren.
Bureau- en portfoliopagina's waarop je implementatievoorbeelden naast projectcasestudy's wilt tonen.
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 Code Snippets-widget?
Een Code Snippets-widget is een insluitbaar codeweergaveblok waarmee je getitelde, syntaxopgemaakte voorbeelden op je website toont.
Kunnen bezoekers code kopiëren vanuit de widget?
Welke lay-outs zijn beschikbaar?
Kan ik regelnummers tonen?
Kan ik het codethema aanpassen?
Welke talen kan ik kiezen?
Werkt de aftelklok op mobiele apparaten?
Heb ik kennis van coderen nodig om het te gebruiken?