Infopopup Wordpress Plugin is used by 22 websites. Among 22, 0 site is within top 10,000 and 0 site is within top 100,000 websites.
Wordpress Plugin Information of
|Plugin Meta Name||Plugin Meta Information|
|Plugin Description||Multiple, individual popups on any page each with their own unique shortcodes.|
|Detail Plugin Description||
This is a simple plugin designed to allow styled info-popups (or tooltips) to appear in response to a user mouse-over or click of a target element, using WordPress shortcodes. The shortcode for this plugin's operation is 'infopopup'.
You may create as many popups and associated targets as you like, each distinguished by a unique 'tag'. A popup with the tag 'firstpopup' can be included in any page by using the plugin's shortcode followed by a colon (:) and the tag, so:
To get started, enable the plugin and go to Settings > InfoPopup.
You will see an empty table, where popups you create will be listed. Begin by clicking the 'Add new' button.
Use the 'Create new InfoPopup' page to specify how your popup will work:
Whether the plugin is case-sensitive depends on whether your database is configured to be case-sensitive. In other words, if the database supporting your WordPress site is case-insensitive (and in most cases, MySQL is set up to be case-insensitive) then the tags 'THIS' and 'this' are the same.
You may optionally add x and/or y offset values, which should be specified in pixels. This will move the popup up or down, left or right: you may use negative values but do not include any text like 'px'.
If you use an image as the target (using <img... /> markup for the title), be sure to specify the height and width either as attributes of the img tag or as style attributes because, without this, positioning behaviour will be (un)amusingly varied between different browsers.
For example, if you want your popup to have a blue background, you may create a class in your stylesheet thus:
You could then turn this popup blue by entering 'blue-background' as the class.
USING SHORTCODES IN CONTENT
Having created a popup with its unique tag, you may add the shortcode referencing that tag to any content. When the content is viewed, the title will appear in its place and moving your mouse over, or clicking, it will show the popup.
For example, if you created a popup using the tag 'firstpopup' and the title 'Information', you would include it in your page using:
When viewed, the word 'Information' would take the shortcode's place.
Because the popup is created as a separate element from the target, you are free to include the target inside lists, tables, etc. without upsetting the document hierarchy.
If you misspell the tag when entering an InfoPopup shortcode, the tag will be displayed with question marks either side. For example, if you accidentally entered:
Then you would see '?1stpopup?' appear in its place.
STYLING THE SHORTCODE
By default, the title will appear in the same colour as the text surrounding it but will switch the mouse pointer to a pointing finger when it moves over it. If you want to change the colour, font style, mouse pointer or other attributes of the title, you can do so using the 'infopopup-link' class, which is automatically applied.
For example, to make the link text appear in bold blue text, add the following to your site stylesheet:
Wordpress Official Plugin Repository