Productkaart-widget voor je website
Maak een responsief raster met productkaarten voor aanbiedingen, lanceringen, cadeaugidsen en uitgelichte collecties. Voeg productafbeeldingen, namen, beschrijvingen, prijzen, oude prijzen, promobadges en CTA-knoppen toe en style de kaarten vervolgens zonder code.
Een Product Cards-widget maken
Productkaarten toevoegen
Voer productnamen, afbeeldingen, beschrijvingen, prijzen, oude prijzen, promobadges, CTA-tekst en productlinks in voor maximaal zes producten.
Pas de lay-out aan
Kies de raster- of carrouselmodus, stel de desktopkolommen in, pas de afbeeldingsverhouding en tussenruimte aan en beheer de desktop- of mobiele zichtbaarheid.
Insluiten op je website
Bekijk een voorbeeld van de productkaarten, sla je widget op en kopieer de gegenereerde insluitcode voor je winkel, landingspagina of blog.
Zet geselecteerde producten om in een strakke, klikbare kaartensectie
Stel tot zes producten samen
Stel handmatig een gerichte productset samen met afbeeldingen, product-URL's, prijzen, oude prijzen, beschrijvingen en badges. Gebruik het voor uitverkoopartikelen, bestsellers, nieuwe binnenkomers, bundels en campagnecollecties.
Stijl elk kaartdetail
Kies de lichte of donkere modus, update de achtergrond-, tekst-, badge-, prijs-, rand- en knopkleuren, stel de kaart- en afbeeldingsradius af, voeg schaduwen toe en gebruik scoped custom CSS wanneer je extra controle nodig hebt.
Pas de lay-out aan voor elk apparaat
Stel de rasterkolommen, kaarttussenruimte, afbeeldingsverhouding, widgetbreedte, desktopzichtbaarheid en mobiele zichtbaarheid in, zodat je productkaarten leesbaar blijven op telefoons, tablets en brede webshoppagina's.
Stuur bezoekers naar productpagina's
Elke kaart kan een CTA-knop tonen en de bijbehorende productlink in een nieuw tabblad openen, waardoor bezoekers vanuit een campagne, gids of paginasectie sneller bij het gewenste artikel komen.
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 je productkaarten-widget kunt gebruiken
Gebruik de widget overal waar een beknopte, visuele set producten bezoekers helpt om artikelen te vergelijken of sneller naar productpagina's te springen.
Homepagesecties om nieuwe binnenkomers, uitgelichte producten of actuele aanbiedingen te belichten.
Campagne-landingspagina's om een korte uitverkoopcollectie of lancering te presenteren met directe productlinks.
Cadeaugidsen en blogposts om redactionele content te koppelen aan relevante producten die bezoekers kunnen kopen.
Collectiepagina's om bestsellers, bundels, accessoires of tijdelijke aanbiedingen in de kijker te zetten.
Webshops van kleine bedrijven die een raster met productkaarten nodig hebben zonder maatwerk in de frontend.
Seizoensacties waarbij promobadges en oude prijzen bezoekers helpen om de aanbieding snel te overzien.
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 productkaarten-widget?
Een productkaarten-widget is een responsieve kaartensectie die geselecteerde producten toont met afbeeldingen, beschrijvingen, prijzen, oude prijzen, badges en links.
Hoeveel productkaarten kan ik tonen?
Kan ik het ontwerp aanpassen?
Kan elk product naar een productpagina linken?
Werkt het als raster en carrousel?
Werkt de aftelklok op mobiele apparaten?
Scant deze widget automatisch productpagina's?
Moet ik code schrijven?