This is the blog of Advanced DHTML Popup and its sister sites including The WordPress Popup System. Here we track and provide examples of all the developments we make in rich media content (largely Flash Video) embedding in websites and wordpress blogs.

Our most recent release is the WordPress Plugin for DHTML popups – see here.

Also recently released is our powerful & lightweight flash video player. This player is focussed on the web and blog developer that is serious about using video, including multiple videos, since it is solves completely the problem of bandwidth overload with an option to override automatic video stream buffering. But this is only the start, affliliate links, redirection, running script at the end of play, auto-close, auto-scroll etc etc. See the blog post here.

Introducing:
“The WordPress Popup System”

Easily and in minutes of installation embed customizable and unblockable DHTML popup windows and Exit Popups with a powerful lightbox effect into your WordPress Blog. These are the same windows as seen here and as new versions are rapidly released (upgrades are free) will become every bit as powerful.

But this is not just a simple one page or post popup window creator, this is a system with many remarkable features. With this plugin you can create as many DHTML popup windows as desired, the settings for each of them are stored automatically in the database and can be called up and changed at any time.

You can embed Aweber and GetResponse optin forms, videos (including YouTube, Transparent (pro-mode) Flash etc), images and any content desired.

	Simple to install, easy to use, multiple popup system for WordPress
	Upload or link to your content, adjust design as desired and display
	Exit Popups, Lightbox effect
	Embed Video (including transparent Flash Video), images, text etc
	Use the built in preview window to check before publishing!
	Multiple display options – home page, all pages with exclusions, single page
	Standalone-mode & Advanced mode for use with Advanced DHTML Popup
	Enter an external URL of your choice for the content or use your ADP projects
	All popup projects stored automatically in the WordPress database
	Instantly change any popup design or page/post display setting
	Set a cookie for once only viewing per visitor
	Choose colors, border, size etc., with many new features coming
	And of course… much much more!

	Exit Popups
	Lightbox effect
	Whole options panel easier to navigate

And coming soon in version 1.12:

Footer ads in standalone mode! (already available in pro mode)

Click here to see demo

#adp24

These instructions apply to the video plugin with example at here
but may also be useful for general iframe’d content
projects where the paths must be set similarly to here.

Note also that as of version 1.04 the interface has
a special section used for transparent player projects but which can also be used here for simplicity.

From version 1.05 all projects will use this method of upload.

1. It is assumed that you already have an ADP video project working, if not see here or the help file and do this step first. Ensure that the path for the close/resize images (if used) is set in the advanced reference form to “wp-content/plugins/adp-pro/images”.
2. In addition, change the path of the source of the iframe (src) to match your blog path and project folder (see next point). In the demo
   this is “wp-content/plugins/adp-pro/defaultvideo/default_player_content.html”. So the content in ADP now looks like

   
<iframe src="http://www.dpopup.com/blog/wp-content/plugins/adp-pro/defaultvideo/default_player_content.html" name="adpiframe" id="adpiframe" width=100% height=100% align="center" Frameborder="0" Scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>


3. Create a folder under the “adp-pro” plugins folder and upload all the project files directly into it. The path
   in the example given here is “blog/wp-content/plugins/adp-pro/defaultvideo” and all the ADP project files
   were uploaded into “defaultvideo”.
4. Choose a free numeric id in the plugin interface using ADP-pro mode and insert the script lines as supplied
   in the compile form of ADP when you compiled your project
   (these lines are also in the preview page generated at the same time) into the large text box at the end (make sure to
   check the check box next to it.
5. Modify the paths to point to the folder that you created – in this demo these are then like this:

   
<script type="text/javascript" src="wp-content/plugins/adp-pro/defaultvideo/WPSdefaultvideo_adplib.js"></script>
<script type="text/javascript" src="wp-content/plugins/adp-pro/defaultvideo/WPSdefaultvideo.js"></script>


6. Create a post and follow the instructions in the plugin interface (very simple, just enter e.g. #adp24 or whatever
   the numeric id of the project is). Publish the post and test.
7. To make a link triggered video simply enter the link syntax provided by ADP into the body of the post with one small modification:- add in “adpContent(‘ADPAlphaFlash’,htmlstring);” to the syntax. The whole code might then look like this:

   
<a style="font-weight: bold; color: #1c5ea2;" onclick="adpContent('ADPAlphaFlash',htmlstring);adpShow('ADPAlphaFlash');return false;" href="#">Click here to see demo</a>


   Where it is assumed that the unique ID of the ADP project is the default “ADPAlphaFlash”.

Pop-ups have been here a while now and are normally associated with annoying unwanted guests which normally result in deterring a visitor from the website rather than enticing them into viewing further. So you may be asking what’s different about the footer ads or any DHTML based ads? For a start they are discreet and un-blockable by popup blockers.

These small and unobtrusive footer ads are placed over the top of the web pages of a site and popup at the bottom of the page or in the footer of the web browser. They can be shown immediately on page load, delayed entry or when the mouse clicks or moves over links or elements located on the web page.

The footer ad popup contents are contained in a DHTML layer the full width of the browser window, but covering less than 10% in height of the web page and located at the bottom of the browser window. This leaves the main contents visible to the visitor and thus is not as annoying as traditional pop-ups. Also the footer ad is a DHTML layer, so the popup will remain at the bottom of the web browser upon page scroll. That means the visitor can freely scroll through the webpage contents and at the same time have the pop-up information discreetly presented to them up until they wish to close it, which will then reveal the webpage in full.

One of the more powerful pros of using DHTML for footer ads is that it is layered above the main web contents which make the footer ad immune to web browser detection and so, unblockable to popup blockers.

Among the many uses for this type of medium, footer ads are now becoming the preferred method of presenting the sign-up form for email opt-in lists, as you can see in this demo, and footer ads like this one have actually been proven to increase signups, as the urge to close any other medium blocking the main contents has been eliminated, giving the visitors more time to read and digest the information being presented before him.

Footer ads can also a great way of presenting information on every page of your web site fast, and without having to change or disrupt the existing contents or code, in fact only two-three lines of code are needed to be added to the existing pages, and from there on, any changes are made directly to the popup file itself – making updates and changes to the popup contents easy and transparent to the website.

Digital Flow Software has been at the forefront of the DHTML pop-up delivery medium for quite some time now, so it was a natural shift to add to its popup creation tool, Advanced DHTML Popup footer ads in the form of a plugin.

By adding footer ads to its main product, Advanced DHTML Popup has now become one of the best tools on the market to easily create pop ups.

To put an exit popup on any wordpress blog post is easy with the WordPress Popup System. Not only any post or page (including the home page) but also any number of posts you choose, including all posts with certain exceptions, or only the home page etc.

Exit from top or left of page to see demo

In this demo an image taken from the overlay images plugin for Advanced DHTML Popup is used and the modal option selected as well as the exit option. The WordPress plugin is being used in its Pro mode.

The Unblockable Exit popup from www.wordpresspopupplugin.com will appear when the visitor moves to exit the window from the top or the left.

Here it is set to the center of the browser and to follow page scroll. It will appear only once, if the user closes it, it will not appear again when he leaves the page.

This example uses the “pro-mode” with ADP Pro, but from version 1.11 released 10th March 2010 the standalone version also supports exit popups and the lightbox effect.

If the page is refreshed, this example can show again, but if created with the “Once per Session” setting it will not show again until the page is re-visited another time.

The new form in the plugin was used for easy insertion of entire projects at once – available in 1.04 and soon to be extended.

#adp23

See here for the details and screenshots.

In addition perfect scrolling in the page has been extended to pages viewed in IE7+ (assuming a compliant doctype). See the footer ad on the home pahe of this blog for example.

Each of these additional templates has almost the same power as the Transparent Player template, and revision 15 of this release introduces an amazing new feature which allows sets of commands to be issued when any of the layers is closed in the page.

This could be used for example to open a video when a user submits an optin form, or open a different video if it is closed. The possibilities are endless and the project is in a phase of rapid development.

The new feature of the The WordPress Popup Plugin makes the embedding of Transparent player content far easier that in the Version 2.0 series, with a simple copy paste of the script lines into a new text box in the admin of the plugin.

#adp21