Disclamer

Visit our disclaimer policy before making any changes to your system which may negatively impact the performance or make your system unresponsive.

How To Create External Link Popup

Elementor, Java, WordPress

Using Elementor Pro or other WordPress plugins to create a popup when someone clicks an external link to let them know they are leaving.

Using Elementor

In this example, we are using Elementor Pro; this can also be done using other plugins that allow you to modify the WordPress code.

On your WordPress dashboard, navigate to Elementor -> Custom Code.
Hit the “Add New Button.”
Give it a name and copy the code in the next section
Hit the Blue “Publish” button
Set the conditions; on my site, it is set to the Entire Site.

Bam, now people will get a popup when they click external links.

Code

				
					<script type="litespeed/javascript">jQuery(function($){$('a').on('click',function(){if(this.host!==window.location.host){var thisHrefHere=this.href;if(window.confirm('Warning! You are now leaving this website. You clicked on the external URL: '+thisHrefHere+'')){}else{return!1}}})})</script>

Murphy

Michael “Murphy” has BA in Computer Technology from Wayne State University and is a System Engineer for a food manufacturer in the Chicagoland area.