It's Upgrade Opt-in Week. This means that every day this week, we'll be delivering a new set of opt-in forms to your Thrive Leads templates library!
Today, we'll have a look at the "Corporate" set.
This set is slick and minimalist, which makes it fast to customize. Check it out!
Color & Copy
The main elements on this opt-in form design are the color of the content box (and the buttons) and the font of the form header.
You won't need to spend time creating an eBook image or finding the perfect photo, which is why this is one of the fastest templates to implement.
When creating this set, we imagined a corporate website such as a law firm, an investment fund or something tax related, but with a bit of customization, I'm sure this form could fit any website!
The Power of Layered Backgrounds
There are 2 main elements on the form that dictate the color scheme:
- The content box
- The button(s)
One very powerful feature within the Thrive Leads editor is the ability to create layered backgrounds.
This opens up a whole new world of customization options for you...
Let's have some fun!
Solid Color Background
The most basic background option is to simply change the solid color of the content box.
At the moment, the content box uses a grey blue (to match the corporate vibe) but you can pick any color you like.
To do that, click on the content box, go into the "Background Style" menu and click on the color to add your own hex code (or use the color picker).
Next, save that color as a favorite (by clicking on the blue plus sign button) and click apply. Finally, open the opt-in form element by clicking on the "edit form elements" button and click the opt-in form submit button to change the button color.
Add an Image Layer
Now, just because we didn't use an image on the original template doesn't mean you can't use one for your customized design!
Let's add a layer underneath the solid color and make the color semi-transparent so we have a purple overlay on the image.
To do this:
Click on the content box to select it >> go to background styles >> add an image layer >> choose your image >> switch the order of the layers >> and make the solid color transparent.
Let's Add a Gradient
Or how about using a gradient instead of the solid color?
Here we can either replace the solid color layer (simply delete it) or add another gradient layer on top.
This example uses a 3 colored gradient with different transparency levels on each color to give it the look and feel we're going for.
And of course, we can also apply that same gradient to the button! But because I'm trying not to give our designers a heart attack, I'm only applying the gradient in hover state...
To setup your button gradient:
Click on the lead generation element >> edit form elements >> click on the submit button >> on top of the editor, switch from default to hover state >> add the gradient.
By the way, can you guess from the gradient colors we used what this opt-in offer will be about?
Write Great Copy
Now all that's left to do is edit the existing text on the opt-in form with compelling copy to complete your offer.
This copy could refer to:
- The opt-in offer you're giving away when someone subscribes to your newsletter.
- The benefit of subscribing to your newsletter.
To learn more, take our free Thrive University course on "How to Create Persuasive Opt-in Forms".
You'll end up with something like this...
And without making any changes, here's what the form looks like on mobile (because all these templates have been optimized for mobile too!).
And if you really want to tweak your forms for mobile, check out this tutorial.
Once you're happy with your form, you can save it as your own template so the next time you want to make a similar design, you don't have to start from scratch!
Now it's your turn!
I hope you like this new set of templates and that you'll use it on your site (with or without advanced customization!)
Any questions? Leave them in the comments below!
- Day 1 - Round images: Surprise your visitors with an original, out-of-the-box design.
- Day 2 - Corporate: If you're looking for a slick, modern design this set is what you need.
- Day 3 - Personal Brand: These 2 sets of opt-in forms are perfect for a personal brand or professional service website.
- Day 4 - Eccentric Lines: This is the most original design you've ever seen on an opt-in form. If you want to impress your visitors with edgy forms, this is the design to pick.
- Day 5 - Overlay Patterns: My personal favorite! This design is bold, dynamic and perfect for a fitness brand.
- Day 6 - Typography: Fonts are stealing the show here. These two sets use original fonts to grab the attention and work perfectly for coupon opt-in bribes.
- Day 7 - Vertical Split: Nature inspired design to use on a travel or outdoors website.