Code block as button link

Hello,

First of all – great theme, possibly the best one. And secondly fantastic support!

Now, I have tried to solve this issue with the people responsible for this code, but we couldn’t find the solution. Than, I thought, maybe some of you guys would have an idea since you basically solved most of the problems I had while using Enfold theme.

I am working on the website pronto.tirol, restaurant that accept online orders through Gloriafood online ordering system. I got this piece of code from them to implement as online ordering button:

<!– If you would like to customize the button, remove or change the “class” attribute inside the <span> tag –>
<span class=”glf-button” data-glf-cuid=”9461a941-35b6-4a22-bc0a-583a3fccdea4″ data-glf-ruid=”24e08988-acb5-4a57-a1dd-f329de1b2009″ style=”background-color: #9a242c; letter-spacing: 0.05em”> SPEISEKARTE & Bestellung</span>
<script src=”https://www.fbgcdn.com/embedder/js/ewm2.js&#8221; defer async ></script>

And this works when I use Enfolds Code Block element to show this button, as you can see at the pronto.tirol/pizzeria page. After clicking to this button I get some kind of pop-up window with menu and online ordering system.

But, now I would like to add this link to the menu item as a custom link, and also to one image. I got this link:

https://www.foodbooking.com/ordering/?restaurant_uid=24e08988-acb5-4a57-a1dd-f329de1b2009

The problem is that this link is opening new page in the same window and tab and thus navigating away from the website.

Is there a possibility to open this link – when added to the menu item or image, or even text – to open inside it’s own pop-up window above the page (much like Lightbox Modal Window) and not to navigate away from the current page? Or maybe there is the possibility to ad Custom Code element to the button, image, etc.

Thanks
Ivan