Trying to capture potential clients' data is hard, especially when you don't have
an easy way for them to sign up or provide their details.
In this case, I'm going to show you how
to embed a really easy form on WordPress using GoHighLevel Forms.
So let me show you how, right now.
This is my WordPress demo site,
and I'm going to show you how to embed the GoHighLevel form on here.
Now, you can embed the form in a fixed form.
That means that when the page loads,
you can see the form or on a pop up widget that looks pretty flashy.
So let me show you how.
Now, this is my main dashboard for WordPress site.
And to embed the form from GoHighLevel,
you don't actually need the Lead Connector plugin, but I do recommend that you
install it so you can take advantage of the funnels and the chat widget.
Now, to do this, let's get started on our GoHighLevel dashboard.
We're going to head out over to obviously the company that we're going to use,
head out over to sites, forms, and we're going to add a new form.
I'm going to show you step by step how to do this.
Now in this form, it's a form builder where we drag and drop.
We're going to drag and drop just a few elements.
We'll ask for the phone, the email, and we're going to keep it simple.
Now, before I show you how to style this, I'm going to embed this first.
I'm going to save the form.
I'm going to integrate and there are several options available.
There's a sidebar, which is my favorite one.
You can do it in the fix left or right. Polite side in.
Now, if you're using polite side in,
do remember that we're using a GoHighLevel chat widget.
So if you do this, put it on the left.
There's the pop up where it just pops up
in the center and the inline where it's just inline of the page.
I'm going to use the sticky sidebar just to show you.
And there's the trigger type.
In this case, we can set it by scrolling percentage.
That means that when someone scrolls 25 %
or 50 % of the page, it's going to pop up or show.
Now, I think this is one of the best methods because if someone's interested
in your site, it's not going to pop up at the beginning but after a certain scroll.
Also, seconds.
We can make this pop up after a certain X amount of seconds.
So if someone's there for 20 seconds, 30 seconds, that means that they're
interested and will show the pop up for the form or always show.
In this case, I'll keep always show so I
can show you really quickly how it displays.
Activation options, activate on visits.
So it could be after five visits, two visits, etc.
The activation options, so they activate after showing X amount of times.
They activate once leads is collected.
Okay, now you can copy the link and share the link and just use the form.
But in this case, obviously, we want to embed it.
We're going to copy the embed code
and we're going to go into our WordPress dashboard.
Now on our WordPress dashboard,
there's three methods that we can use to embed our form.
The first one and the easiest one is
to install a plugin for the header and footer.
This is the safest way that you can embed the form because it's super easy.
Just use any one of these elements and you can just add the code into the header.
The second method that I'm going to show
you is the traditional way which would go into an appearance,
theme file editor, and in the editor, we're going to look for the header.
Here it is, header.php. Now, in this case, it's called theme header.
It might be just called header, depending on the theme that you're using.
We'll scroll down here.
After the body section, we are going to add this code.
Let me go ahead and find this here.
Here's the head, here's the body.
We're going to add the code, that's the iframe.
I'm going to update this.
Now, by adding the code here, that means that it's going to show
and display in every single slide of our website.
Here's the demo slide.
I am going to refresh it.
Here's the form displayed.
You can see that there, full name, phone, email, and submit.
That's how easy it is.
If I go to another page, I'm going to view it also.
Now, another method to add this is to add this individually in certain pages.
If I go to pages and I go, for example... Where's my sample page?
Here it is.
If I edit this page, in this case it's Guttenberg,
I've actually added one here, so I'm going to remove this HTML.
All you have to do is add HTML.
Here we go, selected.
Add the iframe code and it's going to pop up on this specific page.
It won't show on any other page on this site.
Now that's the third method that you can use.
Now, in terms of customizing this, well, it's actually super easy.
Once you decide what you want to use, go ahead and remove this for now.
We can go into style.
In style, there are several things that we can do.
For example, I can change it to inline form, which is a bit more compact.
The show labels, maybe I don't want to show labels, I want to keep it clean.
It says already in here, so maybe keep it cleaner by removing the labels.
I'll leave it like this for now.
We can change the background for this.
The border style, right now it's dashed. I mean, you could probably see that,
but if you want to use line, here we go, it's a solid line or you can use none.
The border, we can make it thicker or thinner.
Corner radius, I like the roundness.
It makes it look more modern.
So I like around 15. That works out.
Then we have the option for the width.
For example, maybe on the site, it just looks too big.
You want to make it thinner, so maybe 300. There we go.
That might look more appealing to the client who's going to visit your site.
There's the padding, if you want to use that there.
Shadow, if you want to add some shadow.
Horizonto and vertical.
Let me change this color here.
There we go.
Let's add some blur. There we go.
Looks nicer. And the spread.
And there we go.
Added some shadow, make it look a little bit more modern.
A field style, I could change the background color and all of that.
Padding, shadows for that.
The labels, I can change the colors for that.
And the text, the font, the placeholder, and custom CSS.
If you just want to totally change
the look of the form, you could just use custom CSS if you know how to use that.
You can also use the agency branding if your plan allows it.
There's the options for this.
Obviously, change the name so you can
locate it, especially when you have several forms available.
The unsubmit, you can open URL or a message.
Enter URL here if you want to use that there.
The Facebook pixel ID, Facebook pixel event.
And again, once you have everything styled again, go ahead and save it.
Integrate form and grab the new embed code so you can update it.
It displays the new updated style that you've just created.
Now, like I said, if you're struggling to get contact data
from visitors, well, make it easy for them.
Add a form, make it easy for them to just
have that little pop up there, add the data, and they are boom.
You have a new lead that you can start using your marketing strategies to start
selling and use GoHighLevel to the maximum potential.
But there you go.
If you want to know how to embed forms, there you go.
Let's use this video.
And thank you all for watching and that's a wrap.