Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DESIGN YOUR OWN

BLOG

How to

Design a Custom Opt-in

form

without a Plugin
2

by Marianne Manthey
DESIGN YOUR OWN

BLOG

PART 2
Embed a Sign Up Form into your Blog
TABLE OF CONTENTS

This Slideshare is Part 2 of a 4 part tutorial
on designing a custom opt-in (sign up) form
for your blo...
TABLE OF CONTENTS

Part 1

(last slideshow)

Create a Sign Up Form in MailChimp
• Create a List

• Create a Form
• Get the...
TABLE OF CONTENTS

Part 2

(this slideshow)

Embed a Sign Up Form into your Blog
• Embed into WordPress Widget

• Embed in...
TABLE OF CONTENTS

Part 3

(video)

Design Your Opt-in Form in PicMonkey
• Upload a background “photo”

• Add graphic elem...
TABLE OF CONTENTS

Part 4

(slideshow)

Style the Opt-in Form Design in your Blog
• A few simple CSS lessons – don’t be sc...
EMBED A FORM INTO YOUR WORDPRESS BLOG

A: Embed Form into a WordPress Widget

Skip to slide 17 if you’re on Blogger

©2013...
EMBED A FORM INTO YOUR WORDPRESS BLOG

From your Dashboard, click on Appearance>Widgets

©2013 DesignYourOwnBlog.com. All ...
EMBED A FORM INTO YOUR WORDPRESS BLOG

Expand the Sidebar

©2013 DesignYourOwnBlog.com. All rights reserved.
EMBED A FORM INTO YOUR WORDPRESS BLOG

Drag a Text Widget into the Sidebar

©2013 DesignYourOwnBlog.com. All rights reserv...
EMBED A FORM INTO YOUR WORDPRESS BLOG

Expand the Text Widget

©2013 DesignYourOwnBlog.com. All rights reserved.
EMBED A FORM INTO YOUR WORDPRESS BLOG

Go back to MailChimp and copy the embed
code from Part 1.

©2013 DesignYourOwnBlog....
EMBED A FORM INTO YOUR WORDPRESS BLOG

Paste the HTML
code into the text
widget.

©2013 DesignYourOwnBlog.com. All rights ...
EMBED A FORM INTO YOUR WORDPRESS BLOG

View your blog

page…
And refresh.

©2013 DesignYourOwnBlog.com. All rights reserve...
EMBED A FORM INTO YOUR WORDPRESS BLOG

Your new form
should now

appear.

Hmm… needs
work!
©2013 DesignYourOwnBlog.com. Al...
EMBED A FORM INTO YOUR BLOGGER BLOG

B: Embed Form into a Blogger Gadget

WordPress folks, skip to slide 24

©2013 DesignY...
EMBED A FORM INTO YOUR BLOGGER BLOG

From your Dashboard, click on Layout

©2013 DesignYourOwnBlog.com. All rights reserve...
EMBED A FORM INTO YOUR BLOGGER BLOG

Next, click Add a Gadget in the sidebar

©2013 DesignYourOwnBlog.com. All rights rese...
EMBED A FORM INTO YOUR BLOGGER BLOG

Click the [+] to add the HTML/JavaScript gadget

©2013 DesignYourOwnBlog.com. All rig...
EMBED A FORM INTO YOUR BLOGGER BLOG

Go back to MailChimp and copy the embed
code from Part 1.

©2013 DesignYourOwnBlog.co...
EMBED A FORM INTO YOUR BLOGGER BLOG

Paste the HTML code into the window

©2013 DesignYourOwnBlog.com. All rights reserved...
EMBED A FORM INTO YOUR BLOGGER BLOG

View your blog
and refresh.

Your new form
should now

appear!

©2013 DesignYourOwnBl...
EMBED A FORM INTO YOUR BLOG

Our forms aren’t exactly very pretty are they?
That’s ok. In Part 3, we’ll have fun designing...
THANK YOU
Thank you for watching Part 2 of How to Design a Custom Opt-in Form without a Plugin!

Continue the 4 Part Tutor...
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
How to Design a Custom Opt-in form without a Plugin // Part 1
Next
Upcoming SlideShare
How to Design a Custom Opt-in form without a Plugin // Part 1
Next
Download to read offline and view in fullscreen.

Share

How to Design a Custom Opt-in form without a Plugin // Part 2

Download to read offline

How to Design a Custom Opt-in form without a Plugin // Part 2: Embed a Sign Up Form into your Blog

This is part 2 of a 4 part series. All 4 parts should be published by end of Nov. 2013.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

How to Design a Custom Opt-in form without a Plugin // Part 2

  1. 1. DESIGN YOUR OWN BLOG How to Design a Custom Opt-in form without a Plugin 2 by Marianne Manthey
  2. 2. DESIGN YOUR OWN BLOG PART 2 Embed a Sign Up Form into your Blog
  3. 3. TABLE OF CONTENTS This Slideshare is Part 2 of a 4 part tutorial on designing a custom opt-in (sign up) form for your blog. The entire tutorial can be found here: DesignYourOwnBlog.com ©2013 DesignYourOwnBlog.com. All rights reserved.
  4. 4. TABLE OF CONTENTS Part 1 (last slideshow) Create a Sign Up Form in MailChimp • Create a List • Create a Form • Get the Embed Code ©2013 DesignYourOwnBlog.com. All rights reserved.
  5. 5. TABLE OF CONTENTS Part 2 (this slideshow) Embed a Sign Up Form into your Blog • Embed into WordPress Widget • Embed into Blogger Gadget ©2013 DesignYourOwnBlog.com. All rights reserved.
  6. 6. TABLE OF CONTENTS Part 3 (video) Design Your Opt-in Form in PicMonkey • Upload a background “photo” • Add graphic elements • Save as a background image ©2013 DesignYourOwnBlog.com. All rights reserved.
  7. 7. TABLE OF CONTENTS Part 4 (slideshow) Style the Opt-in Form Design in your Blog • A few simple CSS lessons – don’t be scared! ©2013 DesignYourOwnBlog.com. All rights reserved.
  8. 8. EMBED A FORM INTO YOUR WORDPRESS BLOG A: Embed Form into a WordPress Widget Skip to slide 17 if you’re on Blogger ©2013 DesignYourOwnBlog.com. All rights reserved.
  9. 9. EMBED A FORM INTO YOUR WORDPRESS BLOG From your Dashboard, click on Appearance>Widgets ©2013 DesignYourOwnBlog.com. All rights reserved.
  10. 10. EMBED A FORM INTO YOUR WORDPRESS BLOG Expand the Sidebar ©2013 DesignYourOwnBlog.com. All rights reserved.
  11. 11. EMBED A FORM INTO YOUR WORDPRESS BLOG Drag a Text Widget into the Sidebar ©2013 DesignYourOwnBlog.com. All rights reserved.
  12. 12. EMBED A FORM INTO YOUR WORDPRESS BLOG Expand the Text Widget ©2013 DesignYourOwnBlog.com. All rights reserved.
  13. 13. EMBED A FORM INTO YOUR WORDPRESS BLOG Go back to MailChimp and copy the embed code from Part 1. ©2013 DesignYourOwnBlog.com. All rights reserved.
  14. 14. EMBED A FORM INTO YOUR WORDPRESS BLOG Paste the HTML code into the text widget. ©2013 DesignYourOwnBlog.com. All rights reserved.
  15. 15. EMBED A FORM INTO YOUR WORDPRESS BLOG View your blog page… And refresh. ©2013 DesignYourOwnBlog.com. All rights reserved.
  16. 16. EMBED A FORM INTO YOUR WORDPRESS BLOG Your new form should now appear. Hmm… needs work! ©2013 DesignYourOwnBlog.com. All rights reserved.
  17. 17. EMBED A FORM INTO YOUR BLOGGER BLOG B: Embed Form into a Blogger Gadget WordPress folks, skip to slide 24 ©2013 DesignYourOwnBlog.com. All rights reserved.
  18. 18. EMBED A FORM INTO YOUR BLOGGER BLOG From your Dashboard, click on Layout ©2013 DesignYourOwnBlog.com. All rights reserved.
  19. 19. EMBED A FORM INTO YOUR BLOGGER BLOG Next, click Add a Gadget in the sidebar ©2013 DesignYourOwnBlog.com. All rights reserved.
  20. 20. EMBED A FORM INTO YOUR BLOGGER BLOG Click the [+] to add the HTML/JavaScript gadget ©2013 DesignYourOwnBlog.com. All rights reserved.
  21. 21. EMBED A FORM INTO YOUR BLOGGER BLOG Go back to MailChimp and copy the embed code from Part 1. ©2013 DesignYourOwnBlog.com. All rights reserved.
  22. 22. EMBED A FORM INTO YOUR BLOGGER BLOG Paste the HTML code into the window ©2013 DesignYourOwnBlog.com. All rights reserved.
  23. 23. EMBED A FORM INTO YOUR BLOGGER BLOG View your blog and refresh. Your new form should now appear! ©2013 DesignYourOwnBlog.com. All rights reserved.
  24. 24. EMBED A FORM INTO YOUR BLOG Our forms aren’t exactly very pretty are they? That’s ok. In Part 3, we’ll have fun designing our new forms! ©2013 DesignYourOwnBlog.com. All rights reserved.
  25. 25. THANK YOU Thank you for watching Part 2 of How to Design a Custom Opt-in Form without a Plugin! Continue the 4 Part Tutorial *All MailChimp links are referral links. ©2013 DesignYourOwnBlog.com. All rights reserved. ©2013 DesignYourOwnBlog.com. All rights reserved.
  • SherriAttili

    Jan. 12, 2015
  • melaniekissell

    Jan. 3, 2014

How to Design a Custom Opt-in form without a Plugin // Part 2: Embed a Sign Up Form into your Blog This is part 2 of a 4 part series. All 4 parts should be published by end of Nov. 2013.

Views

Total views

5,123

On Slideshare

0

From embeds

0

Number of embeds

3,705

Actions

Downloads

36

Shares

0

Comments

0

Likes

2

×