In this video, video 6, in my series on
how to create Facebook Messenger Bots
with ManyChat, I'm going to show you,
click by click, how you can create a
Landing Page from scratch. Come with
me, look over my shoulder and I will show
you how you too can build a Facebook
Messenger Bot to build your audience and
build your business. Hi my name is Sue
Ferreira from Wisdom To Wealth Mastery,
where I help you take all that Wisdom
you got up here, take it out to the world,
using primarily, video, but also
cutting-edge tools, because the two are
pretty much interlinked these days.
Certainly ManyChat is a cutting edge
tool, so let's head over now to my page,
ManyChat page and we will build
this Landing Page. In my last video, video
5, I went through this Landing Page and I
showed you how all the pages link
together, as in a regular funnel, but in
this video I'm going to recreate this
page and show you how I put it together.
Let's go first back to Growth Tools and
in Growth Tools, let us pick a new Growth
Tool, Growth Tool #12. As I said in
the previous video, the first thing I do
is change the name of this growth tool. I
edit it, so that when I go back, I will
know which Growth Tool I'm looking at.
For simplicity, I'm going to call this
Landing Page Growth Tool "Five Easy Ways
Copy", because I'm just going to rebuild a
page that I've already got. Now that
we've named our Landing Page Growth Tool
for this video, let's come down here and
in video 5, you'll probably remember that
I showed you the 4 stages of making a
funnel, within ManyChat. There are these
these funny words, "Initial State" to begin
with, which is the Landing Page, the
Submitted State, which is where you ask
your visitor to take action. Then, there
is the "action taken", they go to this page
with opt-in actions, where they can
download, I don't know, whatever you offer -
a free video series, a PDF, a
complimentary call and finally, we go to
Setup, where you can get your URL, for the
page, and then, you can use that URL in
any location, to take one of your
visitors, into the funnel. Over here on
the right,
is the generic Landing Page "Initial
State", that will always come up with any
new ManyChat Landing Page. You will
always find the same three blocks. You'll
have the "Headline Block", the "Short
Description" block and then, the button to
take your visitor to the next page. All
of this is customizable. If we come over
here, to the left-hand side, where we set
up all our actions, you can see
immediately, here it says "show
description". At the moment, we are showing
the Description. If you don't want to
have the Description, and you just want
to show the Headline, you can turn off
Description and hey presto, it has gone
and you now have just a Headline, and a
much simpler Landing Page. Let's turn
on the "Show Description" again. Next on
the list, you have an option to have the
button down here, either as a "Send To
Messenger" button or with a Checkbox, and
you can edit the text inside here easily.
I always keep it on "Send To Messenger",
because you're giving the message then,
that you are sending them to Messenger.
Below button type is the area where you
can edit colors and as you can see here,
at the moment, we have background that is
white. Here is the background - it is white.
The Headline is in black and the
description is in grey. This is totally
customizable. If you wanted the headline
to be in purple, it becomes purple. If you
wanted it orange it's orange as you
hover over each one of these options, you
will see a mixture of numbers and
letters come up. For those of you, who
understand hex codes, every color has a
hex code, a 6-figure code, associated with
it. One two three four five six and hex
codes are usually preceded by a # tag.
Usually you will have three colors, that
represent you and your branding. Those
three colors have a hex code and the
chances are you have those hex codes
down in a notepad somewhere. If you
haven't, I strongly suggest you take down
your hex colors, because if you're doing
any work with ManyChat or almost programs
on the web, you're going to repeatedly
look for those numbers. It's
handy to have them in a convenient place.
Here we can change the button back
ground from blue to white, and we can also
change the button -
large, medium or small. I'll be honest I
prefer to have the background blue,
because it's kind of a classic Facebook
color and I prefer to have the button
Large, because hey, why wouldn't you have a
large button? Although this is the
generic page you will always have when
you start a new Landing Page, in ManyChat,
you also have an option to add an
image. In my landing page that I'm
recreating for you right now, I had this
image, so I will add this image, and by
default, it appears above all of the text.
You now have the option to put it
above the description or below the
description. Personally I like it in
the middle, above the description, because
it balances out the picture.
To edit the text, click the usual little
"edit pencil" button and you can edit your
text. Now, we have our Headline Text.
To see how intuitive it is to change the
Description, obviously you click the
Description Edit button and change your
text. With those few quick clicks, I
already recreated the landing page of
the funnel, that I showed you in video 5,
where I am giving away a free PDF about
the "5 Easy Ways To Use Video". If I wish, I
can continue to edit the color or maybe
I'll make it a little bit more orange,
like it is on my original funnel.
Again, I can change the color of the
Description. Oh, I don't know what I'll do
this time. Maybe make it purple, at this
point. We can save our work and you'll
notice up here to the right, it is still
in Draft Mode. That's the Initial Stage
of our Landing Page done. Once your
visitor clicks "Send To Messenger, they
will go to the second page, which is the
Submitted State. If you want to change
the color of your text, I would first of
all, click the Edit here, highlight your
text and go to - I think I'll have an orange
color or something like that down here
and the same for here. Let's just change
it, so when we make our background white,
we have - Here's our Description - when we
make our background white, we can see
everything.
Now we can come to "Background" and create
a white background. Once again, in the
funnel that I already created, I had an
image on this page, so let me pick out
this image, where we're going into a
bigger world, add it - I'm going to put it
above the Description, but below the
Headline. I'm changing the text to the
text I had on my funnel, and I'm going to
"Save". I'm going to make it a little bit
more customized. I'm also going to
change the Description. Keep your text
short, keep it to the point make it very
very clear what you're offering and
remember, to make it flow, from one to the
other. Finally, I'm going to edit my
button at the bottom here. I've changed
the text and I'm going to change the
color of the background to match the
water color in the goldfish bowl. "Save"
this page and move on to the "Opt-in
Actions" to edit my opt-in message. Pretty
obvious again, come down here to edit and
copy and paste. When creating and testing
your Messenger but within ManyChat, it
will always pick up your own name from
Facebook, but when a visitor comes into
your bot, Facebook and ManyChat will
pick up the visitors First Name and will
put it in here. You have a drop-down
menu, where you can decide what names you
want to appear. Most folks will just
stick with First Name, but you can have
just a Surname. You can have their Full
Name put in, You could have a Page Name,
Page ID and Email. These are all of your
options, that you can use to put into the
place of collecting a name and
personalizing the message. I'm going
to take it back to First Name. If for
some reason, Facebook can't pick up the
First Name, then ManyChat offers you an
option of a fallback, so let's put in
"There", so instead of saying "Hi Sue", it
would now say "Hi There". You can use and
change emojis. The emoji button is
here and you can decide which emoji you
want to put in. We'll put in
another one - this little person gives you
the same drop-down menu, as you would
have up here. Remember I told you you're
limited in the size of the message you
can create within ManyChat. This
number "403" tells me I've only got
403 characters left to use,
before I'm not allowed to put any more
information into this ManyChat message.
As you add extra characters, you will
find the message numbers go down. I just
put in a couple of spaces, because spaces
count too, so back to 403. Watch that
number and think about your message. I'm
going to add a button now, that says
"Download PDF" and again you are very
limited in your button titles, as to the
number of characters you can put in. You
can see already, I've only got eight left.
so you have to be very circumspect.
Again, if you want to, you can add emojis.
I've got room for an emoji, so I will add
an emoji and now I only have 6 added
characters, that I could put into this
button. Another great feature of
ManyChat is now, you can see that I've got a
little red circle here and I've got the
red warning triangle up here. If at any
point, you haven't completed an action
ManyChat will let you know, by either a
red circle or a little red triangle.
As you approach the red triangle, a
pop-up will come up and tell you what
you haven't completed. It is telling
me that I have to specify a Reply
Message for the button. In other words,
I've just put in the title, but I haven't
put in an action. It also lets you
know over here, because it's got a red
circle around and again it'll say "please
specify a reply message for the button".
This is a great feature, because it keeps
you on track. I'm going to click here and
I'm going to get an option of sending a
message, opening a website. I could get
someone to call me. I can go to another
flow or I can select an existing step
that I've already got in the content. My
PDF is saved as a URL, so I'm going to
"open website. I have the URL. I am going
to paste it into here. The button has
changed to green and it tells me I have
a link. I'm going to an add an action
and this is where you can segment or
identify someone with a tag.
I'm going to add a tag. It says "enter tag". I
already have a whole lot of tags in here
so I click "5 Easy Ways PDF" and I am
done. I've added a question, as well in my
text up here, so let us add Yes/No boxes
below. "Add a button" once more. If I
just leave this, and I don't complete it
up comes ManyChat, with my little
warnings and I need to complete this box.
This time, I'm going to send a message.
I'm going to add my text and we're
beginning to engage a conversation. I'm
not going to take it any further in this
video, but now you can begin to engage in
a conversation. Now I have a button
"Yes, I use video" and a reply, but I also
want to have a new button. I will say
"No, Not Yet". If I click "Done", I would again
get the message to say hey "complete this
action", so I go back into the action.
Again I'm going to send a message and my
message is "No worries, most people aren't!"
We go back to the opt-in
message and now everything is okay.
ManyChat is happy with me, no little red
warning lights. In my previous video, I
talked about Flow Tools and there are
two ways, you can create and build out
this message. You can either do it here
in the Basic Builder or you will find
already - we now have go to Flow Builder
up here. If I click to go to Flow Builder,
you can see, while I was creating this in
the Basic Builder, in the Flow Builder,
ManyChat is building out my Mind Map.
You can click and drag these into
any position. It looks as though here,
I have added a message without linking
it to anything, so I can get rid of that.
I can bring this back into place and
now I can see how I'm building out my
message. Let's go back to Basic
Builder and see what else we can do here.
No doubt, you've been seeing all of these
different icons that are below the
message. I have been creating a simple
message, but if you wanted to, you could
add extra text, an image, a card, a gallery -
now, this is kind of neat, because you can
add a series of images and have your
visitor scroll through them, make a
decision on them. This arrow allows you
to move this particular action within
the
whole message. You could put it to the
top, if you wish to ,and obviously the "X"
shows you at any point, you can get rid
of any of these images. You can also add
a list, audio. Adding a video is very
handy. Within ManyChat, I could attach a
file and have a direct download. You
could add a delay and vary the time so
it looks like you are typing. The
default is set for 3 seconds but I could
make it look as though you were typing
for 5 seconds. Once again, ManyChat
gives me a little warning message,
because if I'm going to be looking as
though I'm typing for 5 seconds, I'd
better have a reply afterwards. My
reply can either be a quick reply here
or it could be any one of these
additions, or I can continue to another
step and choose the next step, if I wish
to very, very flexible. I'm going to
delete this option and leave it simple.
I'm going to delete that bit of the
message.
Everything looks set, let us click
"Preview", preview message sent. Check your
Messenger. This message was sent to you
only, so now let's go to my Messenger and
hey presto, here is the message that I
have just sent to myself. We now know the
bot is working, so it's ready to go
public. Remember down here, with the 3
little blue lines always is your Main
Menu, your Main Menu items, where you are
showcasing your offers and further
engaging your audience. Going back now to
our page, we can click "Publish" and our
content is now published. We have
completed creating our Facebook
Messenger, a Landing Page within
ManyChat. One final, but very important step -
don't forget this one!!
Go right back to the beginning of your
bot. At the moment, our Landing Page
Messenger Bot is still only in "Draft
Mode". We may have published it, but it's
still only in "Draft Mode". We want to make
it "Active" and we are ready to go. We now
go to "Setup". Bere is our URL that we can
copy and remember, we can put this URL
anywhere in a blog, on your website. I can
paste this URL in anywhere and up will
come the Landing Page of our Messenger
Bot. There you are a Landing Page funnel
created so quickly and so simply. in a
very short time. If you liked this video,
please click the "Like" button below and
leave a comment. Leave a comment or any
question you have about building a
Landing Page funnel in ManyChat and
subscribe to my YouTube channel, because
then you'll get automatic advance
notification of when my next video about
ManyChat is coming up and Share this
video, because there are an awful lot of
people, who are beginning to realize that
messenger BOTS are a pretty neat thing
to use. to grow your audience and start
conversations with people who are
interested in what you're doing. To get
my Free Guide on how you can also build
your Main Menu in ManyChat, look in the
description below, because the link to
that guide is in the description
and it literally, like this, takes you
click by click, on how you can build a
Main Menu. In video 7, I'm going to show
you my favorite feature of ManyChat,
which is how to use Keywords, within a
Facebook post, so you can engage
people directly from a Facebook post,
into your Facebook Messenger, begin
to have conversations with them and
build a relationship.
See you in video 7. Bye for now
Không có nhận xét nào:
Đăng nhận xét