Autonami is your CRM / Email Marketing automation software / Zapier and much more – all in the one plugin.
Today’s How-to Guide will show you how I am integrating Autonami my Landing Pages and Lead Magnets to create the most powerful set up I’ve ever had.
We will focus this article around creating a Landing Page where people can opt-in to receive a list of my favouri
Here is what we’re going to cover in today’s step-by-step tutorial (in order):
This system is extremely easy to manage, will save you money and works ALL within your WordPress website.
Yesterday I gave you the below article…
Yesterday’s article: Create & Manage EPIC Landing Pages With Beaver Builder (the easy way)
And if you haven’t already, I would strongly recommend you go and read that article and then come back to this one.
Reading that article and then coming back to this one will help you to understand just how powerful of a system you can create when you combine Autonami with other plugins on your website.
In yesterday’s post, I showed you a very in-depth guide on how to create your Landing Pages using Beaver Builder and organise them in a way that you can easily manage them while you scale your business.
We covered everything from creating the Landing Page custom post type, to how to use Beaver Builder’s Conditional Logic feature to show and hide rows based on URL variables.
This allowed us to have our Opt-in Form, Thank you page and Lead Magnet download page all in the 1 Beaver Builder page design (again, yesterday’s post is a really good one!).
But what we didn’t cover is the behind the scenes stuff – the backend.
In this Autonami tutorial today, I am going to show you how to set up Landing Pages and Lead Magnets with Beaver Builder and FluentForms and then I’ll show you how to deliver all the content and subscribe your contacts into Autonami.
We’re going to cover a lot of important stuff, so let’s get into it.
Beaver Builder has a built-in functionality called Conditional Logic which lets you show and hide elements on the page based on conditions.
Using Conditional Logic to capture leads for my Lead Magnets and also deliver my Lead Magnets has been a game-changer for my business.
I use a Custom Post Type called Landing Pages to create all my Lead Magnets / Landing Pages.
Initially, the way I set up my Lead Magnets was as follows:
Where I had 3 pages for each Lead Magnet step.
(1) Is the page I send people to so they can opt-in and download my Lead Magnet. Here is an example of a Lead Magnet opt-in page I just created for this tutorial. This would be (1) in the image above.
This is just a simple page built using the Beaver Builder page builder and it has a form built with Fluent Forms added into the page.
Now, I know this is a personal preference…
But I HATE forms that stay on the same page after you fill them in.
A lot of the time, I’m not even sure if the form submitted and I have to search for a “success” message somewhere on the page.
I think it’s better for the user to be able to complete your form, hit submit and then be taken to an entirely new page that confirms that their form has been successfully completed.
Following this logic, we now need 2 pages per form.
(1) is the opt-in page with the form and (2) is the page we redirect people to after they complete this form.
But we also need (3) in our Lead Magnet case, which is the page people will visit to actually download our Lead Magnet.
So 3 pages all up for each Lead Magnet. You can imagine with even 20 Lead Magnets this is going to get messy to manage in our WordPress Admin.
I was actually getting a bit overwhelmed at all my different Lead Magnet pages and I sat there thinking of a way to simplify it all.
And I came up with a solution using Beaver Builder!
Beaver Builder has a functionality called “Conditional Logic” and using it unlocks so much power.
In the screenshot below, I have edited a row created with Beaver Builder and under the Advanced tab you can find this Conditional Logic.
If you click on the Open Conditional Logic Settings button (pictured above), you can set conditions under which you want this row to show or not show (i.e. it’s visibility).
Here are the conditions you can choose from (there’s a lot):
Let’s focus on using the URL Variable option for this example, as shown below.
Based on the above setting, this opt-in form row will ONLY show to our user if the URL Variable “success” and “download” are NOT set.
See where we’re going with this?
Let’s say that this is the content we want to show our user after they complete our Lead Magnet opt-in form.
We can add conditional logic to this row and ONLY show this row IF the URL Variable “success” IS SET (opposite of the above).
Next, you go to your Form plugin and set it up so that when someone completes your opt-in form, the page is refreshed and the URL Variable “success” is added onto the URL.
In FluentForms it’s very easy to do. I just set my form confirmation to be To a Custom URL and then I enter ?success=true and everything works.
So by using the powerful Conditional Logic inside the Beaver Builder plugin to show and hide rows based on the URL Variable, we now have our Opt-in page AND our Success page all together in the 1 page, working like the below image shows.
I won’t show you here how to complete the