Modal Text / HTML Link Element

Last Update: April 17, 2024

The Modal Text / HTML Link Element is another simple element, that allows you to add a text or html link to trigger a modal dialog, in conjunction with the Modal Element. The two work hand in hand. With this simple element, you can add some text to trigger a modal, or you can add html or shortcodes (like an image) to trigger a modal that way as well. See below to read more about this handy element, and watch the video for a visual overview.

For privacy reasons YouTube needs your permission to be loaded.

How to use the Modal Text / HTML Link Element

Let’s add some simple text to trigger a Modal, using the Modal Text / HTML Link Element.

To start, add the element into your desired column.The first thing to add is the Name of the Modal (which you will also add to the Modal element you add beneath this element). This tells the Element which Modal to trigger.

The next step is to add our triggering text / HTML to the text or HTML code field. For example, we could write Open this popup window for more details. Alternatively, to use an image to trigger the modal, insert the image code. Example below. Remember to save your changes.

The next step is to create the Modal Element you wish to trigger. To read more about the Modal Element, view this documentation.

Example of Modal text / HTML Link Element
Copy to Clipboard

Element Options

HeadingDescription
Name Of ModalUnique identifier of the modal to open on click.
Text or HTML codeInsert text or HTML code here (e.g: HTML for image). This content will be used to trigger the modal popup.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.