Mobifirst training Session 10 Product Widget_720p.mp4

00:00:04

I'm going to do today is chat is going to go over the widget you're going to go over the product widget today

00:00:12

So as we all know, we're just starting with you starting with a blank page is that correct chat? Yeah

00:00:17

I'll just start with a blank page for this one

00:00:19

If we have time, we might go over the prices and I have one already pre -generated product

00:00:24

It's pretty simple for this one

00:00:26

The main difference with this is it's very similar to the catalog

00:00:29

If you've used the catalog that lets you add basically products to purchase the main differences that the catalog is multiple products

00:00:37

And this product widget is a single product that you just can buy

00:00:41

So if you just have one thing you want to put on one page to sell, this is a very easy way to do that

00:00:46

So once you create the widget, it's going to be blank here

00:00:49

And you would just simply fill in the content as you go

00:00:52

You put in your price for whatever product it is for this one

00:00:56

We're going to say we're going to do like a cake because I have a picture already set for that

00:00:59

So you just have like 30 for there

00:01:02

And then original price, this will show it as crossed out

00:01:05

So if we want to do like it was $50, it'll show it as crossed out and kind of looks like it's on sale

00:01:10

You know what I mean? And then for the shipping cost, this is going to add in the e -commerce and like at the end, it's going to automatically add that shipping cost on to the final

00:01:20

cost

00:01:21

So you can always do that as well if you have additional shipping

00:01:24

And max quantity is how many total they're allowed to purchase

00:01:28

So if you only have like one, then they can only buy that one

00:01:31

And for options and choices for this product, this is where you would do different like styles, like it says here, like different size, colors or flavor

00:01:42

So what you can do is for an option, you would just add the option name and the choices

00:01:45

So for this one, if you wanted like, you know, flavor, because we're doing cakes, type in flavor

00:01:54

And then here is where you would type in your different options, basically

00:02:00

You can do, you know, vanilla, you know, chocolate, however, this is where you can specify an increase of price

00:02:11

You know, if you wanted to add an extra price onto it, you would just use that symbol followed by a plus and then the number

00:02:20

So for example, if chocolate costs extra, that symbol is the slash sign

00:02:26

If you hold shift and press slash, it'll create that vertical bar and then you would just add a plus one and that'll add an extra dollar for chocolate

00:02:38

And then here's where you'd make your title

00:02:42

And then you're paying a little bit

00:02:49

Does anyone have any questions

00:02:51

so far? And then add a save and add this option as its choices

00:02:56

So we want to see what it's

00:02:58

Yeah, I was going to, what do we get to the picture? But we'll see what it looks like

00:03:01

So this is without the picture, you'll just see the title that right there

00:03:04

There's the original price

00:03:06

And then or sorry, there's the price and then the original prices crossed out

00:03:09

So it looks like it's on sale

00:03:10

And then the picture normally would be right on the title

00:03:12

We'll add that the quantity that how many they can order

00:03:15

And then here's the option

00:03:18

So you can see there's the main option with their flavor

00:03:21

And then if you drop down, you can see the vanilla and chocolate is plus one

00:03:25

So that'll add 31 if you were to add it to the cart

00:03:28

And then clearly you would have to have as it says right there, you have, we have not enabled e -commerce

00:03:33

Yeah, you're not going to go ahead and do that

00:03:35

That's obviously what we've done that before

00:03:38

So there's plenty of videos on the e -commerce

00:03:41

Right

00:03:42

Yeah, exactly

00:03:44

And then we're going to, we're going to do a separate training on that as well

00:03:47

And then

00:03:47

So it's, it's pretty easy to add the different options here

00:03:50

You would just like if you were to have flavor

00:03:52

Like it says here color and you type all your colors here

00:03:56

And then you can add as many of those as you want

00:04:00

And then the main content

00:04:04

And then the subtitles, like pretty self explanatory

00:04:08

They're going to appear right underneath here

00:04:10

And images

00:04:12

This is where you would add the image for your product

00:04:16

You could use our global media library

00:04:19

I have this cake already prepared

00:04:21

So you simply add your image there

00:04:23

And then when you save it

00:04:25

Oh, yeah, always when if you add in a file from your computer, you always want to make sure to click the upload button

00:04:31

And that'll upload it to the server

00:04:33

And that'll make sure that, you know, it's on our server

00:04:38

Yeah

00:04:45

Okay

00:04:46

So you have

00:04:46

Yeah

00:04:47

That much is also as you everybody knows, easy to just wherever I want to edit

00:04:51

I just got on the phone holder itself

00:04:54

Just go to any section that I want

00:04:56

And that actually will then be able to edit that widget predictor

00:04:59

Right

00:05:01

Exactly

00:05:01

And then you can do your subtitle and then your

00:05:04

Your main text right here

00:05:05

And then that's going to appear obviously right below it

00:05:08

Okay

00:05:09

So you can see all that right there

00:05:12

And then once you have everything all set

00:05:17

You can add multiple images actually if you want

00:05:21

That was going to be my question

00:05:22

You can also feel add multiple images to the slider there

00:05:26

Yes, you can always add multiple images

00:05:28

So if we want to add another cake, we would just simply add that second image

00:05:34

And that'll automatically create a slider

00:05:38

You can see the buttons down there and then the left and right arrows

00:05:41

That's going to automatically create a slider that will transition back and forth between those pictures

00:05:46

Perfect

00:05:47

You can adjust the slider settings right down here

00:05:51

So if you wanted it to fade instead of slide, you can use that and then the time

00:05:56

Or you can have it not slide automatically so they would have to press the buttons in order to manually slide

00:06:02

And then you can have a video as well

00:06:04

You can upload

00:06:05

And then the video frame would basically be what the video looks like it's in

00:06:11

So if you wanted the video to look like it's in a MacBook or desktop computer, you can choose that

00:06:15

Or the modal is when it pops out separately

00:06:17

Perfect

00:06:19

And then the buttons is where you would add additional buttons

00:06:21

This is the buttons besides the buy it now

00:06:23

The buy it now button is always going to be added automatically because that's how they purchase

00:06:30

And then if you wanted to add additional buttons, like if you wanted to link, you know, maybe to another page or you wanted to link to your Facebook or however you want to do it, you

00:06:39

could easily do that

00:06:40

You can even have them send an email

00:06:43

And that's in the buttons tutorial

00:06:44

We're going to go over that separately soon

00:06:46

And as far as the rest of the options, it's all pretty just like all the other widgets, pretty self explanatory

00:06:52

Once you get into the wall over the SEO and graph

00:06:56

And that will be some more advanced training

00:06:58

But yeah, this is pretty advanced training

00:07:00

And then for the additional options, this is just like all the others

00:07:05

You can determine whether this has to be required to be logged in or whether it's on mobile only or desktop only

00:07:11

So this is neat

00:07:12

If you have products you only want to show on cell phones, you can switch that on

00:07:16

And this will hide that entire product widget for desktops

00:07:22

And you can see the products will automatically adapt to the different screens

00:07:26

So on the on the small screen here, it'll it'll drop down and be

00:07:30

It'll bring the menu below whereas on the desktop, it'll put it right next to it

00:07:35

So you can have, you know, different widgets right below that

00:07:39

And it's pretty easy to use once you get into it in additional styles

00:07:43

This is where you would set like your backgrounds

00:07:46

And then do me

00:07:48

Go to the style and just choose a solid color

00:07:51

Yeah, that's what I usually like to do

00:07:54

It's like it's pretty simple

00:07:55

If you wanted to just fill in that whole area with like a basic gray or something, you would simply choose a solid color and then say that

00:08:02

And then that you see that whole area is now has a gray little background to it

00:08:06

And it'll also then you can also do that

00:08:08

And then now you can adjust maybe your fonts or your colors or whatever to really make things stand out a little bit

00:08:15

Right

00:08:15

Exactly

00:08:17

And then yeah, and then the chat, it looks like if you want a different products for desktop versus mobile, you would just simply create the two widgets, two products widgets, switch one to mobile, switch one

00:08:28

to desktop

00:08:28

And you can set them each independently

00:08:30

Exactly

00:08:31

Because remember, you got full control over what you have somebody seeing on the other side

00:08:35

So that's a feature that we haven't had a lot of people actually bring up

00:08:39

And that is really the whole point of the platform, if you will, the mobile first is right here, which are looking at the additional options, even though it's the simple little section, mobile only desktop only,

00:08:54

that is the secret sauce

00:08:57

That is what this whole thing is going to put together for that right there

00:09:01

You determine what it's seeing on what's device and what is and what is not seen

00:09:06

So I absolutely love when you can have that kind of control over someplace else that gives you no control

00:09:13

Basically, what's out there today is take it or leave it

00:09:15

We are saying, no, you determine what is seen and what is not seen

00:09:20

So name some person, name some product

00:09:23

So basically, if you think about what our product outreach is, every single person that has a business, that has a product, that has a service, that has an idea, almost every single person that has a

00:09:38

phone needs this, that has a laptop needs this

00:09:43

We can probably think of everybody who's going to need, hey, I have an idea

00:09:47

Well, man, I wish I could put a website together

00:09:49

I wish I could have landing pages

00:09:51

I wish I could have an audit responder

00:09:53

I wish I could put all this stuff together

00:09:54

We've done it for you

00:09:56

Right

00:09:57

Yeah

00:10:00

If you're not aware, a lot of the competition, they use responsive websites, which basically automatically adapt to the screen size, and then it just kind of moves the text and shifts it around so that it

00:10:09

looks nicer, whereas we basically give you two websites and one

00:10:14

You can have completely different things for the desktop and completely different stuff for the mobile, and essentially two different websites

00:10:19

It's pretty neat

00:10:20

100 % chat

00:10:21

100 % is correct

00:10:23

So you could do it in this way

00:10:25

There is places out there

00:10:27

I've explored everything

00:10:29

Trust me

00:10:30

I'm sure there's more companies that come out there, but I've been doing this for a few years trying to explore the competition

00:10:35

So I've gone out and I've said, okay, hey, I have a desktop site

00:10:40

Went to somebody who said, okay, I need this to be mobile optimized

00:10:45

Okay, send us your website

00:10:47

And I just sent them, just sent us something that did on Wix or whatever

00:10:50

I was getting quotes back for $10 ,000

00:10:53

Just to make it mobile, to make it mobile

00:10:59

So that's kind of what's out there right now

00:11:00

You have the choice of if you want a mobile one or you want a desktop one

00:11:03

So you can be talking to some person

00:11:05

You'll say, hey, do you want a mobile site? Do you want a desktop site? Do you want to both? Well, what responsive? Of course, you're going to say, you're going to come back with, well, I

00:11:13

can actually do you better

00:11:14

Is better is I'll do you the mobile site

00:11:16

And you know what, Mr

00:11:17

Potential client, I like you so much

00:11:20

I'm actually going to do your desktop site and your tablet site, all complimentary

00:11:24

I'm just going to do those

00:11:25

I'm going to, I'm going to concentrate

00:11:27

I'm going to make your mobile perfect

00:11:28

Optimize it

00:11:29

And then I'm actually going to do your desktop and your tablet for free

00:11:33

So you can actually be marketed in that way

00:11:35

I'm doing a mobile site and we're throwing in the desktop site for free

00:11:38

Because that's your choice right now

00:11:40

You can go out and do a responsive site

00:11:42

You can go out and do a mobile only site and a website, which is the way that you would need to do it

00:11:47

In order to really truly compete with what you have in front of you, you literally have to go out, have somebody build you a mobile site and have somebody build you a desktop site and connect

00:11:56

it

00:11:57

Chuck, have a pool company process without a website and it suggests on which template I should select

00:12:03

And for pool company specific is not in a template

00:12:06

Chuck, I'll make you a pool template

00:12:07

How about that? Does that work for you, Chuck? We will start feeding into the more niche

00:12:18

Templates

00:12:18

Again, as I kind of say, you can take any template

00:12:22

Chuck, as you're clearly kind of pointing to and make anything out of it

00:12:27

Because we're just changing pictures and images so you can really do anything

00:12:30

But I will make a pool template because I think that would be a cool one

00:12:34

I was going to work on a pool one, a landscaping one

00:12:36

I've just been to stay barbershop template too as well

00:12:39

Oh, nice

00:12:41

All right

00:12:42

All right

00:12:42

Go ahead

00:12:44

Yeah, I was just going to show off this mobile switch if you wanted where if I switch that on and save it to mobile, you'll see this is still the same on here

00:12:52

But now if I would have viewed the full screen, the whole thing is just disappeared because it's now mobile only

00:12:58

Right

00:12:58

And then that's where you create a separate product and then that would appear on the desktop only once you flip that switch

00:13:04

All right

00:13:04

You just create one product and then go ahead and create another product and create another product and then I'll just

00:13:11

Right

00:13:12

Yep

00:13:13

And then if you want, we can go over the countdown widget

00:13:16

That one's pretty easy

00:13:17

Yeah, do the countdown widget too as well

00:13:18

But before we continue on, is there any questions?

00:13:21

I have

00:13:22

I have something to use, Scotty

00:13:23

I've got, as you know, a couple websites that I've built

00:13:30

And I'm used to a mobile site only having very minimal info

00:13:36

You know, your name, your phone number, your contact information

00:13:41

So if I was to clone my original word, my original desktop that has like 20 pages or 30 pages or 100 pages, whatever I've got

00:13:53

Can I clone that site and then modify it on

00:14:01

And just have it show as mobile

00:14:04

Yes

00:14:05

And how would that work as far as Google? What are they looking at? Are they going to look for just the mobile site? Or are they going to look for the desktop? You know, because it

00:14:18

is

00:14:19

It is mobile first

00:14:24

So my biggest question

00:14:26

is why the need to have a mobile site

00:14:31

And the desktop, yes, it's great to have them both

00:14:35

But with MF

00:14:38

Google sees the mobile site first, right? Right

00:14:43

So

00:14:45

Let me ask you a question,

00:14:46

Alan

00:14:47

I'm going to do

00:14:49

Right here

00:14:49

Okay

00:14:50

Devils advocate

00:14:51

Devils advocate

00:14:52

Okay

00:14:53

So what you're trying to tell me is you will build me a mobile site and you don't want to give it

00:15:01

what I'm saying is normally in the old world a mobile site did not look like a desktop correct it had little bitty pictures here little bitty oh that's good it's horrible yes so right now when

00:15:19

I look at my websites on on an iPhone it's the same exact site as what I have on my desk and here would be a good question

00:15:35

probably the only way to answer it I think would be is to kind of test it what I think you're saying is if I actually cloned it and made it all all mobile and basically didn't

00:15:48

have it as coming up on desktop what will happen well I want to have both both I just want one site to come up for people that are on desktop and I wanted another site that

00:16:03

comes up strictly for mobile but on the mobile I don't see a reason to have all that other information that I have on a desktop right well of course that's that's the whole just it that's

00:16:18

the whole was the whole thing where remember we're at the very beginning when I was meeting with Sylvia goes there's certain things that is relevant on a click -to -call do I ever need click -to

00:16:29

-call in a desktop no exactly I don't need any of that kind of stuff it's like okay click -to -call I'm gonna be that's one of the main reasons why I mean our thing is you

00:16:39

have your business in your hand I built one where this marketing an MLM right an MLM company and then they had a marketing page well I read it a marketing page so what they used to

00:16:50

have was they had their front -end website then they had their affiliate site then they had a marketing site so they had three different sites okay three different sites so imagine you out there and it

00:17:02

was some big watch thingy right and you're out there and you're trying to and customer comes up to somebody's on the street says hey I like that thing on your watch well now you're back into

00:17:11

the old school ways of things well let me talk to you let me hand out a business card let me get your phone number let me do this old school way right now let me get

00:17:19

back home to my computer now let me send you something now let me let me let me try and track down this thing okay well how is that really gonna work that's not your business in

00:17:28

the palm of your hand in this modern age you got to be kidding me so what I like is like well let's put everything on the palm of one hand so mobile so is able to

00:17:36

put everything connected all on mobile so the same person would come up to you and say hey I like that watch in your hand great let me send you a video let me send you to

00:17:45

my website let me pop this thing on my phone it makes it look like it's an app now let me get your contact information let me send you all this oh you like it so much

00:17:53

you want to buy it all right let's now let's just go ahead and complete the transaction transaction all from my phone so I was able to take something that people had to go back to their

00:18:03

home back to the desktop in order to complete a transaction I've done it all on our phone with their system it doesn't matter what it is your business will always be in your hand mr mr

00:18:12

customer walking down the street it's in the palm of your hand doesn't matter throw away your business cards with this throw them away I will show you I've actually built one for a card dealership or

00:18:24

I built a marketing site okay and I've tested it who's gonna get information that's compared to a business card I had it where mr mr customer hey I think you want to come back to see

00:18:34

this card great let me get your information because I'm talking to you personally what's your name mr

00:18:40

John Smith which phone number they're always gonna say what my phone number was or to email okay check your email box right now you just got a message personally from me not from the company it's

00:18:50

from me now I get a hundred percent of people give me that information now flip it you'll give some of your business card you're probably gonna get a hundred percent people not telling you though you

00:19:04

have a very very powerful tool in your hands for any market any place so that you can that's why you can totally make this thing be mobile or be desktop certain things only require you to

00:19:18

be on one and not on the other and so up until now your customers had to make a choice hey I really need a clip to call on my phone but it's pointless on my desktop

00:19:28

oh my gosh this doesn't make any sense well I have no choice you're just giving them a choice it's just it's absolutely incredible and I'm glad everybody is seeing yes I actually have I'll actually put

00:19:44

something in the chat what I've made up it was just a real simple thing and I've actually done it before with this other landscaping company I said you guys think you're getting leads let me show

00:19:52

you how to get leads so like how are you getting all these emails did it's pretty simple nobody it's psychology nobody turns you down to your face nobody turns you down personally everybody turns down companies

00:20:06

hey how many of us have gone out being bought in something and at the end of that transaction they said hey Alan what's your email address oh no it's Alan at AOL dot you'll never gonna

00:20:19

get my email address as you're talking to a company but now me and Alan are out there aren't just chitchat and I'm the same sales associate and we're just chitchat and then I pull up on

00:20:29

my phone and say I know you're looking for this certain certain phone let me let me get your information and give you a person to call back you're gonna give it to me because you're just

00:20:37

talking me as a person so what you can do with this this product is absolutely phenomenal I have not found an avenue that this cannot work in and then you sewed in every every language and

00:20:51

now just imagine where we're gonna be in a year from now so great question

00:20:56

Alan great question

00:20:57

yeah there's a ton of potential with this so should we go over the countdown yeah okay cool so countdown's pretty easy what this does is this adds a nicely formatted countdown timer I'm just gonna ship

00:21:17

this above the product so it's easier to see and what this does is this let you enter a date and time so let's do a title work quickly so all you would do is you enter

00:21:31

your title and then you would set a date and time that you wanted to actually end in so you can click the calendar here and this will open up a little calendar so if you want

00:21:40

to end like a week from now we would just simply click the date and this will bring up a range of times you click the general range of time that you want this to end so

00:21:50

if we went around 10 30 you click that and it'll just generate that time for you and you can also type that in manually erase that and you know you want to do 26 instead you

00:22:02

can do that manually and then select the time zone we have all the time zones and then the redirect URL and this is what's going to be unlocked once that countdown ends so if you want

00:22:13

to like you know use a special giveaway or something or you know whatever you want you can put the URL here and then that'll only be available after the countdown ends so once you put that

00:22:28

in there and save it you'll see it'll automatically create a little countdown timer that's counting down seven days 19 hours and then once that hits 00 then it'll reveal that link

00:22:41

It's just perfect for your scarcity, your landing pages, all this up, everybody loves the countdown clock so it's a great one and we're going to have one from our launch and yeah it's good for lots

00:22:53

of stuff

00:22:54

And all the other additional options it's just like all the other stuff you can mobile only or desktop only

00:23:03

It's the same so perfect so is there any questions,

00:23:08

any comments, anything about what we've just gone over anything in general? That's a good background all the same stuff as well that's a good thing

00:23:23

Alrighty yes we I like when there's depth and there's less questions

00:23:29

that means we're picked up in a ring

00:23:35

Yes for the URL this would be it would basically be determined by whatever you switch us on to

00:23:42

If you wanted a different URL for desktop or mobile you would turn you would create two widgets and turn one to desktop and one to mobile essentially

00:23:50

Exactly but yeah if you leave them both off it's going to show the same website to both and then it's going to show that same link to both

00:23:59

Yeah perfect great great job everybody thank you so much this will be obviously recorded and uploaded shortly so thanks everybody for for being on and then we will see you again tomorrow for another tomorrow it

00:24:12

will be on Monday and then we will do more widget training