KhaiMun.com header image

KhaiMun.com

≡ Menu
 

Watch Me Design An Elegant Squeeze Page Template With OptimizePress 2.0

In my last tutorial, I showed you how to design a landing page template from scratch via OptimizePress 2.0. In this post, I will show you how to create a squeeze page template.

Just in case you don’t know what’s a squeeze (opt-in) page, please read this post here.

In order to design a template from scratch, you need to have a rough idea of how you want your page to look like. You also need to know the elements that you will be adding.

Here are the 6 OP 2.0 elements that I’ve planned to use when designing my template:

  • Images: A logo or banner place at the top
  • Headline: A Headline and a sub-headline
  • Image with Javascript Alert: Alert message pushing people to my opt-in form
  • Bullet Block: A list of benefits that people will gain once they opt-in to my offer
  • Arrows: Direct people’s eyes to the opt-in box
  • Optin Box: Capture people’s email addresses

Click-By-Click Video Demonstration:

OptimizePress 2.0 elegant squeeze template formula:

[Row #1] Add A 1 Column Simple Layout: Click the pencil icon to edit the row options. Check Is it a full-width row box. Set the Row background color, Top and Bottom padding.

You need to do this for all the subsequent rows you add. I won’t be repeating this again.

Using the Images element, insert a logo and Center align it. Adjust the Width if needed.

[Row #2] Add A 1 Column Simple Layout: Using the Headline element, insert your catchy headline and sub-headline. Make sure the headline is bigger than the sub-head.

I’m using Google fonts: Raleway for the main headline (35px) and sub-headline (32px).

[Row #3] Add A 2 Columns Simple Layout: On the 1st column, add a fakeout image via Image with Javascript Alert element. Write an Alert Message asking people to opt-in. E.g. Please enter your contact below to get immediate access to [your incredible offer].

On the 2nd column, add a Bullet Block element and list down the benefits or features.

[Row #4] Add A 2/5 · 3/5 Layout: Using the Images element, add a customize down triangle image on the 3/5 column. Make sure the image matches your template design.

Preview your design. You might want to adjust the Alignment and Margin if necessary.

[Row #5] Add A 1/5 · 3/5 · 1/5 Layout: On the left 1/5 column, add an Arrow element pointing towards the opt-in form. Then add an Optin Box element onto the 3/5 column.

Integrate your preferred autoresponder and list. Change the Privacy Notice and Default Value if you want. Then customize a clear call-to-action Button for people to click on it.

optimizepress 2.0 template

The Final Design Of OptimizePress 2.0 Squeeze Page Template

Click Show/Hide Controls to preview your design. Publish it once you are happy with it.

NEW! Create a 2-step opt-in process landing page:

Whoala! Now you get my ‘good enough‘ formula for building (from scratch) an elegant OptimizePress 2.0 squeeze page. I hope that you will find the instructions here useful.

P.S. If you purchase OP 2.0 through my referral link, please email and let me know. I’ll hook you up with the elegant squeeze page .zip template so you can use it right away.

by KM Lee

KM Lee has been a self-employed geek since 2008. Currently he's working full-time from home online. You can also connect with him:

Comments on this entry are closed.

  1. Nice job. I learned a few things from your lesson. Thank you!

    1. Thanks John for visiting my blog.

      I’ve just added a new video above on how to create a 2-step opt-in process using exactly the same elegant template.