marklchaves

/** 
 * Popup content link 
 *
 * Use this CSS if you don't want to change your theme's global
 * link text color.
 */
.pum-content a {
  color: orange; /* Change this to the color you want. */
}
/**

marklchaves

<?php // Ignore this first line when copying to your child theme's functions.php file.

/**
 * Based on https://youtu.be/zml-xz78o2Q
 */
function send_video_link_to_popup() { ?>
 	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			const popupID = 2114, // Change to your popup IDs.
				defVid = '2E1Pw39TtFM'; // We need to use the original video ID in the popup as a placeholder.

marklchaves

<?php // Ignore this first line when copying to your child theme's functions.php file.

add_filter( 'wp_footer', function() {
	if ( !is_user_logged_in() ) return; // Don't do anything if not logged in.

	global $current_user;
    	$user_roles = $current_user->roles;
	// var_dump($user_roles); // Uncomment to debug role(s).
    	$user_role = array_shift( $user_roles ); // Look at the first role. Change this if needed.
	if ( $user_role !== "subscriber") return; // Bail early if we don't have a subscriber.

marklchaves

<?php // Ignore this first line when copying to your child theme's functions.php file.
function display_random_banner_popups() { ?>
<script type="text/javascript">
    jQuery(document).ready(function ($) {    
      // Customize these variables.
      // ----------------------------------
      const popups = [1100, 1102, 1104], // Comma separated popup IDs.
        cookieName = "pum-split-test", // Cookie name for the A/B test only.
        cookieTime = "1 minute"; // Cookie timer.
      // ------------------------------

marklchaves

<?php // Ignore this first line when copying to your child theme's functions.php file.
/**
 * Based on https://youtu.be/zml-xz78o2Q
 */
function send_link_to_popup() { ?>
 	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			const popupID = 1728, // Change to your popup IDs.
        		sel = '#my-button'; // Change to your button's CSS selector. Can also be '#my-button > a' if needed.

marklchaves

<?php // Ignore this first line when copying to your child theme's functions.php file.
function launch_a_popup_if_cookie_consent_accepted() { ?>
 	<script type="text/javascript">
		
			const popupID = 1718; // Change to your popup ID number.

      			// Here, we use the Complianz plugin accept button CSS classes. Replace with yours.
			document.querySelector('button.cmplz-btn.cmplz-accept').addEventListener( 'click', function( event ) {
				console.info('%cI heard a button click for accepting the cookie notice.', 'color:limegreen;font-size:18px');
				setTimeout(function() {

marklchaves

<!-- 
  Use a "button" to launch the popup that has the form.

  Note that in this example, the popup trigger classes (popmake-nnnn and pum-trigger) are on the wrapping div tag. 
  That's because the Block editor adds custom classes to wrapper elements not the actual element.

  If you can/want to edit the HTML, you can add the default click trigger class (popmake-nnnn) directly to the link (a tag).
  e.g. <a class="wp-block-button__link popmake-1689" href="https://yourcool.site/">Cool Site</a>

  Popup Maker will see that popmake-nnn class and add the pum-trigger class to the link to launch the popup on a click.

marklchaves

let firstNoId = true;
let forms = [];
let noIds = [];
let out = "";

/** Place a border around forms with no ID set. */
document.querySelectorAll("form").forEach((f) => {
  if (!f.hasAttribute("id")) {
    if (firstNoId) {
      firstNoId = false;

marklchaves

<?php // Ignore this first line when copying to your child theme's functions.php file.

add_action( 'wp_footer', function() { ?>
<script type="text/javascript">
  
  	// Convenience function to wrap multiple functions with timeouts.
  	function createFunctionWithTimeout(callback, optTimeout) {
    		let called = false;
    		function fn() {
      			if (!called) {

marklchaves

<?php // Ignore this first line when copying to your child theme's functions.php file.

/** 
 * Example of enqueing js-cookie if needed. 
 *
 * Learn more about js-cookie https://github.com/js-cookie/js-cookie
 */

function add_js_cookie_enqueue_script() {
	// Add to the head section.