웹사이트 위젯

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 your Product Recommendations into WordPress

1Get your embed code

After customizing your Jform 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 Jform 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, 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 URL가격Tag badge설명
제품 추가
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 radius맞춤설정 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 widthOffsets데스크탑모바일
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