# Embed widget within text in a topic
**URL:** https://meta.discourse.org/t/embed-widget-within-text-in-a-topic/206919
**Category:** Support
**Created:** [October 24, 2021, 10:22pm UTC](https://meta.discourse.org/t/embed-widget-within-text-in-a-topic/206919 "2021-10-24T22:22:54Z")
**Posts on this page:** 1
**Showing post:** 2
### Author:  [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [October 25, 2021, 5:52pm UTC](https://meta.discourse.org/t/embed-widget-within-text-in-a-topic/206919/2 "2021-10-25T17:52:48Z")
Discourse is a single-page application. The issue you’re encountering happens because the script you’re using is not aware of that. When you visit the homepage - or any other page - in Discourse, you get something like this.
```xml
head content including your script
```
When you navigate to another page, the only thing that gets reloaded is the content inside
```plaintext
```
So, the DOM has changed, and your custom script doesn’t fire again. If you try to visit the topic page directly, you’ll see that it loads fine.
.
So, now the question is how to get it to work with Discourse.
The plugin-api has a method that you can use to “decorate” posts.
[https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/lib/plugin-api.js#L282-L318](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/lib/plugin-api.js#L282-L318)
You can use that to fire third-party scripts when a post is rendered.
Here’s the code you would need. Add this to the `common > header` tab of your theme.
```xml
```
You would then need to add a couple of domains for [CSP](https://meta.discourse.org/t/mitigate-xss-attacks-with-content-security-policy/104243). Add these to your
```plaintext
content_security_policy_script_src
```
site setting
```plaintext
https://*.woxo.tech/
https://us-central1-core-period-259421.cloudfunctions.net/availableComponentTracks
```
finally, you’d need to add a little bit of CSS for the static composer preview
This goes in the `common > CSS` tab of your theme.
```scss
.woxo-preview {
height: 400px;
width: 100%;
background: var(--primary-low);
display: flex;
align-items: center;
justify-content: center;
.woxo-preview-icon {
font-size: var(--font-up-4);
color: var(--primary-high);
}
}
```
Then you can just add
```xml
```
to any post, and the widgets will render and be fully functional.
If you look at the JavaScript, you’ll notice that it has two options at the very top.
```javascript
const WOXO_SCRIPT_SRC = "https://cdn2.woxo.tech/a.js#616348fb53c1e8001686c619";
const PREVIEW_ICON = "heart";
```
Change `WOXO_SCRIPT_SRC` to the src that woxo gives you. It should be the same for all the embeds you create.
Change `PREVIEW_ICON` to the name of the icon you want to use in the composer preview. Running this code in the composer is a bit expensive, so the composer has a static preview that looks like this.
The icon you pick will show in the middle.
Here’s a commented copy of the code if you want to follow along with what’s happening
> **commented code**
>
> ```javascript
>
>
> ```
---
_[View the full topic](https://meta.discourse.org/t/embed-widget-within-text-in-a-topic/206919)._