Best Way to Embed a Jotform Checkout Form on WooCommerce Site?

  • carthenljames
    Asked on April 14, 2025 at 7:03 AM

    Hi Jotform team,

    I’m experimenting with Jotform’s payment forms as an alternative checkout for a WooCommerce-based shoe store I manage: https://theoncloudshoes.com/

    I want to:

    • Embed a Jotform checkout form directly on product pages
    • Let customers pay via Stripe/PayPal through the form
    • Still track orders in WooCommerce if possible

    Is there an official method or workaround to sync Jotform orders with WooCommerce, or is this best handled manually via Zapier or webhook?

    Appreciate any guidance or examples from others who’ve tried a similar setup.

  • Mahmoud JotForm Support
    Replied on April 14, 2025 at 8:57 AM

    Hi carthenljames,

    Thanks for reaching out to Jotform Support. You can check our guide about How to Add a Custom Form to WooCommerce. To get the iFrame code, you can follow the steps below:

    1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
    2. In the menu on the left side of the page, click on Embed.
    3. Now, select the iFrame method and click on Copy Code.
    4. Paste your code into your webpage's embed area as mentioned above, and that’s it.

    Best Way to Embed a Jotform Checkout Form on WooCommerce Site? Image 1 Screenshot 20

    Regarding your other question, I have moved it to a new thread to avoid confusion. You can check my reply here.

    Reach out again if you have any other questions.

  • carthenljames
    Replied on April 17, 2025 at 3:28 AM

    I follow the guidelines and now it working

Your Answer