WIXLIB

Action PopUpVersion 2.25Installation GuideBy Robert Plank, PHP Programmerwww.ActionPopUp.com

Table of ContentsTutorial 1: WordPress Installation . 3Step 1: Unzip . 3Step 2: Upload Folder . 3Step 3: Activate the Plugin . 3Step 4: Customize Plugin Settings . 3Tutorial 2: Basic 30-Second Install . 4Step 1: Unzip . 4Step 2: Paste Opt-In Code. 4Step 3: Upload and Integrate . 4Tutorial 3: Help, I Can't Get Action PopUp to Work! . 5Set-Up Checklist . 5Troubleshooting Checklist . 5Browser Checklist . 5Tutorial 4: Customize Color, Size, and Position . 6Tutorial 5: Personalize the Page . 7Tutorial 6: Frequently Asked Questions . 8Question 1: Will the PopUp Continue to Appear With Each Visit? . 8Question 2: Can the Script Appear On-Entrance Instead of On-Exit? . 8Question 3: Can I Delay the Entrance PopUp? . 8Question 4: I Don't Want My Visitor to Go Back to the Original Page When They Subscribe, I Want Them to GoWhere the Form Gets Submitted. . 8Question 5: Can I Show My Own Custom Thank You Page? . 8Question 6: I only want it to pop once. even if they don't subscribe. . 8Tutorial 7: Countdown Timer . 9Tutorial 8: Link Capturing . 10Excluding Links . 10Including Links . 10The Next Step . 11

Tutorial 1: WordPress InstallationGuess what? Action PopUp now works as a WordPress plugin so you can add popups to your blogs with just afew clicks.Don't worry, you can still add popups to regular sites. just read the tutorials 2 and onward if you want that.Here are the simple steps to installing Action PopUp on a blog:Step 1: UnzipRight click the zip file and unzip all files to a folder on your computer.Step 2: Upload FolderUpload the entire "action-popup" folder into your wp-content/plugins directory.Step 3: Activate the PluginLogin to your WordPress dashboard, go to Plugins, find Action PopUp and click Activate.Step 4: Customize Plugin SettingsNow that the plugin is working, click on the Settings tab and the Action PopUp subtab.That should bring up the settings page. The only thing you need to do is take the copy-and-paste HTML codeyour autoresponder service gave you to create signup forms. Paste it in the "HTML code" box.Note: Aweber cut-and-paste JavaScript code doesn't seem to work with Action PopUp. just use the regularAweber signup code.If you want, you can customize the color, size, position, and recurrence of the popup. but you don't have to.Make sure you click Save and your popups should appear on your blog.I recommend you set the "recurrence" to "Always Show" while you are testing out the colors and size of yourpopup. When you're done, set the recurrence to show once every 10 minutes. to stop the popup fromannoying visitors.You need to keep in mind that if you set the popup to only show every 10 minutes, it will enforce this rule, evenfor you! You might have to clear your cookies, or click the "Save All Changes" button in the dashboard (thisdose the same thing) to get the popup to appear again.THAT'S ALL! You can stop reading the manual at this point as a WordPress user.You customize everything in the dashboard.Action PopUp Installation Guide3

Tutorial 2: Basic 30-Second InstallI have worked very hard and added lots of little tweaks to the Action PopUp to make the installation as easy aspossible on non-WordPress sites. Here goes Step 1: UnzipRight click the zip file and unzip all files to a folder on your computer.Step 2: Paste Opt-In CodeOpen actionpopup-template.php in a text editor (like WordPad or EditPlus) or HTML editor (like FrontPage orDreamweaver). Paste your opt-in code into the actionpopup-template.php file this will be the HTML thatshows up in the pop-up.* Even though the file ends in .php you can just stick regular HTML code in there.Note: It’s important that your opt-in code asks for the first name before asking for the e-mail address. Here ismy opt-in code: h2 Please Don't Leave! This Is A Working Demo of u ACTION POPUP /u ! /h2 p Impressed? Great! Fill out the form below for a 7-day trial of b ActionPopUp! /b /p div align "center" form method "POST" action "http://www.example.com/signup.php" input type "hidden" name "list" value "1" / label First Name: input type "text" name "fname" size "10" / /label br / label Email: input type "text" name "email" size "20" / /label br / input type "submit" value "Yes Robert, Give Me the Free Trial!" / /form /div (You form can ask for the e-mail address or the name in any order.)Note: Aweber cut-and-paste JavaScript code doesn't seem to work with Action PopUp. just use the regularAweber signup code.Step 3: Upload and IntegrateNow that that’s out of the way, upload all the files.To add an action popup to any of your pages, add this code: script type "text/javascript" src p" /script Where http://www.example.com is the URL you uploaded the files. Now you have a working Action PopUpscript! Simple! If you want, you don’t have to read beyond this point. The script is working.Action PopUp Installation Guide4

Tutorial 3: Help, I Can't Get Action PopUp to Work!If Action PopUp doesn't work immediately, there are a few things you need to ask yourself:Set-Up Checklist Are all the files uploaded to your server? (actionpopup-config.php, actionpopup.php, actionpopuptemplate.php, actionpopup-packer.php) Do you have the script include line on your HTML file? Does the script include tag point to the correct URL for actionpopup.php? Is the include placed just before your closing body tag? ( /body )I have found Action PopUp doesn't work on some pages unless it's placed just before the closing bodytag, ESPECIALLY with WordPress blogs.Troubleshooting Checklist Is actionpopup.php on the same domain name as your content page? Are you trying to do any special effects like appear on-open? Remove these and go back to the verybasic settings until you are sure a pop-up appears. Does Action PopUp work on a page with nothing else on it? If so then something on your site is toblame. Slowly add HTML content from the site you are trying to work with to this blank page untilsomething breaks, then you'll know where the problem is.Browser Checklist Are cookies cleared in your browser?(If not, clear them and refresh the page. The script is designed to hide the pop-up after a user opts in.) Are any JavaScript errors showing up in your browser's error console?Action PopUp Installation Guide5

Tutorial 4: Customize Color, Size, and PositionYou’ve got the script setup. That’s good thinking, getting the barebones script without any crazy changescompletely working FIRST, before you go gung-ho and try to change things around. Good for you. But now youwant to change the popup to match your site.Luckily this is an almost idiotproof process. Open the actionpopup-config.php file in a text editor. There, you’llfind a couple of things you can customize. ?php// What color should the faded background be when a popup appears?// Choices: maroon, navy, black, white, orange lightboxColor "maroon";// Width of your popup box width "400";// Height of your popup box height "300";// How far from the left of the screen should the popup appear? x "200";// How far from the top of the screen should the popup appear? y "50";? Want to change the background color that blanks out the screen when the popup appears? Change that“maroon” to your favorite color.Want to change the size of the popup? Change the “400” and “300” to a better width and height.What to change the place the popup appears on the screen? Change the “200” and the “50” to adjust how farfrom the left and how far from the top of the screen we place the popup.Want to remove the blackout "lightbox" effect that darkens the page behind the popup? Set the lightboxcolor in the config file to "transparent."When you’re done making changes, upload the actionpopup-config.php and refresh the page in your browser.I highly recommend you make just one small change, upload and refresh and make sure it looks okay. Makeanother small change and so on. It will take slightly longer to get everything the way you want, but this way, ifsomething goes wrong, you know where you went wrong.Action PopUp Installation Guide6

Tutorial 5: Personalize the PageYou must be getting sick of me telling you how easy this script is to setup, but it is! Action PopUp has a built-insales letter personalizer. This means you can have a sales letter that looks something like:Dear Friend,Here is the rest of my sales letter But after they fill in their first name in the Action PopUp, the sales letter will change to match that first name. Ifthe visitor typed “Steven” as their first name in the opt-in box, then hit submit, the opt-in form would invisiblysubmit the information to your newsletter, close the popup, and suddenly the sales page would say:Dear Steven,Here is the rest of my sales letter All that would happen without reloading the page!So you’re thinking, this is going to be really hard, right? Wrong! Place this code anywhere you want the firstname to be customized: span class "firstname" Friend /span For example p Dear span class "firstname" Friend /span , /p p We all know how important building an opt-in list is to your success online.The majority of visitors to your sales letter b don't /b purchase on their firstvisit, so you are losing them forever. /p You can place as many of these on your page as you want, any place Action PopUp sees a SPAN tag with theclass “firstname” it will substitute the visitor’s first name inside that tag.The “Friend” part of it is the default name that will appear if we don’t know our visitor’s first name. This couldbe anything like “Buddy” “Internet Marketer” “Fellow Fly Fisherman” anything you want.You can use this on blogs too editors such as WordPress will allow you to edit the HTML source of a post, juststick that SPAN tag in there that way.What makes the personalization work great is if you can sneak it into everyday sentences. For example, insteadof saying "Dear Friend", take the sentence: "The thing is, I hate opt-in forms that take me off the current page"and put the SPAN tag around "The thing is!"Action PopUp Installation Guide7

Tutorial 6: Frequently Asked QuestionsQuestion 1: Will the PopUp Continue to Appear With Each Visit?The pop-up will appear with each visit until the visitor has filled in their name and e-mail address in the form.Question 2: Can the Script Appear On-Entrance Instead of On-Exit?Of course! Just add this HTML after the Action PopUp code: script ActionPopup.onEnter true; /script That will cause the popup to appear when the page first loads, and after the visitor either subscribes or says no,it will NOT appear a second time when they try to exit.Question 3: Can I Delay the Entrance PopUp?Yes! You use Popup.show() for this as well. This code would delay the pop-up for 5 seconds: script ActionPopup.show(5) /script Question 4: I Don't Want My Visitor to Go Back to the Original Page When TheySubscribe, I Want Them to Go Where the Form Gets Submitted.The easiest way to do that is to place an empty form right above your opt-in code, like this: form /form form action ”http://www.aweber.com/1234” method ”post” !--the rest of the opt-in code here -- /form Question 5: Can I Show My Own Custom Thank You Page?Of course! Just add a line like this to the actionpopup-config.php file: thankYouURL "thanks.html";The "thanks.html" can be a full URL if you want it to be like http://www.example.com or it can just be a localpage on your site.Question 6: I only want it to pop once. even if they don't subscribe.Make sure this line is in actionpopup-config.php: actionLimit 1;That will make sure the pop-up only appears ONCE, even if they don't subscribe. If you set this to 0, it will keeppopping up every time someone visits your site and leaves. until they are subscribed.If you set this to 10, the pop-up will either 10 times, or until your visitor subscribes. whichever comes first.Action PopUp Installation Guide8