Product Cards Widget

Create Product Cards for Your Website

Build a no-code product card widget with curated products, images, prices, old prices, badges, CTA buttons, grid or carousel layouts, and responsive styling.

Create Your Product Cards Widget - It's Free!
Create Product Cards for Your Website Hero Bg Image

How to embed Product Cards Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Add Product Images, Prices, Badges, and Links

Create up to six manually curated cards with product images, names, descriptions, current prices, old prices, promo badges, CTA text, and product URLs.

Product fields include:

Product imageProduct URLCurrent priceOld pricePromo badge
Add Product Cards
Add Product Images, Prices, Badges, and Links

Customize the Product Card Style

Match your storefront or campaign design with light or dark mode, widget colors, card colors, price colors, badge colors, button colors, rounded corners, shadows, branding, and scoped custom CSS.

Style controls include:

Light or darkCard colorsBadge colorsButton colorsCustom CSS
Style Your Cards
Customize the Product Card Style

Choose Grid or Carousel Layouts

Use a full product grid or carousel-style card set, choose desktop columns, set the widget width, tune card spacing, adjust image ratio, and control desktop or mobile visibility.

Layout controls include:

GridCarouselColumnsImage ratioDevice visibility
Set Layout
Choose Grid or Carousel Layouts

Drive Visitors to Product Pages

Show CTA buttons, open product links in a new tab, and keep every card clickable so visitors can move from a landing page, homepage, or blog post to the product they want.

Action controls include:

CTA buttonProduct linkNew tabClickable cardBadge label
Add CTAs
Drive Visitors to Product Pages