Warning: Use of undefined constant _adsense_inserter - assumed '_adsense_inserter' (this will throw an Error in a future version of PHP) in /home/customer/www/thinklandingpages.com/public_html/wp-content/plugins/adsense-inserter/settings.php on line 86

Warning: Use of undefined constant _marketing_magnet - assumed '_marketing_magnet' (this will throw an Error in a future version of PHP) in /home/customer/www/thinklandingpages.com/public_html/wp-content/plugins/marketing-magnet/settings.php on line 142

Warning: Use of undefined constant _popup_express - assumed '_popup_express' (this will throw an Error in a future version of PHP) in /home/customer/www/thinklandingpages.com/public_html/wp-content/plugins/popup-express-pro/settings.php on line 312

Warning: Use of undefined constant _pricingTableDynamite - assumed '_pricingTableDynamite' (this will throw an Error in a future version of PHP) in /home/customer/www/thinklandingpages.com/public_html/wp-content/plugins/pricing-table-dynamite-pro/settings.php on line 131
Responsive Image Landing Page With Email Form On Top Of Image | Think Landing Pages

Responsive Image Landing Page With Email Form On Top Of Image

The Ultimate Landing Page Advanced plugin does some amazing things out of the box. But sometimes you want to accomplish something that requires a little bit of coding.

In this tutorial, I will show you how to place an image in the center of your landing page and position an email form on top of the image. The image will be responsive so it will look correct when resized and placed on mobile devices.

First, we need to turn off the default email form. Select Custom from the Email Management drop down.

customEmailManagement

Next, place your custom email form code in the Custom Email Form for Shortcode box.

shortcodeEmailForm

Next, put the html in the Content Area 1 editor. Edit the img tags src to contain your images url.

contentArea1EmailFormOnImag

Finally, place the custom css in the Custom Code box.

customCodeCss

And here is what it will look like.

emailFormOnImageFinal

Posted in Landing Pages, Tutorial
How To Get 4,692 Subscribers
The step-by-step guide to more conversions
  • The one thing you must do to get subscribers
  • How to find the traffic that converts more than any other traffic
  • What to include in your auto responsder to keep 'em subscribed
  • The exact method I use to skyrocket my email list to more than 4692 subscribers

Download Now