Create A Black Friday Teaser Popup
Using our new Popup Editor
6 minutes
Postscript
1
Click "Acquisition" when you hop into your dashboard
2
And navigate over to "Popups"
3
Click "Create"
4
Here are template options from our new popup library for mobile and desktop. Choose a template to begin your first draft, or clone an existing popup to make your edits for a Black Friday teaser variation
5
To clone an existing popup design, click this button under "Action"
6
Choose "Clone" to create a duplicated draft
7
Click on the template clone to begin editing
8
We'll start at Step 1, which is your intro screen (available only at Postscript), where visitors can advance to yes/no option in the popup
9
Here we'll work on the customer facing visual
10
We'll start by replacing the image in the template to align with your brand
11
Click "Replace"
12
Click "Choose File"
13
And now you can update the copy within that field too
14
Here's where your new heading goes
15
Your brilliant BFCM message goes here
16
Click "Add Blocks"
17
Click on text to add more copy to the popup
18
Here you can add a smaller heading
19
And make it look like this so customers have the choice to continue
20
Click right onto the CTA to update the button text
21
And here's the copy for the Primary Button
22
And now you've got a customized popup intro screen
23
Click here to move into your email window
24
And begin customizing your offer and message in the "Content" field, in this case, removing the evergreen offer and make it more BFCM specific
25
Click here.
26
Click here.
27
Click "Add Blocks"
28
Click "Text" to add more copy if needed with a subhead
29
Click right within the text to edit. It's as easy as that!
30
Double-click the "Content" field
31
Click the "Font size" field to customize size to your liking
32
Click "Click to edit step settings"
33
And here's a great example of a more branded popup experience
34
And now let's move on to everyone's favorite ,"Onsite Phone". You can move the squares around below to prioritize placement of screens. We always make sure OOI is the first!
35
Again, you'll want to move through the steps and go in to customize each one, which is super easy using the new editor
36
Double-click the "Content" field.
37
Click "Onsite Phone"
38
Once again, click right on the image to begin making any changes to the OOI popup
39
Double-click the "Content" field.
40
You'll want to do this for mobile and desktop
41
Double-click the "Content" field to make copy changes again
42
Each step takes you through the user experience with customization options available
43
Go through each step to check your work and finish the edits to your entire popup experience
Tip: Always keep your "Teaser" on during high traffic periods like BFCM
44
Now let's work on the "Teaser" which should always be on. This allows people to opt back into the offer if they happen to close out of the popup
45
Click here.
46
Again, you can edit right in the "Content" field or on the image
47
Edit where it will show up in the lower corner of a visitor's screen
48
Click this icon.
49
We suggest customizing the content to be about BFCM
50
Click "Save"
51
And the Popup Editor makes it so easy to make versions you can keep in a draft state to align with changing promotions throughout that BFCM window
52
All you have to do is select a popup that you've worked on for BFCM
53
Click "Clone"
54
And again, begin customizing to have draft popups at the ready!
55
Repeat above steps and start growing that list!
Got any questions? Be sure to hit me up on X! https://x.com/BryanDickey\_
