Today we finally conclude the designing part our forms!
Last week we planned out our forms by discovering the size and finding a suitable background.
Today we are going to create mockups of our forms and then save the background image we create in PicMonkey.
In case you were wondering, I created this tutorial because of the interest I received in my showcase of beautiful subscribe forms.
I realized there was NO other tutorial like this out there, so I decided to create my own.
I know you guys have been waiting on this part and I appreciate your patience with me! I hope you don’t absolutely hate my video! Ok so on with it…
- In Part 1, we created an opt-in form using MailChimp.*
- In Part 2, we embedded that form into our blogs.
- In Part 3A, we planned out our opt-ins and sized our forms.
- In Part 3B, we’ll go into PicMonkey and actually play with some designs!
- Finally, in Part 4, we’ll style our embedded forms using CSS.
Please note that the MailChimp link above is a referral link, which means if you sign up using that link, if and when you become a paying customer, I will receive a small commission. I would like you to know however that I am not referring MailChimp because of this, I am referring them explicitly for the reasons stated here and nothing more.
So on with planning out our opt-ins! Today’s lesson is my very first screencast video, ack! And yes, I am fully aware that I use the word “so” WAAAAY too often, lol!
If you’re reading this in an RSS reader or email, you’ll have to click through to the article to view the video below.
If you have trouble with the video, be sure to click on the settings icon at the bottom right of the player (the gear) then choose 1080p, then view the video in full screen by clicking the square icon to the right of the YouTube logo. If you have further issues, please let me know so I can get it fixed.
Today you’ve hopefully created a really nice and noticeable design for your opt-in box! In Part 4, we’re going to add our new backgrounds to our sidebars, then use some CSS to style the form elements on top of that background. Don’t worry, I’ll hold your hand through it all!
Top photo courtesy of Love from Ginger.
Please let me know what you think of this tutorial and of course if you have any questions or issues, leave them below! I LOVE comment candy!
And won’t you please pin, tweet or share this if you found it useful?
Hey friend, want free DIY design stuff?
I've got an entire library of FREE goods just for you! Join the 7000+ others and get instant access now!