Skip to main content


Popovers require two steps, creating a link to trigger the popover, and the content that belongs in the popover.

1. The Link

<a href="#mypopover" target="popover">My popover trigger link!</a>

Notice the href=”#mypopover” and the target=”popover”. The text “mypopover” can be anything, as long as whatever you’ve used is also used in the id of the popover.

2. The popover

[popover id="mypopover"]
Popover Content


My popover trigger link!

Popover Content