Popup Maker – Remote Content

Remote content is information that is not already on the page. This might include material from a different URL on your website or from a completely different website.

Features

Countless Popups & Themes
100% Personalized Popups
Editor WYSIWYG
Mobile-Friendly Popups
For mobile devices, disable
Theme Builder Visual
targeting users precisely
open popup triggers by clicking
Different Trigger Types
Individualized Animations
Position & Size of the Control
Accessible and prepared
screen reader friendly
WP-tightly integrated
Display Analytics
High-end Extensions

What exactly can it do?

Any link on your website may be made to open in a popup with its contents displayed.
With just one click, you can easily target internal or external links, or you may use your own CSS selectors to define which.
When employing iframes in popups, optimise page load speed by loading iframes on-demand.
- Works with forms that use an iframe.
- Check out our Videos addon for videos.
By allowing links to blog entries to open in a popup without refreshing the page, you may make your blog more user-friendly.
AJAX-based advanced APIs for building your own dynamic content popups from scratch.
Add custom loading icons from a variety of free sources, or include numerous loading icons.

See it in action!

Use the right sidebar to view it in action right now. The documentation link utilises the iFrame technique together with the provided assistance script, whereas the version link uses the load method.

Methods Available

Utilizes the jQuery.load() function to load a certain section of a page or the complete page using a supplied CSS selector.
iFrame – Uses an iframe to load the whole page.
With AJAX, you have complete control over the data you send and the information that is quickly returned.
Post Type Content – Allows creating an AJAX popup from links to a certain post type. enables modifying a simple HTML template using the post data (experimental).

The approach will be determined by a number of variables. The first consideration is whether the link is internal or external, then whether you want the entire link’s information or just a tailored version.

Use the Load, iFrame, AJAX, or Post Type Content methods to load internal links.
External Links – iFrame is the only way to load them.
The AJAX approach is best for custom/non-links.

Example usages:

Load Method
- Every read more link on your website opens the content of the corresponding blog post in a popup.
- Using a menu item in the navigation, load the page’s content into a popup.
- Making popups with one-page layouts that overlay child page contents.
- The contents of the cart are displayed as the popup content when a user hits the cart symbol in your header menu. Each time the user clicked the symbol, the contents of the cart would be updated.
iFrame Method
- Directory websites that encourage readers to stay on the page while allowing access to the URLs of the listings
- Putting all of your website’s external links into popup windows to keep visitors on your page. Excellent for BuddyPress user profiles and groups pages as well as bbPress forums.
- Creating popup video galleries for YouTube and other websites.
Post Type Content Method
- Display the title and text of a blog post or page URL quickly.
- Create a more info popup with different metadata, like tags, dates, and so forth.
AJAX Method
- Read more and title links should be used to load post contents in a customised way.
- Using a menu item in the navigation, load the page’s content into a popup.
- Add items to your cart, and a popup will confirm that they have been added.
- Code is dynamically displayed on coupon sites according to the button selected.
- Depending on form field values for content.

What does Popup Maker gain from this extension?

Shortcode for the new Remote Content Box.
Additional Click Trigger settings.
For internal and external links, there are additional Click Trigger CSS selector presets.
Custom loading icons may be added using additional global settings.
Custom APIs allow you to quickly create your own dynamic content rendering through AJAX.

What is the AJAX Method, and why/how would I use it?

You may quickly load fully unique material into the popup using the AJAX approach. It is a more complex technique that must always be implemented using bespoke code.

In order to apply it, there are two steps.

You may transmit extra data from the clicked element using a Javascript filter. For example, you might use jQuery to retrieve the trigger’s clicked text and CSS ID.
Create a PHP callback function that accepts the custom values from your JS in the $settings array. From there, you can use WordPress’ full functionality to output whatever you want into the popup.

-73%