How to make unique popup forms in WordPress?

Question

fancyBox

Greetings dear friends.
I faced the following task:
On the site (WordPress) I need to make several buttons, when you click on each of them, a fancybox with a product image and a standard form (Name-Phone-Order) should appear.
Similar buttons with forms will need to be created and edited constantly.
The difficulty lies in the fact that I help with the site to girls who were able to master Divi Builder, but it is difficult for them to understand WP deeper.
And an option like "Go to Contact Form 7 - Create Form - Get Shortcode - Insert into Popup Maker - Add a picture there somehow" doesn't work (yes, it seems like crutches to me too).
In general, if you can advise some "elegant and simple" solution, I will be extremely grateful!

Answer 1

As far as I know, there is no "elegant and simple" ready-made solution (at least I had a similar task and did not find it) You can look in the direction of the "product enquiry for woocommerce" plugin, but I did exactly Contact Form 7 + dynamic text extension + a little code to load image + your popup.

Answer 2

Let's see the problem statement:
Why do you need "unique forms", if all have the same fields and, as I think, they are sent to the same email.
If I understand correctly, they differ only in that the letter indicates the goods. If this is the case, then it is easier to determine in PHP or JS which page we are on and insert the name of the product into the hidden form field. Then the form will be the same for all pages.

Answer 3

Use the same form, make the fields hidden if necessary, fill in their values ​​dynamically, in the case of CF7, for example, passing their values ​​through a shortcode or directly through jquery