Create an overlay link
Overlays let you work with on-screen prompts without leaving the page you are on. You can use overlays for focused interaction with your website visitor, using content boxes that draw attention, for example, to promote your newsletter, a product announcement, or one of your other websites. Any SXA rendering that can contain links can be set to display these links in an overlay view.
When you create your site, you must select the overlay option.
Set the overlay properties
To set the overlay properties:
In the Content Editor, navigate to sitecore/Content/Tenant/Site/Home/Overlays and click Overlay Content.
In the Overlay properties section, specify the height and width of the overlay screen in either pixels or percentage.
Set up a link to open in overlay
To create a link that opens in overlay:
In the Experience Editor, drag a rendering that can contain links to the page.
To make a link display in overlay:
For rich text fields, to display one of your content items as an overlay, select the text that you want to be a link and click Hyperlink Manager. In the Hyperlink Manager dialog box, on the Hyperlink tab, select the Open in Overlay check box.
To refer, for example, to an external website, use the Styles settings of a rendering. In the Control Properties dialog box, in the Common section, select Links Shown in Overlay.