The Popover widget JavaScript snippet looks a little something like this:
<script> var ps_popover = { workspace_id : "8cd78932-ae75-4041-a9df-6184a2e7e58ds", selector: "YOUR_SELECTOR" }; </script>
As part of this, you will need to specify your HTML selector (highlighted in bold above).
What is a selector?
A selector refers to a CSS class or ID that can be used to identify the element you wish to use to trigger the popover widget.
Let's look at two examples:
1. Class
In this following example:
<div class="popup">What's New</div>
the selector would be .popup - because the HTML element has a class (when referring to classes outside of HTML, they are prefixed with a full-stop/period i.e. .)
2. ID
In this following example:
<div id="popup">What's New</div>
the selector would be #popup - because the HTML element has an ID (when referring to IDs outside of HTML, they are are prefixed with a #)