Get Started Now ā€” Itā€™s Free!

Product Recommendations Widget

Create a Floating Product Recommendations Widget for Your Website

Build a no-code recommendation card with selected products, product images, prices, badges, carousel controls, responsive placement, and session display settings.

Create Your Product Recommendations Widget - It's Free!
Create a Floating Product Recommendations Widget for Your Website Hero Bg Image

How to embed Product Recommendations 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.

Learn more

Add Product Images, Prices, Links, and Tags

Build a curated recommendation list with product names, images, descriptions, prices, product URLs, categories, and tags. Reorder products as campaigns change.

Product fields include:

Product imageProduct URLPriceTag badgeDescription
Add Products
Add Product Images, Prices, Links, and Tags

Customize the Recommendation Card

Choose light or dark mode, update card colors, product card colors, badge colors, image radius, card radius, drop shadow, branding, and scoped custom CSS.

Style controls include:

Light or darkCard colorsBadge colorsCorner radiusCustom CSS
Style Your Widget
Customize the Recommendation Card

Control Floating Placement and Visibility

Place the card on the left or right side of the screen, set bottom and side offsets, choose the card width, and control desktop or mobile visibility.

Layout controls include:

Left or rightCard widthOffsetsDesktopMobile
Set Placement
Control Floating Placement and Visibility

Use Carousel and Session Display Controls

Show one, two, or three products at a time, turn carousel arrows on or off, open product links in a new tab, and hide the card after close or product click for the current session.

Behavior controls include:

Carousel arrowsVisible productsNew tab linksClose buttonSession hide
Tune Behavior
Use Carousel and Session Display Controls