Browse Documentation
Back to Integration Overview
🛒

WooCommerce Integration

E-commerce • Plugin / Embed Script / Webhooks

Connect your WooCommerce store to capture pre-purchase product inquiries, wholesale request forms, or custom order checkout details.

Method 1: Product Description & Custom HTML Block

You can insert the form snippet directly inside any WooCommerce Product description or custom shop page block.

<!-- WooCommerce Product / Page Embed -->
<div id="woocommerce-form-container" data-form-id="YOUR_FORM_ID"></div>
<script src="https://email-marketing-liart.vercel.app/api//widget.js" async></script>

Method 2: WooCommerce Order Webhooks

If you want to trigger form responses or notifications automatically when an order is created:

  1. Go to WooCommerce > Settings > Advanced > Webhooks.
  2. Click Add Webhook and set Status to Active.
  3. Set Topic to Order Created or Order Updated.
  4. Paste your Form App Webhook URL into the Delivery URL field.
  5. Click Save Webhook.