Product Catalog Widget

Product Catalog Widget Features

Use Product Catalog features to create a responsive product display from manual entries, a public Shopify domain, or an uploaded CSV, XLSX, or XLS file. Control how visitors search, filter, sort, view product details, and open product pages.

Create Your Product Catalog - It's Free!
Product Catalog Widget Features Hero Bg Image

How to embed Product Catalog 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 Products from a Public Shopify Domain

Enter a shopname.myshopify.com domain to load product data and create catalog cards with titles, images, prices, vendors, product types, tags, and product-page links.

Shopify source supports:

Product titlesProduct imagesPricesVendorsProduct links
Add Products
Add Products from a Public Shopify Domain

Import Products from a file

Upload a CSV, XLSX, or XLS file to publish a curated catalog from rows with product titles, descriptions, prices, image URLs, product URLs, vendors, product types, and tags.

File fields include:

TitleDescriptionsPriceImage URLProduct URL
Import Products
Import Products from a file

Customize Layout, Cards, and Product Buttons

Choose carousel, grid, or list layouts, then tune catalog width, desktop columns, image ratio, card radius, text alignment, light or dark theme, colors, product detail visibility, and button styling.

Design controls include:

Carousel layoutGrid layoutList layoutImage ratioButton styling
Customize Layout
Customize Layout, Cards, and Product Buttons

Showcase Product Details

Display the information customers need to make purchasing decisions, including product images, titles, descriptions, vendors, product types, tags, and links.

Product details include:

Product imagesTitlesDescriptionsVendorsProduct links
Showcase Details
Showcase Product Details

Publish Anywhere

Publish your catalog on any website in minutes using a copy-and-paste embed code. Updates appear automatically, so your catalog stays current without extra work.

Publishing supports:

Embed codeAny websiteCopy and pasteAuto updatesCurrent catalog
Publish Catalog
Publish Anywhere