---
title: "3 Ways to Trigger a Popup on Click - EngageBox"
description: "Using the Click Trigger Point The Click trigger point helps you to easily display a popup by clicking on a button, a link, or even on an image by pro"
url: "https://www.tassos.gr/docs/engagebox/triggers/3-ways-to-a-box-on-click"
date: "2026-05-02T01:40:18+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) / [ Triggers ](https://www.tassos.gr/index.php?option=com_content&view=category&id=50)

#  3 Ways to Trigger a Popup on Click

## [Using the Click Trigger Point](#using-the-click-trigger-point)

The Click trigger point helps you to easily display a popup by clicking on a button, a link, or even on an image by providing its class or ID. [Read more](https://www.tassos.gr/docs/engagebox/triggers/click)

## [Using HTML Data attributes](#using-html-data-attributes)

This way requires access to the HTML code of your website and the popup's ID you are going to manipulate. [Read more](https://www.tassos.gr/joomla-extensions/engagebox/docs/html-data-attributes)

## [Using the JavaScript API (Developers only)](#using-the-javascript-api-developers-only)

Manipulate a popup on demand by calling certain methods, such as open(), close(), or even listening to popup events such as onBeforeOpen, onAfterOpen, and more. [Read more](https://www.tassos.gr/joomla-extensions/engagebox/docs/using-javascript-api)

 Last updated on Sep 9th 2025 13:09

## 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": "Triggers",
            "item": "https://www.tassos.gr/docs/engagebox/triggers"
        },
        {
            "@type": "ListItem",
            "position": 5,
            "name": "3 Ways to Trigger a Popup on Click",
            "item": "https://www.tassos.gr/docs/engagebox/triggers/3-ways-to-a-box-on-click"
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tassos.gr/docs/engagebox/triggers/3-ways-to-a-box-on-click"
    },
    "headline": "3 Ways to Trigger a Popup on Click",
    "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/triggers/3-ways-to-a-box-on-click"
    },
    "datePublished": "2016-09-13T17:52:50+03:00",
    "dateCreated": "2016-09-13T17:52:50+03:00",
    "dateModified": "2025-09-09T13:29:52+03:00"
}
```