Button Shortcode for Popup
Hi,
I have a button created from a shortcode and I am trying to get it to fire a popup.
I tried to derive instructions from many tutorial videos and other discussions but could not make this work. These are some of the things I've tried.
[button title="Suggest a Membership" icon="icon-link" icon_position="left" class="open-mfn-popup" data-mfnpopup="#mfn-popup-template-507" link="#mfn-popup-template-507" target="_blank"]
and without the hashtag, which I tried first
[button title="Suggest a Membership" icon="icon-link" icon_position="left" class="open-mfn-popup" data-mfnpopup="mfn-popup-template-507" link="#mfn-popup-template-507" target="_blank"]
and without the link
[button title="Suggest a Membership" icon="icon-link" icon_position="left" class="open-mfn-popup" data-mfnpopup="#mfn-popup-template-507" link="#" target="_blank"]
and without the hashtag in the data attribute
[button title="Suggest a Membership" icon="icon-link" icon_position="left" class="open-mfn-popup" data-mfnpopup="mfn-popup-template-507" link="#" target="_blank"]
All I've been able to get was an error
My popup is set to open on click and here is what is shown
What am I missing?
Thanks!
Comments
Oh yes, I also tried the inline shortcode for POPUP but on that instruction page here:
https://muffingroup.com/betheme/elements/popup/
There are no instructions for adding the content of a popup like those shown. There are examples that fire on that page, but none of the content that shows in the popups is in the sample popup shortcode.
Hi,
The Button shortcode does not have a Functional Button option.
To achieve this, use the Button element in BeBuilder. Choose Open popup in the Functional Button option and insert the Popup ID including #
If you want a builder element to be positioned inline, similar to a shortcode, go to the Advanced > Dimensions tab and select Width: Inline
Also, remember to set Display Conditions to Entire Site when saving the popup.
yeah, I was using a prebuilt section that was already built that way and only allowed for shortcode for the button, so I thought I was locked into using it.
I don't know why I thought that.
I'll just re-engineer it to use a standard button.
Thanks!
You're welcome.