WEBVTT

1
00:00:00.160 --> 00:00:03.439
In this video, we are going to cover how to create a signup form.

2
00:00:03.439 --> 00:00:06.740
So we're going to go to marketing and then landing pages and forms

3
00:00:07.040 --> 00:00:09.360
which allows you to have these two buttons right here.

4
00:00:09.360 --> 00:00:13.460
So we have a create new landing page or create new embedded form.

5
00:00:13.925 --> 00:00:16.185
We're going to start off with the new landing page.

6
00:00:16.965 --> 00:00:23.065
Once you've created your new landing page, you have the option of the Builder two point o or the Legacy Page Builder.

7
00:00:23.685 --> 00:00:28.425
We're going to start off with the Builder two point o. So we're going to go in and create that page.

8
00:00:30.090 --> 00:00:33.210
From there, you're going to want to build out your how you want it to look.

9
00:00:33.210 --> 00:00:37.470
So for this video, we're going to just have it set up as a one row,

10
00:00:37.850 --> 00:00:40.989
one column and then we're only going to have that full width.

11
00:00:41.610 --> 00:00:43.545
Now, you can go in and add your element.

12
00:00:43.864 --> 00:00:46.925
When you go down, you're going to end up selecting the add input

13
00:00:47.625 --> 00:00:50.045
and then you're going to end up selecting the field type.

14
00:00:50.265 --> 00:00:58.765
Anything here on the contact custom field is going to end up applying to that contact record directly whereas anything on the custom field here

15
00:00:59.540 --> 00:01:00.520
will only apply

16
00:01:00.899 --> 00:01:06.920
in terms of the sign up form itself. So all of this information here will end up being,

17
00:01:07.700 --> 00:01:11.715
only on that sign up form, whereas this will be in the contact custom field.

18
00:01:11.715 --> 00:01:14.854
You can create the contact custom fields in your settings,

19
00:01:15.554 --> 00:01:19.174
which we can cover in another video. So we're going to select your field,

20
00:01:20.194 --> 00:01:22.914
select name, and then you're able to change the style.

21
00:01:22.914 --> 00:01:26.375
So since this is the name, you have the option to require both,

22
00:01:27.000 --> 00:01:27.900
have it separate,

23
00:01:28.200 --> 00:01:29.180
or put first.

24
00:01:29.240 --> 00:01:35.100
And then you can have the option to make it required which will show for them that they cannot submit it until that is filled.

25
00:01:36.360 --> 00:01:40.620
Then you're able to change the label style. So this is the example of the floating,

26
00:01:41.884 --> 00:01:42.625
the inline

27
00:01:43.725 --> 00:01:47.505
and then above the field. So that's just changing where that label is.

28
00:01:48.445 --> 00:01:51.344
For the sake of this video, we're going to have it floating

29
00:01:51.645 --> 00:01:54.685
and then you're able to change like the margins and things like that.

30
00:01:54.685 --> 00:01:56.784
So if I wanted a very large margin,

31
00:01:57.140 --> 00:02:00.759
very large padding, I absolutely can and then you can round it out,

32
00:02:02.259 --> 00:02:05.079
in terms of how this element is going to look.

33
00:02:05.380 --> 00:02:06.520
Once we go in

34
00:02:07.299 --> 00:02:11.000
and add that name, then we're going to want to add another one.

35
00:02:11.325 --> 00:02:13.345
We'll go in, add another element,

36
00:02:13.805 --> 00:02:14.705
add the input,

37
00:02:15.165 --> 00:02:18.545
and then we're going to select that field and then we'll do an email.

38
00:02:18.845 --> 00:02:21.905
So you'll do this for every single thing that you're going to want to,

39
00:02:22.445 --> 00:02:23.985
obtain from your users,

40
00:02:24.525 --> 00:02:26.305
whether or not you have,

41
00:02:26.980 --> 00:02:32.760
this be entirely full width or if you want the section to be differently. Let's say we'll do medium

42
00:02:33.620 --> 00:02:35.960
so that we can change that padding,

43
00:02:36.900 --> 00:02:38.520
make it look a little bit better.

44
00:02:40.545 --> 00:02:43.285
Okay. Now once you have your form fields here,

45
00:02:43.905 --> 00:02:45.365
you're going to click add element

46
00:02:45.745 --> 00:02:48.165
and this is where you're going to want to select your button.

47
00:02:48.305 --> 00:02:51.585
So when you have this button, you're going to be able to click submit.

48
00:02:51.585 --> 00:02:54.805
You can have it change something else like sign up.

49
00:02:56.080 --> 00:02:57.060
You can have subtext,

50
00:02:59.519 --> 00:03:00.739
free pizza.

51
00:03:02.400 --> 00:03:08.625
And then you have the option to either opt in, go to, open pop up, scroll to section, or download file.

52
00:03:08.865 --> 00:03:11.525
Now for this sake, we're going to do opt in.

53
00:03:12.225 --> 00:03:19.685
You have the option in the two point o builder to have them opt in only to the page or you can have it selected to a specific list.

54
00:03:20.065 --> 00:03:24.360
Once you have that set up, you can also select the option to have them redirected

55
00:03:24.900 --> 00:03:29.719
from this sign up to a different page that can also be set up in the list itself,

56
00:03:30.420 --> 00:03:33.079
in terms of a redirect once they have done.

57
00:03:33.459 --> 00:03:35.159
So once we have this all together,

58
00:03:36.174 --> 00:03:40.595
you're able to kind of look at that page and see that this is what the sign up will look like.

59
00:03:40.735 --> 00:03:42.995
Now another option is is you can

60
00:03:43.614 --> 00:03:48.275
change this button and instead of opt in, you can do that go open pop up.

61
00:03:49.870 --> 00:03:53.250
In this pop up, this is where you can create that sign up form again.

62
00:03:53.310 --> 00:03:55.170
You'll follow the same exact steps,

63
00:03:56.590 --> 00:03:58.130
create your rows, your sections,

64
00:03:58.910 --> 00:04:02.350
and your columns, and then you're going to want to add those form fields again.

65
00:04:02.350 --> 00:04:06.705
So you want to manually add each of your form fields that you would like to have,

66
00:04:07.325 --> 00:04:08.065
and then

67
00:04:09.325 --> 00:04:10.465
click the wrong thing,

68
00:04:10.845 --> 00:04:13.825
which is an easy fix. So we'll go in, add that element,

69
00:04:14.765 --> 00:04:19.360
contact name. And so since this is in the wrong place, we're just going to move that up.

70
00:04:21.500 --> 00:04:22.400
There we go.

71
00:04:24.220 --> 00:04:26.960
And then we're going to add another

72
00:04:27.340 --> 00:04:27.840
element.

73
00:04:29.755 --> 00:04:30.655
There we go.

74
00:04:31.755 --> 00:04:32.255
Input

75
00:04:32.955 --> 00:04:34.335
and then we're gonna select

76
00:04:34.715 --> 00:04:39.514
that email. So you're able to select in the two point o build page builder.

77
00:04:39.514 --> 00:04:40.975
You can have either inline,

78
00:04:41.700 --> 00:04:45.400
directly built on to the page or you can do this pop up option.

79
00:04:45.620 --> 00:04:48.660
Now, the pop up is only going to be on the page itself.

80
00:04:48.660 --> 00:04:51.400
It's not going to carry over into other pages.

81
00:04:51.700 --> 00:04:54.440
Of course, you can always go in and save this,

82
00:04:54.820 --> 00:04:56.420
save the pop up in terms of,

83
00:04:57.515 --> 00:04:58.975
going in and click save,

84
00:04:59.355 --> 00:05:05.055
and then make this a global block or just have it a save section so you can easily recreate it on another page.

85
00:05:05.675 --> 00:05:07.535
But ultimately, it is only,

86
00:05:07.995 --> 00:05:09.535
locked to this page specifically.

87
00:05:09.995 --> 00:05:10.495
Now,

88
00:05:11.040 --> 00:05:14.419
now that we have the two point zero sign up, we're going to go back in,

89
00:05:15.040 --> 00:05:18.580
create a new landing page, and we're going to do the legacy page builder.

90
00:05:18.880 --> 00:05:20.820
So, we're going to create a new blank page.

91
00:05:22.720 --> 00:05:25.185
Here we go. And then add section.

92
00:05:25.185 --> 00:05:30.865
So once you're here, you're able to kind of type in what you're looking for and in this case, we're doing a sign up.

93
00:05:30.865 --> 00:05:35.285
So we have the list sign up which is a simple inline one.

94
00:05:35.745 --> 00:05:42.880
We have the two step which is going to have the button and then you're going to have this pop up or you can have a simple,

95
00:05:43.340 --> 00:05:44.560
horizontal one.

96
00:05:45.180 --> 00:05:50.000
Now, when we go in and customize the list sign up, you're able to have default

97
00:05:51.034 --> 00:05:53.294
or you can have that box and media look.

98
00:05:55.034 --> 00:05:58.735
You can also decide whether or not you want your text to be above the form

99
00:05:59.514 --> 00:06:00.414
to the left

100
00:06:01.594 --> 00:06:06.080
or to the right. So you can customize it quite a bit in terms of how you want it to look.

101
00:06:06.080 --> 00:06:07.940
So we can have no radius,

102
00:06:09.200 --> 00:06:10.340
medium or large,

103
00:06:11.360 --> 00:06:12.100
or large.

104
00:06:13.440 --> 00:06:16.155
So as you can see, it's going to customize that a whole bunch.

105
00:06:16.875 --> 00:06:20.875
And then you can decide whether or not you want additional padding above, or below.

106
00:06:20.875 --> 00:06:22.895
That's just going to make this area here

107
00:06:23.675 --> 00:06:24.495
a little larger.

108
00:06:25.595 --> 00:06:29.695
Then you can select your image. So we'll find one of this really cute puppy.

109
00:06:30.860 --> 00:06:32.720
So now we have this cute little image,

110
00:06:33.500 --> 00:06:38.080
or you can decide to have it on the background. So say we don't like the image on the right side

111
00:06:38.460 --> 00:06:43.919
and instead we want to end up adding it as a background image. So you can add that little puppy

112
00:06:45.455 --> 00:06:47.075
and it'll show in the background,

113
00:06:47.775 --> 00:06:51.075
as long as you have this style set as custom.

114
00:06:51.535 --> 00:06:56.035
So once you have it set for custom, then you'll be able to have that custom image as well.

115
00:06:56.175 --> 00:07:01.190
Otherwise, it's going to take on the colors of your theme which is being phased out.

116
00:07:01.250 --> 00:07:03.430
You can also select a background video.

117
00:07:03.569 --> 00:07:09.349
So you can decide on doing a video instead of an image and then you can have an overlay as well.

118
00:07:09.410 --> 00:07:22.074
This can be great in terms of like if you don't want the video or this image to be taken apart from all of this, and you want these words to be a little bit, easier to see, so you can just add a little bit of a overlay.

119
00:07:22.694 --> 00:07:25.514
And then you can just kinda change the opacity here.

120
00:07:25.895 --> 00:07:30.419
And then you can also change the color in terms of maybe we want more of a pink.

121
00:07:31.600 --> 00:07:37.380
So lots to customize there. You can change the heading color. Say we want the heading to be black,

122
00:07:38.320 --> 00:07:41.220
and then the text color can be a different color as well,

123
00:07:41.865 --> 00:07:42.585
which is not

124
00:07:43.465 --> 00:07:44.445
there we go.

125
00:07:46.345 --> 00:07:48.525
So you can customize all of those options.

126
00:07:49.305 --> 00:07:50.685
You can decide your width.

127
00:07:51.145 --> 00:08:00.520
Again, this is going to be similar to that two point o page builder in terms of having that extra space left and right And then you can decide whether or not you want vertical spacing as

128
00:08:00.900 --> 00:08:03.620
well. And then here is where you're going to customize it further.

129
00:08:03.620 --> 00:08:09.800
So like the two point o page builder, there is only the contact fields and then the regular fields.

130
00:08:10.020 --> 00:08:10.500
In the,

131
00:08:12.505 --> 00:08:17.305
legacy page builder, it's only gonna show up on the contact custom fields.

132
00:08:17.305 --> 00:08:19.325
So you're able to have that name,

133
00:08:19.705 --> 00:08:25.005
your email, and you can if you want, you can have the additional fields that you have already set up in your account.

134
00:08:25.730 --> 00:08:27.990
You're able to have just first name,

135
00:08:29.250 --> 00:08:34.070
the one field option, or you can have two separate fields for name and last name.

136
00:08:34.610 --> 00:08:36.789
You can customize your button. So

137
00:08:37.250 --> 00:08:37.750
let's

138
00:08:39.169 --> 00:08:40.230
get pizza.

139
00:08:43.145 --> 00:08:44.505
And you can decide your width.

140
00:08:44.505 --> 00:08:49.005
So whether you want it to be standard, which is meaning that it's not going to really have anything

141
00:08:49.545 --> 00:08:55.245
too extra outside of what is covering the text or if you want it to take up the full space,

142
00:08:56.170 --> 00:08:59.550
Then you can decide your button size whether it's going to be large,

143
00:09:00.170 --> 00:09:00.670
medium,

144
00:09:01.770 --> 00:09:02.270
compact,

145
00:09:03.290 --> 00:09:04.110
or small

146
00:09:04.490 --> 00:09:10.030
and that's just going to decide how big the text is going to be, and kind of shrink it down a little bit.

147
00:09:10.675 --> 00:09:12.215
You can change the color.

148
00:09:12.435 --> 00:09:16.135
So if we wanted it to be a different color than what is already set up here,

149
00:09:16.995 --> 00:09:21.735
as well as the text color. So you can customize those quite a bit as well.

150
00:09:21.795 --> 00:09:23.815
Let's make that look a little bit better.

151
00:09:25.050 --> 00:09:28.270
And then you can have the change of either have it in outline

152
00:09:28.650 --> 00:09:35.790
where only that color here is going to show around the text or you can have that to be solid.

153
00:09:36.250 --> 00:09:40.535
You can also customize this message in terms of like warning them that they can unsubscribe,

154
00:09:41.315 --> 00:09:44.535
as well as having the fields either above the place,

155
00:09:45.235 --> 00:09:50.295
of the field or you can have it in line similar to how we had it previously.

156
00:09:52.200 --> 00:09:56.300
And then you can add additional content in terms of a button overlay media,

157
00:09:57.000 --> 00:10:00.940
all of that and then we'll do another one. We'll do the two step.

158
00:10:03.080 --> 00:10:05.339
Now, with the two step, it's going to have this button,

159
00:10:05.685 --> 00:10:09.065
that you can decide whether or not you want it to have this.

160
00:10:09.365 --> 00:10:12.905
If you don't want to have your own button, so let's say

161
00:10:13.605 --> 00:10:14.665
this button here.

162
00:10:15.045 --> 00:10:16.745
So it says, I want it.

163
00:10:17.205 --> 00:10:18.585
So we want to customize.

164
00:10:20.899 --> 00:10:22.120
Where did it go?

165
00:10:22.500 --> 00:10:23.399
I want it.

166
00:10:23.779 --> 00:10:29.300
Now if we customize this and we keep it blank, we can still use this two step sign up form.

167
00:10:29.620 --> 00:10:32.600
The only thing that's gonna change is click save.

168
00:10:33.925 --> 00:10:37.625
We're going to want to create a button somewhere else. So we'll go to buttons,

169
00:10:39.605 --> 00:10:41.785
and then we'll go here, call to action.

170
00:10:42.964 --> 00:10:44.264
I want pizza.

171
00:10:46.260 --> 00:10:57.560
You'll click your link and then you're gonna end up going on to your on page items and that's where you're gonna click that two step sign up form to be able to utilize your own button rather than the one that's already been created.

172
00:10:57.735 --> 00:11:01.995
So you can do this where anywhere on your page when using the legacy page builder.

173
00:11:02.855 --> 00:11:04.154
Click save real quick

174
00:11:04.695 --> 00:11:08.935
and then we go back here and this is where you're going to be able to customize this.

175
00:11:08.935 --> 00:11:15.630
Now the two step sign up form is going to be more of a pop up, which is again only going to be on this page.

176
00:11:15.630 --> 00:11:18.450
It's not gonna be able to be utilized in other pages

177
00:11:18.829 --> 00:11:19.329
unless

178
00:11:19.790 --> 00:11:21.230
you save it as a template.

179
00:11:21.230 --> 00:11:24.769
So if you save it as a template, you can easily recreate it on other pages.

180
00:11:25.390 --> 00:11:25.845
But

181
00:11:26.245 --> 00:11:29.225
essentially it'll only be on this page specifically.

182
00:11:30.004 --> 00:11:35.225
And then you're able to customize this as well, very similar to how you had on the other one.

183
00:11:35.524 --> 00:11:38.105
And then our last option is that horizontal,

184
00:11:40.930 --> 00:11:41.430
Horizontal

185
00:11:42.529 --> 00:11:46.230
and you're able to customize that again. You're going to have your media.

186
00:11:46.290 --> 00:11:48.230
So let's just pick our pup,

187
00:11:49.250 --> 00:11:51.165
which is going to show right here on the left.

188
00:11:51.725 --> 00:11:53.584
You can change again to the custom

189
00:11:53.964 --> 00:11:56.365
if you want it to have like an image behind it.

190
00:11:56.365 --> 00:11:59.745
Otherwise, it's going to do your default or alternate settings

191
00:12:00.285 --> 00:12:04.945
and then you're able to do the, the video background again and then the spacing.

192
00:12:05.450 --> 00:12:08.910
All of these are essentially the same. It's just going to have a different look.

193
00:12:09.450 --> 00:12:09.950
Now,

194
00:12:10.490 --> 00:12:14.029
that's the two full landing page sign up forms.

195
00:12:14.330 --> 00:12:16.490
Our other option is that embedded form.

196
00:12:16.490 --> 00:12:21.824
So when you click that embedded form, you're able to have a couple of different previews of different styles

197
00:12:22.365 --> 00:12:27.185
and once you select one, you're able to just click the name and then create the page.

198
00:12:27.404 --> 00:12:29.185
Now, I've already created one here.

199
00:12:30.285 --> 00:12:34.470
Now, once you've created your page, you're able to go ahead and change the template.

200
00:12:34.610 --> 00:12:36.870
So say we don't like this Aurora,

201
00:12:37.410 --> 00:12:40.550
template and we'd like a different style, you can do your bespoke,

202
00:12:41.410 --> 00:12:41.910
Andy's

203
00:12:42.770 --> 00:12:43.270
serenity,

204
00:12:44.514 --> 00:12:45.014
Righty,

205
00:12:45.954 --> 00:12:46.454
Plain.

206
00:12:48.915 --> 00:12:52.214
So you have all kinds of different ones that you can kind of try out.

207
00:12:52.834 --> 00:12:56.615
This may look different, depending on when your account was created.

208
00:12:56.675 --> 00:13:00.060
Some of these templates have been phased out, but typically the bespoke,

209
00:13:00.680 --> 00:13:01.180
Andy's,

210
00:13:01.560 --> 00:13:02.060
Serenity,

211
00:13:03.000 --> 00:13:06.380
and the Aurora are ones that are often into the accounts.

212
00:13:06.680 --> 00:13:10.060
Now you have the option to do the image as the full background

213
00:13:10.519 --> 00:13:11.980
or just the top portion,

214
00:13:12.785 --> 00:13:17.584
and then you're able to do like the rounded corners on the form inputs which are going to apply here.

215
00:13:17.584 --> 00:13:20.165
So right now it's small, you can do medium,

216
00:13:20.865 --> 00:13:25.365
and then you can do large, and then you can do an outline as well. So we have medium,

217
00:13:27.029 --> 00:13:29.769
small and that is just going to apply on the outside

218
00:13:30.550 --> 00:13:34.570
edge. You can customize your text colors. You have your heading colors,

219
00:13:35.430 --> 00:13:37.370
your text color, form field, background.

220
00:13:37.830 --> 00:13:42.390
All of these options are going to end up pulling from your style guide as well as the standard ones.

221
00:13:42.390 --> 00:13:46.195
So once you've had your style guide set up, you'll already have this option,

222
00:13:46.735 --> 00:13:49.235
to pull right into your sign up form.

223
00:13:49.695 --> 00:13:51.395
Now here, we're going to add our field.

224
00:13:51.455 --> 00:14:01.270
So we have that contact custom field like we've talked about before and then this is going to be similar to that two point o page builder where you can add custom fields that are not on the contact record.

225
00:14:01.570 --> 00:14:08.710
Those again are only going to stay connected to this sign up form and are not going to apply onto that contact record.

226
00:14:09.435 --> 00:14:12.415
Then we go into our settings where we can customize those

227
00:14:12.715 --> 00:14:17.695
and we're able to either decide for it to be inline, which is gonna be on the page itself,

228
00:14:18.075 --> 00:14:18.815
a modal,

229
00:14:19.195 --> 00:14:21.995
or a slide in. So you have two different ones.

230
00:14:21.995 --> 00:14:27.320
These are the pop up styles and then this is the inline where it's gonna be inside the page.

231
00:14:27.860 --> 00:14:32.280
This will be right in the center of the page when it pops up and then this will slide in on the bottom,

232
00:14:32.980 --> 00:14:34.040
or on the left.

233
00:14:34.980 --> 00:14:39.240
And then you can decide how you want it to be in terms of restricting the view.

234
00:14:39.555 --> 00:14:43.175
With the embedded form, you can have only the desktop, only mobile.

235
00:14:43.715 --> 00:14:49.575
You can change how often you wanna show it to the same person and then you can change the conversion action as well.

236
00:14:49.795 --> 00:15:00.770
So if you change it from the opt in to a list and say you go to the go to an order form, go to a URL, or no action, it will actually not be a sign up form any longer.

237
00:15:01.070 --> 00:15:07.330
It will just be a pop up option for them to have a button to go to whatever action you've selected.

238
00:15:08.645 --> 00:15:10.245
Then afterwards, you can have,

239
00:15:10.725 --> 00:15:16.025
custom after conversion settings, and then you can decide how you want it to be triggered. So

240
00:15:16.385 --> 00:15:16.885
with

241
00:15:17.245 --> 00:15:17.745
the,

242
00:15:18.965 --> 00:15:24.680
classic page builder, you don't have the option to customize them in terms of, like, page load, exit intake,

243
00:15:24.980 --> 00:15:27.480
intent, scroll percentage, time, or manual.

244
00:15:28.180 --> 00:15:31.960
Whereas if we were to go to our two point o page builder,

245
00:15:32.980 --> 00:15:33.960
here for example,

246
00:15:36.235 --> 00:15:37.295
go in and edit

247
00:15:38.075 --> 00:15:47.615
and we go into that pop up, we're able to do those advanced settings which allows you to decide when you want it to show similar to how you have it onto the embedded page.

248
00:15:48.155 --> 00:15:52.140
So this is gonna be manual Simplero how with creating a button over here.

249
00:15:52.360 --> 00:15:55.640
It's a trigger the pop up form and then you have time.

250
00:15:55.640 --> 00:16:07.385
So based off a specific amount of time, scroll percentage, exit intent, which means once somebody lifts their mouse up this way as if they're gonna exit out of your view, then they're going to automatically

251
00:16:07.765 --> 00:16:10.825
have that pop up or you have it right at page load.

252
00:16:11.045 --> 00:16:15.865
You can also have that teaser mode, which is gonna allow you to have something in the corner,

253
00:16:16.165 --> 00:16:18.330
that's gonna say like, hey, check this out.

254
00:16:18.890 --> 00:16:22.270
And they can close down their pop up but reopen it later.

255
00:16:23.290 --> 00:16:24.590
So we're gonna click save.

256
00:16:25.290 --> 00:16:31.905
Now, once we have our sign up form and we're happy with it, you're gonna want to take this embedded code.

257
00:16:32.065 --> 00:16:38.965
The embedded code is required in order to utilize it because this embedded form is not able to use by itself.

258
00:16:39.345 --> 00:16:44.565
If you try to share the link for this embedded form exactly, it'll show this example page

259
00:16:44.980 --> 00:16:48.840
which isn't quite ideal. So we're going to copy this embedded form,

260
00:16:49.860 --> 00:16:56.840
copy it here, and we'll go to our two point o page builder for example and we're going to just add an element

261
00:16:57.765 --> 00:16:59.865
and you'll do an HTML element

262
00:17:00.405 --> 00:17:01.945
and you'll paste that here

263
00:17:02.325 --> 00:17:05.145
so that once you have that pasted there into it,

264
00:17:05.845 --> 00:17:07.305
then we can go here.

265
00:17:08.964 --> 00:17:10.425
And what are our settings?

266
00:17:10.805 --> 00:17:12.585
I forgot what we switched it to.

267
00:17:14.580 --> 00:17:16.280
Exit intent. Okay.

268
00:17:16.980 --> 00:17:21.080
So once you have it saved, once your script is ready and in this page,

269
00:17:21.460 --> 00:17:25.000
we're actually gonna change that to page here we go.

270
00:17:26.184 --> 00:17:27.804
Okay. Now, I see this little,

271
00:17:28.904 --> 00:17:34.284
widget that's gonna show us our page. There we go. Now, we can see that our embedded form is there.

272
00:17:34.345 --> 00:17:42.279
So you can add this embedded form either on this two point o page builder through that HTML element or if we were to go here

273
00:17:43.299 --> 00:17:44.840
to our legacy page,

274
00:17:45.700 --> 00:17:46.519
click edit.

275
00:17:48.340 --> 00:17:51.799
We'll actually want to use a script. So you click script

276
00:17:52.419 --> 00:17:53.640
and you'll add that

277
00:17:57.205 --> 00:17:58.585
there. Click save.

278
00:17:59.205 --> 00:18:03.305
So when we go here, we can see that widget again and we can pop it up.

279
00:18:03.525 --> 00:18:05.705
Now if you want it to be a manual,

280
00:18:06.565 --> 00:18:08.825
in terms of you want it to be,

281
00:18:10.030 --> 00:18:13.810
the button is to trigger it, and they have to decide that directly.

282
00:18:13.950 --> 00:18:15.810
You can click this manual trigger.

283
00:18:16.590 --> 00:18:19.310
When you do this, you'll actually want to,

284
00:18:19.790 --> 00:18:22.370
copy this aspect right here.

285
00:18:24.075 --> 00:18:26.735
We'll just copy all of it but you only want the hashtag

286
00:18:27.035 --> 00:18:32.095
number and you'll actually connect it to a button. So if we were to

287
00:18:33.275 --> 00:18:34.175
edit this,

288
00:18:34.795 --> 00:18:36.015
say we wanted this

289
00:18:36.395 --> 00:18:38.095
and we're gonna go to

290
00:18:39.809 --> 00:18:40.710
and we're going

291
00:18:41.010 --> 00:18:42.309
to copy that.

292
00:18:46.690 --> 00:18:50.309
So now we have this landing page, now we're going to publish it.

293
00:18:51.785 --> 00:18:56.605
So if we go in and we're able to trigger that there and we're going to take that same knowledge.

294
00:18:56.665 --> 00:18:58.285
So we're going to copy that coding,

295
00:18:59.865 --> 00:19:01.485
go into this one

296
00:19:02.424 --> 00:19:04.924
and we're going to update our button here

297
00:19:07.060 --> 00:19:08.760
And instead, we're going to

298
00:19:09.140 --> 00:19:10.200
link that.

299
00:19:12.100 --> 00:19:12.920
Click save.

300
00:19:17.780 --> 00:19:19.935
And then now you can trigger it that way as well.

301
00:19:19.935 --> 00:19:22.355
So that's how you'll be able to manually trigger it,

302
00:19:22.735 --> 00:19:25.295
as well as add that embedded code and,

303
00:19:25.775 --> 00:19:27.155
embedded form onto

304
00:19:27.535 --> 00:19:32.435
both the legacy page builder as well as the new page builder.

305
00:19:32.710 --> 00:19:36.090
And now you should also know how to create a landing page,

306
00:19:36.630 --> 00:19:42.810
sign up form both on the two point o page builder and the legacy page builder and, of course, with the embedded forms.

307
00:19:43.110 --> 00:19:45.593
If you have any questions, feel free to reach out.