Adding an embed to an Wix website for commenting

[ethanjs (ethan23)]

I have looked up most of the topics and videos regarding embedding discourse topics on a separate website and have been running into issues with this on a Wix website. All I get is an error saying : Refusal to connect

On the embedding page I have gone through and added the allowed Hosts for the website. I have the category selected and everything appears to be good.

I replaced the EMBED_URL with the URL of the page to embedding on.

I replaced the DISCOURSE_USERNAME with my Discourse username for creating the topic.

I pasted the entire HTML code into the HTML iFrame on my website. Yet it just doesn’t seem to work for some reason. No sure where I am going wrong.

---

Any idea on what I can do to fix this?

I saw one person mention JSON or RSS in a different topic but I have no clue how to go about the process. Has anyone successfully added a Discourse embed onto a separate website?

[Lilly]

hi @ethanjs welcome to meta

i’m not certain, but i don’t think you can embed Discourse content into an iframe.

my site uses the embed on our Discourse forum as the engine for the comments section of our parent site at the bottom of articles and it works quite well for us that way.

this discussion may help:

Support embedding Discourse in an iframe

Not being a developer, this thread leaves me puzzled about what the conclusion is regarding embedding discourse in an IFRAME. When you say: This sounds to me like: problem solved, especially since - in my case - everything would not only be happening under the same domain but even on the same server. But my understaning is also that this is nevertheless not supported and therefore not recommended for people like me. But why? If trusted domains can be specified?

[ethanjs (ethan23)]

@Lillinator Thank you for the quick response back!

I see. I think I saw someone mention that in one of the topics too where you can’t paste directly into a iFrame.

When I paste the code directly into the site Velo by Wix is gives me an error saying “JSX expressions must have one parent element”.

[Lilly]

that’s because you have a code error and you are trying to return two expressions when only one is allowed somewhere. post your code and let us have a look.

[Lilly]

code should look like this i but with your posting username and the EMBED_URL as the url of the site you are embedding to:

<div id='discourse-comments'></div>
<meta name='discourse-username' content='DISCOURSE_USERNAME'>

<script type="text/javascript">
  DiscourseEmbed = {
    discourseUrl: 'https://community.alivemaps.com/',
    discourseEmbedUrl: 'EMBED_URL',
    // className: 'CLASS_NAME',
  };

  (function() {
    var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
    d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
  })();
</script>

[ethanjs (ethan23)]

Is it possible to do a fragment? I tested this and it seemed to show different errors. But now it’s for ‘react’

[Lilly]

you shouldn’t have to fragment it and that code should work as long as you have the EMBED_URL and DISCOURSE_USERNAME correct. maybe check over your allowed host paths and categories configuration again. i don’t know anything about Velo by Wix.

[ethanjs (ethan23)]

Updated the following : EMBED_URL & DISCOURSE_USERNAME

For some reason without the fragment the whole coding gives an error. Like in the image at the first picture but now with the Updated info.

I went ahead and created a post over in the Velo forum to see if they might know where I’m going wrong

I would absolutely love to know how to get this to work. I mean, even without the commenting ability but to just connect each page to the forum would be awesome!

[Lilly]

i take it you have read this: Wix Editor: Embedding a Site or a Widget | Help Center | Wix.com

it seems they load into iframes there.

[ethanjs (ethan23)]

Love this^^^^

[Lilly]

yep that’s our site thanks. i’m the admin of the Discourse forum, but not the site it’s embedding to.

yea i don’t see any error in your code so i wonder if it’s the wix site. it may be the other settings like allowed hosts and paths with wix. hopefully they can give you some assitance from their end or someone here may recognize your issue and be able to help. at the moment, i am not seeing why it isn’t working for you.

[ethanjs (ethan23)]

Yeah, I read through the Embed instruction. I also called the Wix support like 4 times. They directed me to their expert team but was sent to voicemail b/c they were too busy. Then, I got an email a few days ago.

I’ll likely respond to that email with additional details about the request.

Sent them a message just now

[Lilly]

yea i suspect it’s because Discourse won’t load embeds into iframes.

Support embedding Discourse in an iframe

Because it’s an extremely fragile configuration. Discourse expects to control the browser tightly as a JavaScript app. This is not a static 1996 era web page to be slapped in an <iframe> willy-nilly, it’s far more complex.

[ethanjs (ethan23)]

I think you’re right on that w/ the iFrame. I followed the instructions from the Admin>Custom>Embedding page. Attempted to alter & update it in every possible way I could think of.

iFrame is likely the root of the problem since it’s a javascript. I did notice that link you last sent has a section called “Custom Element” below the HTML & Embed a Site. Which I believe that’s probably what’s holding it up.

Thank you so much for all your help Lilly!

[Lilly]

@ethanjs

Thank you so much for all your help Lilly!

you’re welcome @ethanjs but i’m sorry i wasn’t able to help you more.

[ethanjs (ethan23)]

All good, I’ll post back on here what I hear from the Wix support.

I’m guessing this is mainly just an issue among their website compared to something like Word Press. Seems like a common issue other Wix users have run into over the years without a clear solution.