> For the complete documentation index, see [llms.txt](https://docs.sprinthub.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sprinthub.com/en/topics/convert/pop-up/pop-up-external-site-integration.md).

# Pop-up - External Site Integration

In SprintHub, you can use the Pop-up within the External Site, so you can manage your support and close your sales in one place.

To use the "Pop-up" on an External Site, follow the step-by-step guide:

Select in all services, by clicking on **"Convert"**  and then **"Pop-up",** if you wish, you can type in the search bar **"Pop-up".**&#x20;

With your **"Pop-up"** already created, click on the name of the **"Title"**

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2Ffhc1WXjlgZW3O88kIyY8%2Fimage.png?alt=media&amp;token=b3e72858-5d40-4ebe-83b4-99734aacac89" alt=""><figcaption></figcaption></figure>

You will be redirected to the record tracking page, where you can check recent modified activities and view statistics by day and totals.

**Recent activities:** All modifications made.

**Statistics:** To track both individual and total views, allowing you to define the period you want.

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2F5SKiLiCkD1OXGjkYRRZ7%2Fimage.png?alt=media&amp;token=7ae9edc5-7ccd-438f-9167-3dabe8f669a9" alt=""><figcaption></figcaption></figure>

Right below, we provide the step-by-step guide for installation on an External Site:&#x20;

<figure><img src="https://684109703-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9FzUKkagBNy5uQ7AtGNa%2Fuploads%2FJjDpot1vEiqtpedQt5pk%2Fimage.png?alt=media&amp;token=af5ed678-2240-4c91-a68a-41faaea06b18" alt=""><figcaption></figcaption></figure>

Need help creating **"Landing Pages"** ? We have a step-by-step guide to help with your question:

{% embed url="<https://docs.sprinthub.com/tutoriais/atrair/landing-page/landing-page-como-criar-uma-landing-page>" %}

To insert "Pop-up" into the "Landing Pages" created in SprintHub, you can use the "Landing Pages" editor itself, but if you want a bit more flexibility or are using an external website, follow one of the methods below.

To display the **"Pop-up"** manually, use the following function on your page:

**window\.show\_popup\_Y2--KUX78SmlVNqtQQS32()**

In SprintHub we have two methods for use:

\
**Automatic Method (Recommended):** Being able to generate the **"Pop-up"** automatically on your website, so that it is always updated, even when you make changes to it. Copy the code below and paste it into your website, at the position where you want your **"Pop-up"** to be.

```javascript
<script type="text/javascript" src="https://sprinthub-api-master.sprinthub.app/popup/Y2--KUX78SmlVNqtQQS32?i=g4.sprinthub.app"></script>
```

**Manual Method:** Whenever you modify the **"Pop-up"**&#x69;n SprintHub, you will need to update th&#x65;**"Pop-up"** on the website manually again. Even so, you will have more flexibility to change the code as you wish.\
\
Copy and paste the code below inside the tag or your document.

```javascript
<script type="text/javascript" src="https://sprinthub-api-master.sprinthub.app/popup/Y2--KUX78SmlVNqtQQS32?man=1&i=g4.sprinthub.app"></script>
```

Copy the code below and paste it into your website, at the position where you want your **"Pop-up"** to be.

```javascript
<style>.cust-3ae0a-lPvtxgRT5Ku6Pa9{max-width:none;max-height:none;flex-direction:column}</style><div id="Y2--KUX78SmlVNqtQQS32" class="shub-notification cust-3ae0a-lPvtxgRT5Ku6Pa9" style="top:5px;right:5px;display:none"><div class="shub-popup-icon" id="Y2--KUX78SmlVNqtQQS32-closebtn" style="top:5px;right:5px;bottom:unset;left:unset;width:20px;height:20px;color:#333"><span class="iconify-inline" data-icon="material-symbols:close" style="width:100%;height:100%"></span></div></div>
```
