# Embed a Gravity Form on a WooCommerce Product Page

**URL:** <https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189>\
**Category:** General Discussion\
**Tags:** woocommerce, gravity-flow\
**Created:** [May 22, 2023, 11:42am UTC](https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189 "2023-05-22T11:42:02Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![gopavers](https://avatars.discourse-cdn.com/v4/letter/g/858c86/32.png) [@gopavers](https://community.gravityforms.com/u/gopavers)\
**Post date:** [May 22, 2023, 11:42am UTC](https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189/1 "2023-05-22T11:42:02Z")

</div>

Is it possible to embed a gravity form on the product page so when they click Add to Cart it gets submitted?

Or is it possible to embed one on the Checkout page, that gets submitted when they click Submit to pay?

Thanks,

Tim

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [May 22, 2023, 7:45pm UTC](https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189/2 "2023-05-22T19:45:33Z")

</div>

Hello. To do that, I believe you need this plugin:

> **[WooCommerce Gravity Forms Product Add-Ons](https://woocommerce.com/document/woocommerce-gravity-forms-product-addons/)**
>
> Create product add-ons using Gravity Forms With the Gravity Forms Product Add-Ons extension, advanced product configuration forms can be built and linked to any product in WooCommerce. Forms that contain conditional logic, pricing fields, user input...

---

<div class="post-metadata">

**Author:** ![gopavers](https://avatars.discourse-cdn.com/v4/letter/g/858c86/32.png) [@gopavers](https://community.gravityforms.com/u/gopavers)\
**Post date:** [May 23, 2023, 3:16am UTC](https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189/3 "2023-05-23T03:16:51Z")

</div>

Thanks Chris. Yeah, it looks like that would work to add a form to the Product page. Any idea though how a form could be added to the Checkout page?

---

<div class="post-metadata">

**Author:** ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)\
**Post date:** [May 23, 2023, 3:41pm UTC](https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189/4 "2023-05-23T15:41:31Z")

</div>

I don’t know of a way to do that in Gravity Forms. That is the only solution I’m aware of to integrate Gravity Forms and WooCommerce.

---

<div class="post-metadata">

**Author:** ![gopavers](https://avatars.discourse-cdn.com/v4/letter/g/858c86/32.png) [@gopavers](https://community.gravityforms.com/u/gopavers)\
**Post date:** [May 25, 2023, 4:36am UTC](https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189/5 "2023-05-25T04:36:22Z")

</div>

I wonder if I could just embed a gravity form on the checkout page, hide its Submit button, and somehow have its Submit button triggered when the Payment button is clicked?

---

<div class="post-metadata">

**Author:** ![JamieO](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/jamieo/32/2521_2.png) [@JamieO](https://community.gravityforms.com/u/JamieO)\
**Post date:** [May 31, 2023, 9:00pm UTC](https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189/6 "2023-05-31T21:00:38Z")

</div>

Is your goal is to have an form entry created as a result of the WooCommerce order submit?

The Gravity Flow WooCommerce extension may be a strong fit. See the [setup guide for step type](https://docs.gravityflow.io/article/218-woocommerce-extension-setup-instructions) of that approach. That would let you map specific fields/values from WC order into the entry, and have a subsequent [user input step](https://docs.gravityflow.io/article/23-configuring-user-input-step) for them to populate additional fields related to it. That extension provides [a few other step types](https://docs.gravityflow.io/article/217-woocommerce) which can provide other ways to integrate between WC and Gravity Forms that may also fit.

If you want the entry created as a result of add to cart, you might need to hook into [woocommerce\_add\_to\_cart](https://woocommerce.github.io/code-reference/files/woocommerce-includes-class-wc-cart.html#source-view.1276)

Regards,  
Jamie

---

<div class="post-metadata">

**Author:** ![gopavers](https://avatars.discourse-cdn.com/v4/letter/g/858c86/32.png) [@gopavers](https://community.gravityforms.com/u/gopavers)\
**Post date:** [June 1, 2023, 10:08am UTC](https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189/7 "2023-06-01T10:08:45Z")

</div>

Thanks. Basically this is the payment and sign-up registration form that a parent will fill out for their child for a class, and that via a webhook feeds into Fluentcrm. But using woocommerce custom fields has some limitations when it comes to feeding into fluentcrm so having a Gravity Form right on the checkout page would be ideal. I can put it on the Thank You page, which I’ve done before, but sometimes people just don’t fill it out after Payment.

Gravity Flow looks like it might work, but I’d prefer not to have yet another plugin(already WooCommerce, GF, FluentCRM, Woo Custom Thank You Pages) for this process.

I think this may be the way forward, thanks!

> [@JamieO](#):
>
> If you want the entry created as a result of add to cart, you might need to hook into [woocommerce\_add\_to\_cart](https://woocommerce.github.io/code-reference/files/woocommerce-includes-class-wc-cart.html#source-view.1276)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [July 1, 2023, 10:08am UTC](https://community.gravityforms.com/t/embed-a-gravity-form-on-a-woocommerce-product-page/15189/8 "2023-07-01T10:08:54Z")

</div>

Closed on July 1, 2023, 10:08am UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
