How To Create An Opt-in Page or Squeeze Page In GroovePages [Free Template]

What Is An Opt-in Page or a Squeeze Page?

An opt-in page goes by the name of squeeze pages, captcha pages, landing page and more.

The goal of an opt-in page and squeeze page is pretty much the same.

That is to build an email list of leads and subscribers. 

You do that by offering your subscribers something valuable and often times free.

That freebie that is valuable to your target audience is often referred as a “lead magnet”.

Your lead magnet needs to be ultra specific and has high perceived value to your target audience.

Opt-in pages differ from industry to industry and brand to brand.

So be sure to create multiple version of your opt-in landing page for testing.

How To Create An Opt-in Page – Video Tutorial

Tools You Will Need To Build Your Opt-in Page 

1. Free Landing Page and Sales Funnel Builder. 

I’m currently using GroovePages to build my opt-in page because I have a GrooveFunnels lifetime account.

If you don’t know what GrooveFunnels is, then check out my GrooveFunnels review here.

Right now, they are offering free GroovePages accounts where you can build up to three sales funnels completely free.

2. Email Marketing Provider.

I’m currently using Activecampaign until GrooveMail which is part of GrooveFunnels is available. 

You can use GetResponse, Mailchimp, and Convertkit or whichever marketing provider you have.

3. Cover Image of your Lead Magnet

You can go to canva.com which is a free online graphic designer.

To design your cover image as well as your freebie lead magnet. 

4. Free Lead Magnet

 To build your email list you’re going to have to offer value upfront by offering a free download also known as a lead magnet and this can be: 

  • Checklist
  • Workbook
  • Guide
  • Ebook etc

Your freebie needs to be ultra specific as in it solves one specific problem for your target audience.

It must have a high perceived value and is easily consumable under 10 minutes. 

Factors That Affect Your Opt-In Conversion Rate

 A conversion rate is the percentage of visitors to your website that complete a desired goal out of the total number of visitors. 

There are three main factors that will affect your opt-in conversion rate:

1. Your offer

In this case, it’s your lead magnet and what you’re giving away for free.

Is it valuable enough? 

Do people “get” what you’re giving away?

2. Your Landing Page copy

Do you have the benefit-driven bullet points that explain the value of your offer? 

3. Traffic Source

Different traffic sources will convert at different rates.

For example, in organic search traffic:

  • They Googled you, read your blog post and then clicked on your landing page or…
  • They watched a Youtube video clicked on a link and then got to your landing page.
  • These two audiences are warmer.

And will have a higher conversion rate because they interacted with a piece of content before going to your optin page.

In most cases with ads, it will always have a lower conversion rate compared to organic traffic.

What Makes An Opt-in Page Effective?

  • The heading must be benefit driven and sell the visitor on why they should opt in.
  • Explains what the user will get after entering their contact details ( which can be in the form of benefit bullet point)
  • The call to action text is not “subscribe” or “sign up” but is enticing like “Download Now”
  • Has limited menu navigation and asks for one call to action.

Steps On Creating An Opt-in Landing Page

Log into your Free GrooveFunnels account.

Click on GroovePages and create a new site then use a blank template.

P.S. I wrote a review and tutorial of GroovePages here.

Then, head to blocks and go to wireframes.

Click on Empty over on the left column, in blocks, drag in the empty container onto the page.

1. Upload Your Logo 

  • Head back to elements and drag in the image element into your empty container.
  • Click on the element image in the container and you’ll notice there is a breadcrumb below the page.
  • Make sure that the Container on the breadcrumb is highlighted.
  • Then, you can place the logo in the center by going to the layout, under primary click on the icon shown in the image below.
 center icon groovepages
  • Once it’s centered, click on the image element again and you’ll notice that the image element is highlighted in the breadcrumb.
  • Then click on configure and upload your logo.
uploading an image on groovepages
upload button
  • Make sure to hit the button as shown on the image above to upload it to the server.
  • Once it’s been uploaded, click on select to upload on your page.
  • You can add in keyword under Image “Alt” as well as link the image to a URL which is your home page then click on update.

configuring the image on groovepages

2. Customize The Spacing

add spacing on groovepages
  • Head back to the Container on the breadcrumb then there will be a panel on the right side that you can format the spacing.
  • Give the image some padding by selecting the top and bottom padding then drag the adjustment so it can be even.
  • There’s no need to give it a left and right padding because there’s plenty of space.

3. Add A Headline To Your Page

  • Head back to Elements then wireframes and under Empty, drag in an empty container. 
  • Then go back to elements again and under text drag in H1 to the empty container that you have just added.
  • You can adjust the spacing again and give that a padding of 1.5.
  • To format your text, you’ll need to click on the text element and make sure that the text on the breadcrumb is highlighted. 

You can then format your text with its Font style, Font size, Font color and the spacing on the right column.

formatting text on groovepages

You can also highlight the text and format it.

highlight text to format in groovepages

4. Create A Column 

  • Head back to Elements and then go to blocks, under wireframes click on Empty
  • You can then select on the two even columns elements and drag it in the page
  • And to add an image, you can go back to elements then drag in an image element onto the page.

5. Duplicate The Elements

  • Head back to elements then drag in a H2 heading into the container
  • Click on the container and make sure that you are in the text element under the breadcrumb
Duplicate button on groovepages
  • Click on the duplicate icon as shown on the image above
  • Once you have duplicated the H2 you can now input your sub headline text
  • Then, click on the H2 container on the breadcrumb to format the font style
  • In order to add image on the other column, you have to go to configure and choose an image then upload the image
  • It’s better if you upload your lead magnet as well

And to make the alignment much better, you will again give it some padding and spacing. 

Click on the container on the breadcrumb and go to spacing and give it some margin. 

6. Add Image As Your Bullet Points

You can create bullet points using text bullet points or image bullet points element. 

  • First, Head to Elements and scroll down to List then select the Image List Item
  • Then drag the Image List Item to the column
Image list item element on groovepages

If the element you drag in was not in its proper spot, you need to click on that element.

And on its right side, you will see a drag button like the image shown below.

navigation button

Click on the drag button and then drag the element to its area

And then click on that list image to change the text, spacing and the font style.

Tip: Before you create your opt-in page make sure you already plan out your headings and the bullet points so then it’s just copy and paste.

Now over here on our opt-in page, the check mark is actually an image. It’s not an icon.

sample opt-in page on groovepages
  • It’s an “image list” element, click on the image element and go to configure
  • Then upload, add an image and click on the update. You won’t need to put an image “alt”.
  • You then can format its font style, size, and spacing by going to design
  • Then duplicate the list again so you can just change the text.

7. Creating An Opt-in Form

Creating Opt-in Form on groovepages
  • Head back to elements and scroll down to integrations.
  • You can drag your integrated email marketing element into the second column.

1. Integrate Your Email Marketing

  • First, go to the hamburger icon on the upper right and you will need to select on “My integration”
  • Then click on Add and choose your Email marketing provider on the list after that give it description. 
  • Then you’ll need to click on the icon which states that you have to go through the authorization and linking process. 

Once you’ve integrated your email marketing, you just go under elements then integrations

Then just drag in whichever opt-in form or integration that you currently have into the container.

2. Customize Your Opt-in Form

We only want to collect emails only because it increases the conversions.

  • First, click the Name labels and the Email label on the opt-in form
  • Then delete it since we only want to collect their emails and press confirm. 

So all we are left is the email input and the subscribe button. 

But first, click on the whole Activecampaign-component or your email marketing provider component that you will see on the breadcrumbs in order to format it. 

  • Go to Designs then you can now customize your font style, color, spacing and size of your opt-in form.
  • Then go to configure to change the placeholder, you can then change it to “enter your email address here”.
  • Click on add validation rules so that it needs to be an email and the input cannot be empty then update it. 

To customize the subscribe button:

  • You need to click on the subscribe button and on the right column under design you can change the style. 
  • Click on Configure to change the button text to “get free instant access” 

To center the form:

  • Go to the breadcrumb and click on Activecampaign-component that will highlight the whole opt-in form. 
  • Then you can edit the spacing by heading back to configure again and select List.
  • Then choose the thank you page where it will redirect to the next page.
  • But since that is not available yet, let us just click on update.

Once you click on update you will see a confirmation that your page is updated on the lower right corner of the page.

configuration alert bar on groovepages

8. Naming Your Page

naming a page on groove pages
  • To name your page head over to Pages and click on the three dots as seen on the image above. 
  • Then it will drop down choices and you want to click on edit settings;
  • Give your page a name and copy it to the Title page as well.
  • You can also add in keywords for SEO and the meta description. 
  • Once you’ve added that you can now click on the check icon and then save.

9. Add a Footer Menu

  • First, go to Blocks then go to navigation bars.
  • Under the navigation bars, drag in one of the existing blocks to the page

But if you want one without formatting

  • You can just go to Wireframes under it you’ll see the footers section
  • Choose an empty footer and drag it in the block.
  • Make sure to click on the navmenu on the breadcrumbs
  • Then double click on the text to change the year 2020 and yourdomain.com.
  • Also, you would like to customize the font style then click save

10. Create A Thank You Page By Cloning The Opt-in Page

Thank you page sample on groovepages

To make our lives easier we’re going to clone the opt-in page and make it as a thank you page.

  • Head to pages and click the three buttons of your page then click clone to copy the Opt-in page
  • Head back again in Pages, click the three dots of the cloned page then press edit settings.
  • You can now rename the page e.g. Thank you, free Meal Plan
  • Then you need to give a URL name e..g typ-mealplan
  • Add the domain e.g. yourdomain.com/typ-meal plan 2.
  • Add in your keywords and descriptions.
  • Delete the columns you are not going to use.

Now we’ve only got the H1 and the footer.

  • Head to Blocks and click on wireframes then under empty, drag in an empty container to the block
  • Click on the H1 to change the text and duplicate the text element to the subheading then you can customize the text style.

12. Add a Video 

  • Head back to elements, then under media drag in Youtube video in the block.
  • Copy the video URL on youtube and then go to configure.
  • Paste the URL in and remove the youtube.com just keep the video ID and click on update.
  • If you wan to customize the size, you just need to click on the video
  • Then make sure that you are on the container under breadcrumb.
  • Now you can align the video on the center under layout.

12. Add a Button

  • First, go to elements and then look for button with an icon.
  • Drag it in the block then click on the button to customize it under design.
  • Then, Under configure, you can change the icon, icon size, alignment and the URL.
  • The button is going to link to whichever URL that you want such as an affiliate link or a sales page. 
  • Once you are done customizing it click update. 

13. Hide A Page in the Footer Menu

You can hide the pages on the footer menu easily by going to Pages.

You’ll notice that your pages are listed. Now, you would like to drag down the Thank you page under hidden pages.

14. Create Privacy and Terms of Services Page

  • Head back to pages and click on the blank canvas then go to wireframes.
  • Click on content and drag it to the block then, rename the page name, title and URL to “Privacy”. 
  • Copy and paste your Privacy on the page. 
  • You can clone again the Privacy page to create Terms of Services (TOS)
  • Once you have cloned it, you can change the page name, and title page URL to Terms of Services.
  • And again, copy and paste your Terms of services content in the block.
Privacy and terms of services on groovepages

Now what you have got is your home page with the privacy, terms of service and your domain on the footer. 

15. Publishing Your Opt-in Page

  • First, you’ll need to click on the opt-in form then click on Configure
  • And under the Thankyou redirect link, select the Page
  • A Linked page selection will open up then choose the Thankyou Free Meal Plan or your thank you page. 
  • To Save the changes just click on Update.

And Now you have created an opt-in page that converts highly.

Tip: Plan out first your Opt-in page by creating a draft before creating a page.

Remember that simple opt-in pages or squeeze pages are the ones that converts more.

Free Sales Funnel Planning Workbook

Click on the image below to download your Free Sales Funnel Planning Workbook

How To Create An Opt-in Page or Squeeze Page In GroovePages [Free Template] opt-in page

1 thought on “How To Create An Opt-in Page or Squeeze Page In GroovePages [Free Template]”

Comments are closed.

shares