PopUp Contact Form button – Why 2 Html Blocks – Elementor

[harshwe]

Very Important:
Hello Luke,

I am using custom HTML block to be placed inside “Before Add to Cart button” option under Theme settings > Single Product > Add to Cart Options. This is intended as a Pop Up Button for Contact form (where customers can place their query from each product page, With Elementor on staging2 site)
https://i2.paste.pics/HYM69.png

The same way it is currently on Live site and working correctly on Product page.
https://i2.paste.pics/HYMAK.png
https://www.vasangini.com/product/reversible-patch-work-indian-kantha-quilt-bohemian-twin-bedspread

For that, I created PopUp contact form button using WPBakery on Live site, with just ONE HTML Block. Means the PopUp Element and the Form (inside Infobox) are within Just ONE HTML Block
As can be seen here – https://i2.paste.pics/HYMF3.png
https://i2.paste.pics/HYLW0.png

However, I could Not find the way to create the same PopUp button with the Contact Form using Elementor within ONE Html Block. I had to create Two HTML blocks to achieve the same desire feature.
https://i2.paste.pics/HYLVM.png

1. a) Can I ask why so. Am I missing something or doing the wrong way. Can you please suggest how to create the same using just One HTML Block

PS: If require, please create the New HTML block from your side in order to create a PopUp button including Contact Form.

b). Also, the button is showing in Center. Can I ask, why so.
https://i2.paste.pics/HYM3R.png
How can we place it Left Aligned position (like it is showing in Live site)

Regards

• This topic was modified 2 years, 4 months ago by harshwe.

Hello,

In the Elementor it works a little bit differently so you need to add to the “Popup” element another block or contact form from plugins.

b) You need to enable the “Right” alight for the button (more detail on the below screenshots).

https://prnt.sc/oo0gEtz_1Xaa

https://prnt.sc/uY7x0ZgKcOGI

Kind Regards

[Author]

Posts