> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.helixo.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to place a widget in a custom position?

**You can place the widget anywhere on the page.**

> **Note:**  Unfortunately, custom pages are not compatible with UFE, so it is not possible to add the widget onto such pages.

![Example URL for custom pages.](https://storage.crisp.chat/users/upload/plugin/-/c/6/1/d/c61d79638ebd5800/2e81877a-c150-8184-b84e-d4070c_rg19iq.png =800x106)

## How to place the ufe shortcode in the theme?

#### METHOD 1 

*This method will work on both page builders and the Shopify theme liquid files.*

* You can place the custom `HTML/Liquid block (It will be available on all page builders)` inside the gempages or other page builder then give `<div class="ufe-custom-upsell"></div>` and save it.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/d/7/9cd7b351fb9d9000/ezgifcom-gif-maker3_w5r2mc.gif =800x448)


* You can also place the `<div class="ufe-custom-upsell"></div>` in the theme liquid files too.

* Then give `.ufe-custom-upsell` (including dot) inside `position > inpage widget position`

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/d/7/9cd7b351fb9d9000/image-27_6vgc0d.png =800x531)

**Want to position multiple upsells in a single page?**

      **Step1**: add custom div files like 

           `<div class="ufe-custom-upsell-1"></div>`

           `<div class="ufe-custom-upsell-2"></div>`

           `<div class="ufe-custom-upsell-3"></div>`

           in places you want to position offers.

      **Step2**: open each widget and in **position** settings set any one of the appropriate selectors

          `.ufe-custom-upsell-1` or `.ufe-custom-upsell-2` or `.ufe-custom-upsell-3`

         in `inpage widget position` box. 

#### METHOD 2 (In Shopify Homepage)

Go to Shopify admin > Online Store > Themes > Customize

Select Add section>Custom HTML>Custom HTML

* Clear the content in the HTML text box

* add `<div class="ufe-custom-upsell"></div>` and click `save`

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/d/7/9cd7b351fb9d9000/compressed_1kxbx7n.gif =800x528)

* Open corresponding funnel and in app’s funnels settings → position tab add the below one.

          `.ufe-custom-upsell`in `inpage widget position` box. 

|| **Pro Tip!** 
|| you can also position the content by dragging "Custom HTML" block up and down in the customize section

#### METHOD 3 (Least recommended way)

Find the HTML id of the element you want to place by right clicking the element > inspect element in Chrome browser

**It's not recommended to use this method if you don't have developer knowledge about how to select the right unique html id**

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/d/7/9cd7b351fb9d9000/untitled-2_t9e5gw.png =800x406)

In this method paste this selector id from the page inside 
```
position > inpage widget position in step 2.
```

Hope you've got some value from this article. Let us know your feedback 🙂 We are excited to hear your thoughts.

|| **Did we miss something?**
|| No worries! Message us by clicking the chat icon 💬  inside the app.
|| Or Just email our team at [support@helixo.co](mailto:support@helixo.co) ✌️