How to create a pop-up with another web page inside


(View on youtube)

A live example of this tutorial is here: http://www.wpsubscribers.com/demo/category-1/this-post-has-iframe-popup.html

(another one is: http://www.wpsubscribers.com/demo/category-8/another-post-with-custom-popup.html)

Step 1:
– Go to “Create Opt-in Forms” in Wpsubscribers admin panel, and then choose “Create Opt-in Popup” tab.
– Create a new popup with template is “custom popup“:

Step 2: Put these code in the “Content” field:

<iframe width="100%" height="100%" src="http://google.com" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

Replace http://google.com with any web page as you want.

If the advanced text-editor is active on the “Content” field, you can click on the HTML button and put in the code above:

Step 3: Specify the width and height of this new popup, in my example I will put these code in the “Custom CSS” field:
{width:600px;height:500px}

Then press “Save Changes” button.

Step 4: After create this new popup, you need to remember a pop-up ID, in my example it's: 1

Then click on “Display Location” tab to choose where your new popup will appear:

Step 5: Click “Save Changes” button and you've done it!






Comments are closed.