# Вставка виджета в пользовательский HTML

**URL:** <https://meta.discourse.org/t/inject-widget-in-custom-html/205168>\
**Category:** Product Support\
**Created:** [04.Октябрь.2021 16:12:02 UTC](https://meta.discourse.org/t/inject-widget-in-custom-html/205168 "2021-10-04T16:12:02Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [06.Октябрь.2021 11:53:42 UTC](https://meta.discourse.org/t/inject-widget-in-custom-html/205168/4 "2021-10-06T11:53:42Z")

</div>

Когда вы добавляете необработанный HTML в вкладку заголовка вашей темы, он добавляется сюда:

> <https://github.com/discourse/discourse/blob/13b31def80c1f1262bf6fd21226c0639dcfabb13/app/views/layouts/application.html.erb#L96>

Это находится вне области приложения. Поэтому вы не можете использовать такие элементы, как

`{{mount-widget widget="my-dark-light-widget"}}`

Вместо добавления необработанного HTML используйте плагин-выход `above-site-header`. Он вставляется в то же место, поэтому визуально должно выглядеть так же.

Что-то вроде этого:

```xml
<script type="text/x-handlebars" data-template-name="/connectors/above-site-header/my-sidebar">
  добавьте ваш HTML здесь
  Вы можете вставить {{mount-widget widget="my-dark-light-widget"}} в любом месте разметки
</script>

```

---

_[View the full topic](https://meta.discourse.org/t/inject-widget-in-custom-html/205168)._