How to add multiple product in my form and embed to website

Hello,

Our client website has different products.

Is it possible to create a quote form for different products?

When the form is submitted.

Our client can see the products submitted by the user.

Hope you understand what I mean.

Thanks!

Hi esupport tw,

Thanks for reaching out to Jotform Support. I understand that you want to create a quote form for different products. Yes, this is possible, if you can explain your requirement with a bit more details about the flow I can help you with a proper solution. Are you saying that there will be separate forms for each product? Is the form going to be embedded to the same website?

Once we hear back from you we can move forward with a solution.

Hi,

Here is the site I would like to modify.

https://www.weche.com.tw/en/product/atlas-cabinet/

The product page is now build with woocommerce.

I would like to use Jotform for all the products with only one form.

Hope it can do it.

Thanks!

Hi esupport tw,

I've checked the website, and I can see that the products are being added to the quote page and then there is a form that needs to be filled out underneath. Unfortunetly, it won't be possible to transfer the selected products from the website into the embedded form. You will need to list the products on the form itself and then embed the form on the website since it won't be possible to pass the selected product into the form. If that is what you are not referring to can you please explain which kind of modification are looking for?

Reach out to us if you need any more help.

Do you mean I have to add all the products to the form?

Thanks!

Hi esupport tw,

Yes, if you want to use Jotform to show your product, you can use our Product list and add multiple products, Let me walk you through how to add more products to the Product List element:

1. In the Form Builder, select the Product List element.

2. Click on the Cart icon to open its Settings.

3. Next, click on the Create Product Button and specify its name and price.

4. Lastly, click on Save.

Additionally, if you want to embed your form on your website, we have several options for Which Form Embed Code Should You Use. We strongly advise using Iframe code. It is very simple to embed your form on a webpage. Let me show you:

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, click on the embed option you want to use, and copy the code.
4. That's it. Embed your link on your webpage and you're done.

Give it a try and let us know how it goes.

Noted.

Thank you!