Skip to main content

Designing Your Form Confirmation Dialogue in Unbounce and Testing Your Live Form

Lesson 42 from: Creating High Converting Landing Pages

Isaac Rudansky

Designing Your Form Confirmation Dialogue in Unbounce and Testing Your Live Form

Lesson 42 from: Creating High Converting Landing Pages

Isaac Rudansky

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

Lesson Info

42. Designing Your Form Confirmation Dialogue in Unbounce and Testing Your Live Form

Lessons

Class Trailer

Landing Page Design Fundamentals

1

Laying the groundwork for good design

13:23
2

The Myth Of The Perfect Landing Page Conversion Rate

12:05
3

The 3 Main Types of Landing Pages and How To Use Them Effectively

18:57
4

Business Models and Understanding Your Conversion Actions

06:04
5

The AIDA Sales Funnel and The Online Decision Making Process

16:48
6

The Awareness Stage of the Funnel ... Where It All Begins

17:26
7

The Interest Stage of the Funnel ... Tell Me More

14:10
8

The Desire Stage of the Funnel ... I Want What You Sell

12:44
9

The Action Stage of the Funnel ... I'm Going to Buy What You Sell

09:05
10

The Fogg Behavior Model and how it Applies to Good Landing Page Design

19:25
11

Making Your Landing Page Design Memorable

12:44
12

Quiz: Landing Page Design Fundamentals

Principles of Good Landing Page Design: Examples, Case Studies & Best Practices

13

The Primacy of Product and The Concept of Usability in Landing Page Design

15:23
14

Eschew Obfuscation ... Clarity and the Quest for Fewer Question Marks

11:17
15

The 5 Second Usability Test in Landing Page Design (and how you can use it now)

12:25
16

The Art and Science Behind Designing High-Converting Calls To Action (CTA's)

18:29
17

Readability and Visual Hierarchy Landing Page Design

19:50
18

Respecting Web Conventions in Landing Page Design

13:22
19

Using Videos, Graphics and Imagery to Increase Landing Page Conversion Rates

19:53
20

Information Architecture and Accessibility - Landing Page Design Best Practices

19:51
21

Trust, Safety and Credibility (Part 1) Landing Page Design Best Practices

15:34
22

Trust, Safety and Credibility (Part 2) Landing Page Design Best Practices

08:43
23

Dedicated Landing Page Design Best Practices (Part 1)

14:57
24

Dedicated Landing Page Design Best Practices (Part 2)

12:18
25

Quiz: Principles of Good Landing Page Design: Examples, Case Studies & Best Practices

Principles Of Persuasion in Conversion Rate Optimization

26

Using Scarcity to Improve Conversion Rates on Your Landing Pages

09:46
27

Principles of Persuasion - Reciprocal Concessions & Reciprocity in Landing Pages

12:07
28

Principles of Persuasion ... Anchoring and Cognitive Dissonance Theory

18:56
29

User Scenarios and Contextual Perception in Landing Page Design

16:37
30

Quiz: Principles Of Persuasion in Conversion Rate Optimization

Building a High Converting Landing Page From Scratch

31

My Favorite Landing Page Builders and Getting Started With Our Unbounce Page

10:02
32

Getting Familiar With the Unbounce Page Builder and Adding Our Header Section

07:28
33

Creating a Logo in Photoshop and Using the Unbounce Image Uploader Tool

16:25
34

Working With Background Imagery in Landing Pages and Developing Our Hero Section

15:36
35

Creating a Form, Action Block, and Finishing the Hero Section in Unbounce

19:27
36

Discussing Landing Page Design Changes and Creating our Primary Content Section

16:17
37

Finishing Page Content, Adding Icons, Footer and Working With Buttons Unbounce

10:42
38

Publishing Your Unbouonce Landing Page on Your Custom Domain

03:43
39

Adding Custom CSS in Unbounce to Create Professional Drop Shadows

06:03
40

Making Your Landing Page Design Work Better With Custom Javascript Snippets

08:08
41

Mobile Site Layout in Unbounce Based on Mobile Landing Page Design Guidelines

02:30
42

Designing Your Form Confirmation Dialogue in Unbounce and Testing Your Live Form

03:30
43

Assigning A_B Testing Variants in Unbounce and Assigning Traffic Weights

12:20
44

Integrating Your Unbounce Form Submissions With Your Mailchimp Account

09:06
45

Quiz: Building a High Converting Landing Page From Scratch

Landing Page Audit in Action

46

Wester Computer Audit (Part 1)

08:28
47

Wester Computer Audit (Part 2)

09:16
48

Wester Computer Audit (Part 3)

15:19
49

Wester Computer Audit (Part 4)

13:52
50

Quiz: Landing Page Audit in Action

Conclusion

51

Conclusion

02:52

Final Quiz

52

Final Quiz

Lesson Info

Designing Your Form Confirmation Dialogue in Unbounce and Testing Your Live Form

How do you design fans And welcome back in this lecture, we're going to quickly talk about the form confirmation dialog this form once you submit it. What happens? So unbounded has a pre built form confirmation dialog that lives right up here. And if I click on that, I could design my form confirmation dialog and everything works in the exact same way. This is the pop over that somebody will see once they submit the form. So we're just gonna do a quick quick design here. You know, maybe I'll let's say copy this image, bring it in here somewhere, we'll start laying it out um real quick. Bring that down there, you know, definitely take our logo again, copy the logo and paste that in over there. Let's see, let's see up here. Looks nice. Um I can even add sections, right? I could create a section. Um Maybe I'll give this a similar sort of background images we did before. Just just kind of a nice, pleasant professional design. Right? You want to at least when I designed pages, you want to s...

how the user that you've put thought into? Everything, right? Everything has thought everything has a professional design, all that stuff makes a difference, right? It matters. It really does. It really, really does. Um make this a little bit bigger and then we get at the text. Oh, you know, same thing. Thank you. I'm basically happy with how this looks here. Right? You don't need to get too crazy with your form confirmation design something nice. And but don't don't forget that there's a mobile version as well for for conversion of mobile. Something's gonna quickly design this for mobile and done. Alright, so that's how you create and test your form confirmation dialog. If you want to test to see how it kind of works and functions in real time, we're just gonna save, we're going to republish our page. All right. And we'll go back to get CpaP dot com and we could just submit a form. Right? So first I could I could see how it looks on mobile by just dragging my browser window down like this and then I see it changes to mobile. Right? So just double check, everything looks good. Everything was good. Obviously you could check this on an actual phone which will work fine as well. Let's submit our form. We'll do a test form john smith johN test at gmail dot com and our phone number and submit the form and there you go. So that's our form confirmation dialog. And if we go down on mobile, see it switches to our mobile form confirmation dialog. And if we're happy with how that looks then fantastic. And we're all set to go. Alright, So that's how you create a form confirmation dialog and check to see how it looks in a real environment in the next lecture. We're gonna go back to our overview and start creating some variants. So we could run our A. B tests which is really one of the primary purpose of building primary purposes of building landing pages and un bounced in the first place. So I look forward to seeing you guys very soon in the next lecture.

Class Materials

Bonus Materials with Purchase

Dedicated Landing Page Design Best Practices

RELATED ARTICLES

Recent

Articles

Recent

Articles

Recent

Articles

Recent

Articles

Recent

Articles

RELATED ARTICLES

Recent

Articles