Need raw content for pro footer

I have a website, http://agelessappealmedspa.com that has a “book now” raw code that allows a user to book an appointment. This works fine there however the client, also wanted it in their footer. Pro footer doesn’t have a raw content element so I had to use content container, but the same code used there doesn’t work the same. It’s like the javascript doesn’t pick up.

<div class="wsb-htmlsnippet-element"><div style='width: 300px; margin: 0 auto; text-align: center;'><script src='https://www.vagaro.com/JS/WidgetPopup.js?1=2' type='text/javascript'></script><script src='https://www.vagaro.com/JS/WidgetMobile.js?1=1' type='text/javascript'></script><a id='vagaroWidget23785_635779853308937861' href='https://www.vagaro.com/salon-software'><img alt='Salon Software' src='https://1a96a36bae7c8550901a-274b8a70320bb26e7a1e0ea7836ee429.ssl.cf2.rackcdn.com//Images/booknow_2.jpg' style='padding: 0; margin: 0; border: 0; outline: 0;'></a><script type='text/javascript'>/*<![CDATA[*/var newDiv = document.createElement('div'); function OpenWidgetPopupFromPage_23785_635779853308937861(isOpen) { OpenWidgetPopup(isOpen, newDiv, 'https://www.vagaro.com/Users/BusinessWidget.aspx?enc=MMLjhIwJMcwFQhXLL7ifVG4pDUbW0EkEDmE0bZUejhKT44hAzKRX0PLg18D9HjpLT8ZaelgRvGboiJmO+C7agfeIfV07emtD5ks2Fnn+dEMzs+Emz35TK4+QSXTsNgP3'); }(function () { var w = document.getElementById('vagaroWidget23785_635779853308937861'); if (w) { var f = function (e) { e.preventDefault();  if (window.IsmobileDevice()) { window.open('//m.vagaro.com/ShopDetail/mShopDetail.aspx?BusinessID=23785'); return; } OpenWidgetPopupFromPage_23785_635779853308937861(true); };if (w.addEventListener) { w.addEventListener('click', f, false); } else if (w.attachEvent) { w.attachEvent('onclick', f); } } }(window));/*]]>*/</script></div></div>

Hello @MulderDSM,

Thanks for asking. :slight_smile:

I suggest you to use Text element in Pro Theme footer builder. Here’s a screencast you can take a look to get started.

Thanks.

I replaced the Content Area with a Text, but the same issue is happening. I still need help. This works elsewhere on the page just not in a Pro Footer.

Hello @MulderDSM,

Thanks for updating the thread. :slight_smile:

The code you have shared is working fine on my end. Can you please share website login details of your website in secure note so that we can take a closer look at your setup?

Thanks.

Here’s a video that shows the issue. I will add log in info to secure note.

Hello @MulderDSM,

Thanks for updating the thread.

I am unable to login to the backend and it seems that you have activated verification code system. So the system is sending verification code to the email address associated with the account.

So the time being will it be possible for you to disable verification process so we can take a closer look?

Thanks.

Sorry about that! I’ve turned that off.

Any updates here?

Hi @MulderDSM,

I tried it on my installation and it works fine, then I tried it outside footer on your site ( a test page ) and it works but sometimes not. I tried some workaround but none help, now, the only difference that I can see from your site and mine is the theme version (though, it works on my older version too). Could you try updating your Pro theme first and test it again?

Thanks!

I’ve updated the theme. Here’s what I’ve also discovered. If you go to a page that doesn’t have a button for it in the main content, then it works. If the page has a button for it within the main content that button works but the footer version doesn’t. It must not be able to be presented twice on the same page.

Hi again,

It looks like that might be the case afterall. The button uses a unique ID so it probably detects the code on the page already and does nothing.

There could be workarounds with custom development that make additional buttons trigger a click on the main button (in the footer). This would be outside the scope of support we can offer however. You might want to reach out to the vendor who provided the embed code. Tell them you have a large page and you want the button somewhere towards the top of the page but also reinforced in the footer. This is a pretty common practice when developing sites so hopefully they can find a way to accommodate it. Another idea would be if the site lets you generate multiple embed codes. Maybe you just need a separate code to use in the footer.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.