웹사이트 위젯

Product Catalog Widget

Create an embeddable product catalog for any website using manual products, a Shopify product feed, or a CSV. Show images, prices, vendors, product types, tags, and product-page buttons, then add search, filters, sorting, and responsive layouts without code.

How to create a Product Catalog widget

Add your products

제품 추가

Add products manually, connect a Shopify product feed, or upload a CSV with titles, descriptions, prices, image URLs, product links, vendors, types, and tags.

Customize your catalog

Customize your catalog

Decide which product details to show, turn search, filters, and load more controls on or off, set default sorting, and choose a carousel, grid, or list layout.

Embed it on your website

Embed it on your website

Preview the product catalog, save your widget, and copy the generated embed code for your page.

Turn product data into a catalog visitors can browse

Add your products from multiple sources

Choose a Shopify store, upload a CSV file, or add products manually. Display up to 80 products in customizable catalog cards with images, titles, prices, vendors, categories, tags, and links.

Add your products from multiple sources

Import your product catalog

Upload a CSV when you want to feature a smaller selection, wholesale list, partner catalog, or product set outside your Shopify product feed with the same product fields.

Import your product catalog

Help visitors find the right product

Let visitors search product names, descriptions, vendors, types, and tags; filter by type, vendor, or tag; and browse by title or price order.

Help visitors find the right product

Design a catalog that fits your page

Choose carousel, grid, or list layouts, then adjust width, columns, image ratio, card radius, text alignment, colors, buttons, mobile visibility, and scoped custom CSS.

Design a catalog that fits your page

Why Jform Website Widgets stand out

Jotform’s widgets make your website more interactive and increase conversions. There are many tools available, from star ratings and testimonial sliders to social proof popups and media embeds. Add widgets to your forms or landing pages to collect data, display proof, and capture leads — no coding required.

Embed widgets without coding

Add Jform widgets to your website with a simple embed code. Customize the widget, preview how it looks, and paste it into any page that supports custom HTML or embed blocks, all without a developer.

Build more interactive pages

Use Jform Website Widgets to collect leads, show customer feedback, display social proof, embed media, or add helpful web page tools. Each widget helps visitors interact with your business directly from your website.

Get support when you need it

If you need help setting up, customizing, embedding, or troubleshooting your widget, Jotform’s customer support team is available 24-7. You can move forward with confidence, knowing that help is there when you need it.

Where to use your Product Catalog widget

Embed a focused product catalog wherever visitors need to compare products before opening the matching product page.

Campaign landing pages to feature new arrivals, seasonal products, or a curated product set.

Blog posts and buying guides to pair recommendations with direct product links.

Brand websites to show selected products without rebuilding a full storefront.

Wholesale or catalog pages to organize product lines from uploaded CSV data.

Event and pop-up shop pages to preview items available during a limited campaign.

Partner pages to promote a shared product list with buttons that open each product page.

Convert leads into paying customers with the Jform Form Builder

Turn engagement into action with Jotform. Create powerful forms that capture leads, collect payments, and automate responses, all in one place. Every submission lands in your Jform Inbox, where you can follow up or connect with your favorite apps.

시작하기무료입니다!
Convert leads into customers

자주하는 질문

  • What is the Product Catalog widget?

    It is a website widget that displays products from manual entries, a Shopify product feed, or an uploaded CSV in a searchable, filterable catalog you can embed on a web page.

  • How does the Shopify product source work?

  • Which Shopify product feed should I use?

  • Can I add products manually?

  • Does this require a Shopify app or API keys?

  • How many products can it show?

  • Can visitors buy products inside the widget?

  • Can I customize the layout?

  • Can I customize colors and styles?

  • Does it work on mobile?