Brand Assets

Thanks for your interest in affiliating with Popup Maker

Below are a few guidelines for using Popup Maker’s brand resources, please take a moment to familiarize yourself with them. You can download individual assets in each section, or you can download everything all at once below.

Download All Assets

Our Name is Popup Maker

Popup Maker is two words. Always capitalize the P and the M.

Brand Name

PopupMaker

Not like this.

popup maker

Not like this.

POPUP MAKER

Not like this.

popupmaker

Not like this.

Popup Maker Colors

These are Popup Maker’s brand colors – copy the color codes below.

Brand Colors

Primary

#1dbe61

Light

#21db6f

Base

#1dbe61

Popup Maker Logo

These are Popup Maker’s marks & logos – copy or download in PNG/SVG format.

Logos & Marks

Not yet an affiliate?

Become an Affiliate
Earn commission when you recommend Popup Maker to your friends, fans & clients.
Sign Up

Popup Maker Historical Branding

These are Popup Maker’s past marks, logos & colors. Here for fun and archives.

Historical Marks, Logos & Colors
Popup Maker Logo - Archived
Popup Maker Logo - Archived
Popup Maker - Mark - Archived
Popup Maker - Mark - Archived

Primary

#9ab927

Light

#a8cb29

Base

#2d2d2d

Gray 1

#626262

Gray 2

#cacaca

Gray 3

#dfdfdf
View Categories

Automatically Close Popup After 10 Seconds

The following code sample is designed to close a popup (ID: #pum-123 ) after 10 seconds. 

Copy, paste, and edit the following code in your child theme’s functions.php file, or use the My Custom Functions plugin to install the code for you.

Replace the popup ID number in the code example with the value assigned to your popup. You can find the ID by going to  Popup Maker > All Popups > CSS Classes. The integer value is appended to the class name popmake-

<?php
/**
* Note 1: Replace the placeholder popup ID used below ('#pum-123') with
* the value '#pum-{integer}'. From the WP Admin, go to Popup Maker
* > All Popups. Look at the CSS Classes column. Learn more at
* https://5fb604e7-99fd-4dcb-a5ef-268749498baa.express.conves.io/docs/manage-features-or-options/find-the-popup-id/
*
* Note 2: The units of time are milliseconds (ms).
* 1 second = 1000 ms; 10 seconds = 10000 ms.
*
* Add the following code to your theme (or child-theme)
* 'functions.php' file starting with 'add_action()'.
* -------------------------------------------------------------------------- */
add_action( 'wp_footer', 'my_custom_popup_scripts', 500 );
/**
* Add a script to automatically close a popup after X seconds.
*
* @since 1.0.0
*
* @return void
*/
function my_custom_popup_scripts() { ?>
<script type="text/javascript">
(function ($, document, undefined) {

$('#pum-123') // Change 123 to your popup ID number.
.on('pumAfterOpen', function () {
var $popup = $(this);
setTimeout(function () {
$popup.popmake('close');
}, 10000); // 10 Seconds
});

}(jQuery, document))
</script><?php
}

View the source on GitHub.

If you need help adding PHP code to your site, check out our Getting Started with Custom PHP guide.

Leave the first comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.