WEBVTT

00:00:00.181 --> 00:00:03.221
A good popup should feel like part of your website.

00:00:03.221 --> 00:00:06.701
Let’s personalize this Friday Letter invitation, check the mobile

00:00:06.901 --> 00:00:10.220
layout, and verify the published result at both sizes.

00:00:10.433 --> 00:00:13.593
Start with an existing campaign in the Edit tab.

00:00:13.713 --> 00:00:17.833
Select the headline and replace its text with a clear invitation.

00:00:17.953 --> 00:00:21.873
Our promise is a slower Friday, with the useful details just

00:00:21.873 --> 00:00:22.633
below it.

00:00:22.833 --> 00:00:25.113
Next, select the button label.

00:00:25.233 --> 00:00:28.793
Keep the wording specific: Join the Friday letter.

00:00:28.913 --> 00:00:32.193
This changes what readers see, while the button still submits

00:00:32.193 --> 00:00:33.593
the same form.

00:00:33.593 --> 00:00:37.193
Leave the consent wording clear about the emails they are requesting.

00:00:37.400 --> 00:00:40.160
Open Style to change this button’s appearance.

00:00:40.520 --> 00:00:43.960
Choose Slate from the design’s colors, keeping the light button

00:00:43.960 --> 00:00:44.760
text.

00:00:44.840 --> 00:00:48.200
A restrained color change can make the invitation feel more like

00:00:48.200 --> 00:00:49.040
your site.

00:00:49.160 --> 00:00:51.520
Check that the label stays easy to read.

00:00:51.733 --> 00:00:53.733
Switch the canvas to Mobile.

00:00:53.893 --> 00:00:57.853
Read the whole invitation: the headline should fit, the email

00:00:57.893 --> 00:01:01.133
field should be comfortable to use, and the consent text and

00:01:01.173 --> 00:01:03.133
button should remain clear.

00:01:03.173 --> 00:01:07.013
This is a design preview; switching views does not change which

00:01:07.013 --> 00:01:08.813
visitors can see the campaign.

00:01:09.033 --> 00:01:12.193
Open Preview and stay on Try the form.

00:01:12.313 --> 00:01:16.673
Select Mobile, enter a sample email, and tick the consent box.

00:01:16.793 --> 00:01:18.993
Submit to check the received screen.

00:01:19.113 --> 00:01:22.153
This is a rehearsal: it does not save a real lead

00:01:22.153 --> 00:01:24.353
or prove that an email was delivered.

00:01:24.567 --> 00:01:28.167
With the draft saved, choose Review and publish.

00:01:28.327 --> 00:01:32.567
Check the audience, page, and opening delay before publishing.

00:01:32.567 --> 00:01:36.367
Our invitation is set for everyone on this one article, after

00:01:36.367 --> 00:01:37.647
five seconds.

00:01:37.687 --> 00:01:40.927
Publishing makes the finished design available to visitors.

00:01:41.133 --> 00:01:43.893
Now open the article as a fresh visitor.

00:01:44.013 --> 00:01:47.733
After the five-second delay, the published popup appears.

00:01:47.853 --> 00:01:51.493
Check the headline, button color, and spacing here too.

00:01:51.493 --> 00:01:55.053
The editor preview is useful, but the real page is the

00:01:55.053 --> 00:01:56.373
final design check.

00:01:56.600 --> 00:02:00.000
Check the same page in a fresh phone-sized browser.

00:02:00.000 --> 00:02:03.480
The headline fits, and the form stays within the screen.

00:02:03.480 --> 00:02:06.920
Before launching, repeat this on your own phone, and test a

00:02:06.920 --> 00:02:09.200
real signup separately from Preview.

00:02:09.702 --> 00:02:13.240
Clear copy, a readable button, and a mobile check make a

00:02:13.240 --> 00:02:14.400
big difference.

00:02:14.520 --> 00:02:18.360
Keep your promise specific, review the received screen, and test

00:02:18.360 --> 00:02:19.720
the published page.

00:02:19.720 --> 00:02:22.720
Your popup is ready to feel like part of your site.