Conversion · Detected Button Widget

Make the buttons you already have work harder

Point WidgetJar at your Add to cart, Download or Call button. Track every click with product details, collect back-in-stock emails, keep the button in reach and offer a coupon at the right moment, without touching your theme.

  • Shopify
  • WooCommerce
  • WordPress
  • Webflow
  • Wix
  • Plain HTML
oakandclay.shop/products/stoneware-vase
Live demo

One button, nine jobs. Try them all.

Each tab is a real Detected Button template running on a sample product page. Click the button and watch what WidgetJar would report. Nothing leaves your browser.

Smart add to cart. Track add-to-cart clicks with product details and collect back-in-stock requests.

oakandclay.shop/products/stoneware-vase

The product is sold out, so the button offers an email alert. Leave your email.

Visitor actions

Oak & Clay · product page

0 new
  • Click the button on the page. Each action shows up here the way your integrations receive it.

Send toGA4 logoGA4Slack logoSlackWebhooks logoWebhooks

Live in Three Steps

No theme edits, no developer, no new buttons to design.

01

Point at your button

Click Pick in the live preview and choose the button on your own page. Add to cart buttons on Shopify and WooCommerce are found for you; any other button takes a CSS selector.

Stoneware vase · $48.00Add to cart

form[action*="/cart/add"] [type="submit"]

02

Choose what it does

Start from one of nine templates or switch on the behaviors you need: click tracking, a back-in-stock form, a sticky copy, a tip, an offer, a nudge, an email gate or a confirmation.

Track clicks as add_to_cart
Back-in-stock alert
Sticky copy on mobile
Ask before removing
03

Publish and connect

Add the embed script once. Clicks and email requests reach GA4, Slack, HubSpot, Google Sheets, webhooks and the other tools you connect.

<script src="…/embed.js" async></script>
Your button is live

Nine Ways to Make One Button Convert

Turn on one behavior or combine several. Each one takes your colors, corner radius and font, and leaves your theme untouched.

Click Tracking With Product Data

Every click is reported under the event name you choose, like add_to_cart, with the product name, price, currency and SKU read from the page.

Back-in-Stock Alerts

When the button says Sold out or Out of stock, an email form appears right under it. You pick the words that mean sold out.

Sticky Add to Cart

When the button scrolls out of view, a bar with the product, price and a copy of the button appears at the top or bottom, on mobile, desktop or both.

Tips Next to the Button

A short reassurance such as free shipping or easy returns, shown under the button at all times or as a tooltip on hover.

Offer After the Click

Thank the visitor after they click and hand them a coupon code they can copy with one tap. You set how long the message stays.

Attention Nudges

Pulse, shake, glow or bounce the button when a visitor lingers without acting, up to three times, and never again after they click.

Email Before the Action

Ask for an email before a download or any other click goes through, then continue straight to it. Ask once per browser, or on every click.

Confirm Before the Action

Ask “Remove this item?” before a destructive click and offer a code to keep it. The original click only happens if they confirm.

Call & WhatsApp Tracking

Count clicks on phone, SMS, email and WhatsApp links anywhere on the page as leads, with the channel and number, and no selector to set.

Built for Every Kind of Button

Add to cart, Download, Call us: the Detected Button widget works with the buttons your site already has, whatever they do.

oakandclay.shop/products/stoneware-vase

More from every product page

Online Stores

Connect to your Shopify or WooCommerce Add to cart button and give it a second job: report each add to cart, keep it in reach, and turn a sold-out page into a waiting list.

  • add_to_cart events with product, price and SKU in GA4
  • Back-in-stock emails collected under sold-out buttons
  • A code for the next item, or a reason to keep one in the cart
northwind.studio/resources

An email for every catalog

Downloads & Lead Magnets

Keep your existing Download links. Visitors leave an email and tick consent, then the download starts right away, and the lead lands in your CRM or email list.

  • Works on links to PDFs, catalogs and price lists
  • Asked once per browser, so returning visitors go straight through
  • Leads reach HubSpot, Mailchimp, Brevo and other connected tools
brightsmile.dental/contact

Know which calls came from the site

Local Businesses & Services

Clinics, salons, agencies and trades get most leads by phone and WhatsApp. Count every tap on those links, and get a message the moment it happens.

  • Phone, SMS, email and WhatsApp links detected automatically
  • Channel and number sent with each click
  • Alerts in Slack, Telegram or by SMS through Twilio

Every Click, Where You Need It

Connect analytics, chat, CRM and automation tools from the widget’s Integrations tab. Product name, price, currency and SKU travel with each click when the page has them.

Clicks

12 tools

Tick the actions each tool should hear about. GA4 receives button clicks under the event name you chose, such as add_to_cart.

  • Visitor clicks the button
  • Visitor clicks a phone, email or WhatsApp link

Email requests

20 tools

Back-in-stock requests and emails left before an action arrive like a form submission, with consent, in every connected tool.

  • Visitor asks to be notified when a product is back
  • Visitor leaves an email before a download or other action

Frequently Asked Questions

Everything you need to know about the Detected Button Widget

Give Your Best Button a Second Job — Free

Pick a template, point it at your Add to cart, Download or Call button and publish. Your theme stays exactly as it is.

No credit card required · Free to start