Buy Button Widget

Create a Buy Button That Turns Browsing Into Checkout

Build a no-code purchase CTA for product pages, carts, checkouts, bundles, and limited-time offers. Set the destination URL, choose embedded or floating placement, edit the message, and style the button to match your site.

Create Your Buy Button - It's Free!

How to embed Buy Button 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

Send shoppers to the right purchase page

Link the button to a product page, cart, checkout, payment link, bundle page, or promotion so visitors can move from interest to purchase faster.

Purchase-focused controls include:

Checkout URLCart URLProduct pageOffer pageNew-tab option

Set Purchase Link

Choose embedded or floating placement

Add the button inside a product section or keep it visible while shoppers scroll through a long collection, launch, or campaign page.

Placement options include:

EmbeddedFloating8 positionsSide offsetBottom offset

Choose Placement

Add a clearer purchase message

Use a main label and short supporting text above or below the button so shoppers know what happens after the click.

Content controls include:

Main labelText aboveText belowShow iconIcon position

Edit Buy Copy

Style the button and control visibility

Adjust button and text colors, context text colors, sizing, corner radius, shadow, desktop and mobile visibility, branding, and scoped custom CSS.

Style controls include:

Button colorsText colorsSizingMobile visibilityCustom CSS

Style Your Buy Button