Shortcode in button link

Hi,

you need to read the docs about nested shortcodes – https://gndev.info/kb/how-to-use-another-shortcodes-inside-of-attributes/

Btw, you can’t use forms inside of buttons.

I need for the button to open a lighbox (using another plugin) which contains a form. I’ve been playing around with this.

<div style=”display:none” class=”fancybox-hidden”><div id=”apply”>
[formidable id=32]
</div></div><a1 href=”#apply”>[button color=”red” size=”4″ style=”soft” dark=”0″ radius=”round” icon=”icon: arrow-right”]Apply Now[/button]</a1>

Thanks for the quick response. Is there some way around that? If I use the [a href] without the button a link appears and the lightbox+form opens. But I’d love to use a button to do this.

You need to try to wrap button into span instead of another anchor.

<span data-href="#apply">[button]</span>

Or, you can try to use custom CSS class for this button

[button class="open-apply-window"]

and then in jQuery

$('.open-apply-window').click(function(e) {
   e.preventDefault();
   // Open light-box here
});

Thanks bud.

I got this to work like this:

<div style=”display:none” class=”fancybox-hidden”><div id=”apply”>
[formidable id=32]
</div></div>[button link=”#apply” class=”fancybox” color=”red” size=”4″ style=”soft” dark=”0″ radius=”round” icon=”icon: arrow-right”]Apply Now[/button]

Your plugin is awesome!