Activate on Button Click
-
Hi,
I’m trying to make a popup open. The popup contains only a formidable pro form short code only.
I’m trying to use a button as a trigger, but no luck so far. Am I assigning the ID wrong?
version one:
[button id=”popmake-684″ type=”big” color=”red”] Link text[/button]version two:
[button type=”big” color=”red”] <span id=”popmake-684″>Click Here to Open Popup</span>[/button]Neither version is working at all. Any thoughts on what I could try?
Thanks!
-
@saleshigher – Sorry for the confusion. You need to adjust and use class not id. The popup itself has an id of popmake-684, and any element with a class of popmake-684 will trigger it to open.
Hope this helps.
Hi Daniel,
Thanks for that! I changed ID to Class but the button trigger popup still isn’t working. I tried both of the variations above (with ID changed to Class), but still nothing.
I thought it was a JS problem but the console doesn’t show any red at the bottom when I hit F12.
Even more odd is that the popup is working on every page of the site EXCEPT the one I want it to. When I select “On Entire Site” it pops up on every page except the one it is meant to popup on. And when I narrow it to the proper page there is no timed popup at all.
I tried switching from specific pages to specific posts and the same problem repeated itself. I was able to show the popup site-wide, EXCEPT the post it was created for. And when I clicked on the button that didn’t work either.
Any thoughts one what could be the problem?
Thanks!
Update: Looking in on the console, I found the following error:
Uncaught ReferenceError: frmFrontForm is not defined
What can I do about this?
Thanks!
Do you have a link i can look at. Likely the button shortcode either doesn’t support the class attribute or putting html inside the button. In either of those cases the proper class is not getting added. You may try moving the span to the outside of the button shortcode wrapping the button.
That said it should work unless there is something else going on.
Hi Daniel
Sure can you check
http://experienced.com.sg/hello-world/#
Also, I found the message Uncaught ReferenceError: frmFrontForm is not defined in the console
Cheers
@saleshigher – Ok so formidable forms doesn’t load its JS & CSS unless it detects a form in the content of the hello world post, or in a widget somewhere.
This is a known problem and there is a solution that was written for Popup Makers predecessor (Easy Modal) available here. https://easy-modal.com/documentation/tos/using-formidable-forms-easy-modal
The same solution will work with Popup Maker
Hi Daniel,
Thanks for that. If I switch forms that might solve the problem. Do you know if Quforms works well inside Popup Maker? Any other form solutions that you might recommend as fitting well with Popup Maker? How about Contact 7?
Thanks!
@saleshigher – Sure there are 3 fully compatible out of the box form plugins we recommend. Contact form 7, ninja forms & gravity forms(paid only).
Hope this helps.
Hi Daniel,
I’m currently using Popmaker and Ninja forms, but the same problem is persisting. The timed popups appear, but the button popups don’t show up.
I’m using:
[button class=”popmake-684″ type=”big” color=”red”] Pop Up[/button]
on
http://experienced.com.sg/hello-world/#Unfortunately still no pop. Any ideas?
Thanks!
Hi Daniel
I got it to work! I used
[button type=”big” color=”red”] <span class=”popmake-684″>Popup</span>[/button] and it came out ok.Thanks for all your help!
@saleshigher – This is because the shortcode [button] only accepts certain preprogrammed parameters, and likely class=”” is not one of them.
Glad you got it working, you could also have done it <span>[button]text[/button]</span> but your way is just as efficient.
Please take a moment to rate and review the plugin and or support.
PS your header is set to a very high z-index. Which means it shows above your popups. You can set the popups to a higher z-index either via css or via the z-index options under Display Settings for each popup.
Hi Daniel,
Following up on your message above (sorry for the delay!), could you tell me more about setting popups to a higher z-index? In the settings section the z-index is set as 998 (overlay) and 999 (popup z-index).
Do the values go higher than 999? If yes, what effect would that have? I’ve noticed that for phone screens the popup sizing isn’t always ideal. You can see what I mean at: http://experienced.com.sg/awnings-canopies/
Appreciate your thoughts!
@saleshigher – Sure, the z-index values can go much higher, into the millions if needed. Though they should likely never need to be that high.
Can you elaborate on what you mean by mobile sizing not being ideal so I know what I’m looking at?
The topic ‘Activate on Button Click’ is closed to new replies.