37
Using Your Blog for Your Website and Ecommerce August 12, 2009 Andy Wibbels, Six Apart

Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 1 

Using Your Blog for Your Website and Ecommerce

August 12, 2009 Andy Wibbels, Six Apart

Page 2: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 2 

Andy Wibbels

•  Trainer and product manager at Six Apart 

•  Author of Blogwild:  A Guide to Small Business Blogging 

•  Blogs at –  ‘Real’ blog 

andywibbels.com –  Random microblog: 

cutesexyfunnyawful.com –  Ranty personal blog at 

andymaCc.com 

Page 3: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 3 

Agenda

•  Blogs vs. Websites 

•  Common Myths About Blogs •  Demo: Building a Site with TypePad •  Adding Ecommerce to Your Blog 

Page 4: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 4 

Blog vs. Website

•  You read blogs every day and may not know it 

•  To your customers the technology is secondary •  StaCc website 

–  Poor SEO – WaiCng/paying for designers for every update – WaiCng/paying for IT staff for every upgrade     

•  You don’t need a website 

Page 5: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 5 

h6p://la:mesblogs.la:mes.com/ 

Page 6: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 6 

h6p://www.wagreflex.com/ 

Page 7: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 7 

h6p://www.nesn.com/ 

Page 8: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 8 

h6p://www.be6erwatersolu:ons.co.uk/ 

Page 9: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 9 

h6p://www.charingkent.co.uk/ 

Page 10: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 10 

h6p://www.cardsbyginashaw.com/ 

Page 11: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 11 

h6p://blog.madsencycles.com// 

Page 12: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 12 

h6p://blog.madsencycles.com// 

Page 13: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 13 

Some Popular Myths

•  Blogs are just personal points of view (rants, etc) •  Blogs look unprofessional •  Blogs take too much Cme 

Page 14: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 14 

How to Create a Site in TypePad

Page 15: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 15 

Load in Your Content

•  Add some posts 

•  Create a Page for each part of the site – Welcome –  About Us –  Products –  Contact 

•  Domain map the blog •  Customize the design… 

Page 16: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 16 

A default TypePad theme

‘Journal, Black’ template with a few posts loaded in and pages made for Welcome, About, Buy and Contact. 

Page 17: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 17 

<< Add horizontal navbar. 

Page 18: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 18 << Add footer to the bo6om 

Page 19: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 19 

<< Set the ‘homepage’ to our Welcome page 

Page 20: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 20 

<< The blog is s:ll accessible. 

Page 21: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 21 

Change to single column… 

…with sidebars underneath.* 

*tutorial on the way! 

Page 22: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 22 

Add a custom banner! 

Page 23: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 23 

Change styles of navbar. 

Page 24: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 24 

Add a custom background >>> 

Page 25: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 25 

Increase font size for body text. 

Page 26: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 26 

What’s Next?

•  Once you’ve got the site up and running you sCll need to be able to: –  Generate leads –  Build customer database –  Drive sales –  Fulfill orders –  Integrate with other tools and third‐party services –  Connect to the social web 

Page 27: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 27 

Generate Leads

h6p://typepad.com/one/typepad‐services.html 

Page 28: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 28 

Build Customer Database

h6p://andywibbels.com/ 

Page 29: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 29 

h6p://formspring.com/ 

Page 30: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 30 

h6p://freshbooks.com/ discount code TYPEPAD1 

Page 31: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 31 

h6p://togo.ebay.com/ 

Page 32: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 32 

h6p://checkout.google.com/sell 

Page 33: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 33 

h6p://paypal.com/ 

Page 34: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 34 

PayPal Storefront Widget

Page 35: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 35 

h6p://bit.ly/add‐etsy 

Page 36: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 36 

h6p://www.sixapart.com/typepad/widgets/ 

Page 37: Using Your Blog for Your Website and Ecommerce• Create a Page for each part of the site ... Add a custom banner! ... PayPal Storefront Widget . Page 35

Page 37 

Get Started! hcp://typepad.com/ Use code: AW610 (10% off for life) 

Complete archives of the series: h6p://typepad.com/small‐business‐blogs/ 

h6p://sixapart.com/adver:sing/ h6p://www.typepad.com/one/