I’m looking for advice on embedding a Discourse forum directly into my website

I want to integrate a Discourse forum to facilitate community discussions without users leaving my site.
I’m unsure of the best way to embed the forum and maintain a seamless user experience.
my website URL is here.

May not be the best way to do things, but is using an iframe an option? It is still on the main page, after all.
If not, maybe this landing page plugin will help?

2 Likes

The general approach is to host your forum on a subdomain and style it to match your main site, including nav. Then users can click back and forward reasonably seamlessly. If people need to authenticate for anything on your main site, ideally you’ll want to set up SSO as well.

4 Likes

People don’t notice urls. There isn’t much advantage to keeping them “on your site” if the “other site” makes it seamless to navigate between your sites.

That said, I worked with someone who ran discourse in an iframe and was pleased with the result (though I’m not sure if it was a long term solution).

But either way, you’ll need to set discourse up on a subdomain and work out sso (though maybe your site doesn’t allow logins, so you might not need sso).

Hi there,

Is it okay that I bring this topic back up? The reason is because I am interested in the same thing, but the answer is not clear to me. I understand that not everyone supports having a forum on their website, and that’s okay if you don’t, but we are all different, and some of us do. With that said…

Taking a look at the link on the first response, the one linking to the landing page, I am not sure I am understanding. I am not familiar with GitHub, and the code that I copied is a URL. But when embedding a code, it should start with a “<!-- (source)” and the have a “<script src= (URL)”. I am not familiar with code, but I do know that much, when comparing to a widget website I use.

I look forward to hearing people’s feedback.

You can try this now:

JS code is here:

Thank you for the reply, Nate.

Hmm…on my end, when I try copying that java script code, and paste into my HTML widget in my web builder, it appears as just a code, and not a forum. Nothing happens on my end.

JS code should go between script tags. Did you do that? Also, you will need ti chabge the url to that of your forum, and follow the steps mentioned in the linked post.

It sounds like you have more knowledge than I do in this area. I’m sorry, I appreciate the help, but this is just way over my head. The instructions sound like it is geared towards people who are familiar with code. For example, the third step says, “Add fullApp: true to the JS snippet that configures the embed on your page.” I don’t know what the heck that means, and it is really not explained for beginners.

Unfortunately, even though it is a pricer option, I think I’m gonna go with Website Toolbox instead. They have a simple button that copies all the code without having to edit and rearrange anything. I appreciate the help, but this is just not gonna work, since I don’t have this programming knowledge. Thank you for trying though.

1 Like

That’s alright, it can be a bit challenging to set this up.

Actually, I’ve checked, and fullApp: true is already included in the code snippet.

1 Like

Thank you for understanding. Have a good day.