---
title: "Create a scroll triggered box - EngageBox"
description: "This tutorial will help you create a simple scroll triggered box that slides-up from the bottom right area of your website when the user reaches the 8"
url: "https://www.tassos.gr/docs/engagebox/popups/with-a-simple-scroll-box"
date: "2026-04-14T10:56:29+00:00"
language: "en-GB"
---

[ Home ](https://www.tassos.gr/index.php?option=com_content&view=category&layout=blog&id=24&Itemid=1088) / [ EngageBox ](https://www.tassos.gr/index.php?option=com_content&view=category&id=35) / [ Popup Types ](https://www.tassos.gr/index.php?option=com_content&view=category&id=69)

#  Create a scroll triggered box

This tutorial will help you create a simple scroll triggered box that slides-up from the bottom right area of your website when the user reaches the 80% of the page height using [EngageBox](http://www.tassos.gr/joomla-extensions/engagebox).

## [Content Tab](#content-tab)

- Go to **Components** > **Engage Box**
- Click *New* from the top bar
- Enter a popup title in the **Title** field
- Select *Freetext* from the **Box Type** drop-down list
- Write your message in the editor

 ![EngageBox Scroll Trigered Box](https://www.tassos.gr/images/eb-scroll-triggered-box-item.png)

## [Trigger Settings](#trigger-settings)

- Select *Bottom Right* from the **Trigger Position** drop-down list
- Select *on Scroll Depth* from the **Trigger Point** drop-down list
- Select *Percentage* from the **Scroll Depth** radio buttons
- Enter *80%* on the **Scroll Percentage** field

 ![EngageBox Scroll Trigered Box Trigger Settings](https://www.tassos.gr/images/eb-scroll-triggered-box-item-settings.png)

 Save your box and you are set!

 Last updated on Nov 26th 2024 12:11

## Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://www.tassos.gr"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Home",
            "item": "https://www.tassos.gr/docs"
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "EngageBox",
            "item": "https://www.tassos.gr/docs/engagebox"
        },
        {
            "@type": "ListItem",
            "position": 4,
            "name": "Popup Types",
            "item": "https://www.tassos.gr/docs/engagebox/popups"
        },
        {
            "@type": "ListItem",
            "position": 5,
            "name": "Create a scroll triggered box",
            "item": "https://www.tassos.gr/docs/engagebox/popups/with-a-simple-scroll-box"
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tassos.gr/docs/engagebox/popups/with-a-simple-scroll-box"
    },
    "headline": "Create a scroll triggered box",
    "image": {
        "@type": "ImageObject",
        "url": "https://www.tassos.gr/"
    },
    "publisher": {
        "@type": "Organization",
        "name": "Tassos",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.tassos.gr/https://www.tassos.gr/media/brand/logo-text.png"
        }
    },
    "author": {
        "@type": "Person",
        "name": "Tassos Marinos",
        "url": "https://www.tassos.gr/docs/engagebox/popups/with-a-simple-scroll-box"
    },
    "datePublished": "2015-07-03T17:39:21+03:00",
    "dateCreated": "2015-07-03T17:39:21+03:00",
    "dateModified": "2024-11-26T12:28:13+02:00"
}
```