Shortcode: Scroll Trigger Point

Overview

The  Scroll Triggered Popups extension adds a Scroll Trigger Point shortcode to Popup Maker (tag: [pum_scroll_trigger] ).  The shortcode can be set in the post or page editor using the Popup Maker shortcode button.  
The shortcode is one of two Element trigger types available within the Scroll trigger. The other Element trigger type targets a CSS selector.

Article Contents

How to Add a Scroll Trigger Point Shortcode

In the WordPress admin, select a post or page for editing. Within the editor, place the cursor where you intend to set the scroll trigger point. From the content editor menu, click the Popup Maker shortcode button to open the menu. Select the Scroll Trigger Point option to initialize the shortcode. 

A Scroll Trigger Point box will open with the focus on the 'General' option tab. Click on the 'Popup' field to display a list of available popups. Select a popup on which to set the scroll trigger point, and then select the 'Save' button. 

The scroll trigger point will display on the editor 'Visual' tab and refer to the popup ID of the selected popup. On the 'Text' tab, the trigger point appears as shortcode markup:

[pum_scroll_trigger popup="{popup-ID}"]

The trigger point is not visible in the browser. The plugin however adds the following HTML to mark the scroll trigger point within the content: 

<span class=“pum-stp-trigger pum-stp-trigger-{popup-ID}”></span>

[ Back to top ]

Edit the Scroll Trigger Settings to Set the Scroll Trigger Point Option

From the WordPress admin, locate the Popup Maker plugin menu, and select 'All Popups'. Open the popup using the Scroll trigger, and go to the Popup Settings box.  On the Triggers option tab, open the Scroll trigger for editing.

In the Scroll Trigger Settings box, select the Element trigger type and Shortcode element trigger point. Update the settings box and the popup if any options are changed.

Shortcode attributes (visible from the editor 'Text' tab):
<!--The popup ID is automatically added to the shortcode’s--> 
<!--’popup’ attribute when a popup is selected in the Scroll--> 
<!--Trigger Point box.-->
[pum_scroll_trigger popup=“{integer}”]
	

[ Back to top ]

How to Edit the Scroll Trigger Point Shortcode

From the WordPress admin, select the post, page, or custom post type for editing where the Scroll trigger shortcode is set. 

Locate the scroll trigger point shortcode for editing. 

Hover the cursor over the scroll trigger point in the editor. Click on the shortcode element box. The box will come into focus and the box border will be highlighted. Select the pencil icon to open the Scroll Trigger Point box for editing.

Inspect and edit the popup selection. Select 'Save' to update changes to the popup selection. 

Select 'Update' to save any changes within the post or page. 

[ Back to top ]

How to Delete the Scroll Trigger Point Shortcode

From the WordPress admin, select the post, page, or custom post type for editing where the Scroll trigger shortcode is set. 

Locate the scroll trigger point shortcode for editing. 

Hover the cursor over the scroll trigger point in the editor. Click on the shortcode element box. The box will come into focus and the box border will be highlighted. Select the 'X' icon to remove the scroll trigger point from the content editor. 

Select 'Update' to save any changes within the within the post or page. 

[ Back to top ]

Refer to the related article below to review the 4 trigger setting options available for the Element trigger type. The trigger type settings work the same for the both the Shortcode and CSS Selector options.

Related article:  Trigger: Scroll -- Introduction  // Go to: 'What Type of Element Do You Want to Use as a Trigger Point?’ >> 'CSS Selector' to view the demonstration videos.

[ Back to top ]