Embed Code showing in editor, but not on published...

Benjamin11 · ‎07-09-2018

I am struggling with an issue for quite some days. I have a special script embedded in the editor for one of our clients and it loads the script smoothly in the editor preview. However, once I hit "publish" the script is not visibible in the front-end under newsroom.eintracht.de.

Taking under consideration that the script is using a SSL certificate, I also upgraded the weebly website to SSL. Unfortunately with no result in terms of front-end.

Code:

<script type="application/javascript">
storyshakerStage = 'frankfurt';
</script>


<script src="https://www.newsroom.co/eintracht/storyshaker.js" id="_STZScript" type="text/javascript" charset="UTF-8"></script>

Thanks a lot for your help,

Benjamin

Adam7 · ‎07-09-2018

It looks like the script is trying to load a jQuery library that doesn't exist. We include a library of our own, but it's not a version compatible with the script.

hernans · ‎06-19-2019

I'm experiencing a similar issue with two Lodgify widgets displaying in the editor (see photo attached below), but not when publishing to the "Rates" page of my Weebly site: www.snowgrasslodge.com.

Here's the JS code snippet for the main reservation widget:

Curiously, the "Book Now" button widget in the upper right only publishes to the Blog page of my site, but none of the other pages. Here's the snippet for that widget:

Thanks for any help. I'm not sure what else to try at this point...

Hernan

Adam7 · ‎06-19-2019

Thanks for posting, @hernans. I see a JS error in the browser console when I check that page on the live site:

Sean02 · ‎05-25-2020

I'm trying to embed a virtual appointment booking system into my website using Microsoft Bookings.

I have pasted in the pages HTML code and It shows perfectly in the editor but once I publish it and use the live version it is just blank.

I may be making a simple mistake, but I'm really not sure what to do.

Any tips would be much appreciated!

Adam7 · ‎05-26-2020

Thanks for your post, @Sean02. Can you provide a link to the page of your website that has the code on it?

Adam7 · ‎06-19-2019

I would contact the source of your embed code and ask them about that; there might be a different way you need to include them on your page. We render embed code differently in the editor to avoid security issues, and it probably circumvents whatever is causing the error on your live site.

seatonmckeon · ‎03-25-2020

Hi There,

My embedded code also goes missing

https://www.deewhyschoolofyoga.com.au/class.html

Adam7 · ‎03-25-2020

I see a javascript error on your published website, @seatonmckeon. I would contact the provider of your embed code to see if they have any ideas.

kem1001 · ‎03-25-2020

Wondering if you wouldn't mind helping me as well. I have 5 buttons, the first works fine and the other 4 don't, despite it being nearly a direct copy paste and working in preview. Only one of the buttons works when actually published. Webpage can be found here, about halfway down. Any help would greatly be appreciated.

Here's the code that is working:

<!DOCTYPE html>
<html>
<body>
<center>
<div style="display:inline-block;border:1px solid rgb(240, 198, 64);border-radius:10px;padding:11px;background:linear-gradient(to top,rgb(240, 198, 64),rgb(249, 217, 115))"><style>
@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans&display=swap');
</style><div>
<p><span style="color: #08365f; font-size: 16px"><p id="demo">Reveal</sub></p></div>      

<script>
document.getElementById("demo").onclick = function() {myFunction()};

function myFunction() {
  document.getElementById("demo").innerHTML = "boron trifluoride";
}
</script>
</p>
</body>
</html>

Here's an example of the code that will show in preview, but will not publish.

<!DOCTYPE html>
<html>
<body>
<center>
<div style="display:inline-block;border:1px solid rgb(240, 198, 64);border-radius:10px;padding:11px;background:linear-gradient(to top,rgb(240, 198, 64),rgb(249, 217, 115))"><style>
@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans&display=swap');
</style><div>
<p><span style="color: #08365f; font-size: 16px"><p id="demo">Reveal</sub></p></div>      

<script>
document.getElementById("demo").onclick = function() {myFunction()};

function myFunction() {
  document.getElementById("demo").innerHTML = "sulfur hexafluoride";
}
</script>
</p>
</body>
</html>

BJ5 · ‎03-25-2020

I think it might be because each one has an element with the same ID ("demo"). ID attributes need to be unique. Try changing all instances of "demo" in each code example to something unique, like "demo1", "demo2", etc.

GinzyRose · ‎04-08-2020

Hello!

When I entered the code below in my footer -- a badge from Varsity Tutors to promote my services -- it showed fine inside the editor. Although on the published site, it looks like an empty grey box with the "broken link" symbol. Varsity Tutors is a massive company site, and certainly isn't down. Hmm.

My site is inkblotcomplex.co. Help is incredibly appreciated; thank you, kindly!

Footer widget code:

Respectfully,

Clara Rose

Bernadette3 · ‎04-10-2020

I'm not able to assist with third party code, but maybe it would help if you enable the SSL for your site from the Settings tab. The live site doesn't indicate a conflict, but this is often the culprit when embedded code does not display.

Embed Code showing in editor, but not on published website