Widget to embed in 3rd party websites

[Kane_Thomas]

Is there any way to embed either specific topics, or “latest posts”, or similar into a 3rd party site? Preferably just some Javascript or iframe code.

I tried searching and Googling and couldn’t find a solution.

Thanks in advance!

[Decorbuz]

This was the closest thing I could think of, but it’s for comments.

Embed Discourse comments on another website via Javascript

Discourse has the ability to embed the comments from a topic in a remote site using a Javascript API that creates an IFRAME. For an example of this in action, check out Coding Horror’s blog. The blog is run via Ghost but the comments are embedded from his Discourse forum. One important thing to note with this setup is that users have to navigate to your forum to post replies. This is intentional, as we feel that the posting interface on a Discourse forum is currently much richer than what we …

[Jonathan5]

Yes, it’s possible, and works well:

Embedding a list of Discourse Topics in another site

If you grab the latest builds of Discourse you’ll get a the ability to embed topic lists in other sites via some simple Javascript and HTML. The typical use case for this is a blog or other content driven site, where you want a widget on the side of the screen that lists topics. You can filter by category, tag, or any of the other public filter options available. How to Embed a list of Topics First, you must enable the embed topics list site setting. Then, in your HTML add a <script> tag that…

[Kane_Thomas]

Awesome! This looks like it should do the trick.

Just curious though why I can only get it to show 1 topic? Does anyone know?

Here’s the category (that has many topics): Amazon Specific - Process & Workflow Management Forum

And the embed code:
<d-topics-list discourse-url="https://forum.flowster.app" template="complete" top_period="all" category="17" per-page="5"></d-topics-list>

But only one topic appears:

[Kane_Thomas]

Does anyone have any ideas?

[Falco]

Can you share the URL where the embed lives?

[Kane_Thomas]

@Falco here’s the HTML. It doesn’t live anywhere yet (since it’s not working, only one topic appears)

<!DOCTYPE html>
<html lang="en">
  <head>
	<script src="https://forum.flowster.app/javascripts/embed-topics.js"></script>
</head>
<body>
<d-topics-list discourse-url="https://forum.flowster.app" template="complete" top_period="all" category="17" per-page="5"></d-topics-list>
</body>
</html>