Building an Online Store with WooCommerce

April 16th, 2015

Organizer: Eric Kim Hoic

Wordpress in Korea (public group)

WordPress in Korea For Entrepreneurs

♣ Track B ♣Customizing WP Homepage with Plugins

♣ Track A ♣How to build a great online shopping mall

Wordpress in Korea - For Entrepreneurs

<Content>

1) Online Shopping;a. Review of last meetup’s introduction of WooCommerce;b. Shopping Mall Marketing (Social Media, SEO, UX, and Analytics);c. Mobile, multi-browser support;d. Woocommercee. Example of successful websites (Korean + International);f. Pros and Cons on starting a WordPress shopping mall;g. Consideration for a WordPress shopping mall;

2) Break (Bread, Juice, Coffee, etc…);

3) WP customization through Child-Themes;4) Question, Chit-chat, Socialization (free);

Wordpress in Korea (public group) Wordpress in Korea - For Entrepreneurs

Self-Introduction (5-10 mins)

1) What’s your name and profession?

2) What’s your interest with WordPress?

3) For how long have you been using WordPress?


1a) WooCommerce (review)

• Basic Configuration- Version: WordPress (v4.1.1)

- Server: WAMP (Windows + Apache + MySQL + PHP)

- Database name: wordpress

- Theme: twenty-twelve





• General (Currency, Base Location, etc;)

• Product (Weight, Dimension Unit, Product Review, etc;)

• Tax (Embed, Including, Excluding, etc;)

• Checkout (Payment Gateway)

• Shipping (Method, Location assessment, etc;)

• Accounts (Customer account settings;)


Source: https://support.woothemes.com/hc/en-us/articles/203252645-WooCommerce-101-Video-Tutorials-Build-your-store-from-start-to-sale-



• Simple product

• Adding product with variation

• Adding virtual + download product


Choosing variation


1b) Shopping Mall Marketing (Social Media, SEO, UX, and Analytics);

• WordPress;

• SEO Side;

• Social Web Side;

• WordPress’ Social web structure;



• WordPress;


AUP 23.7% | Market share of 60.4%


• WordPress;


Open source | Freeware | SEO-Social-Friendly


• WordPress;


bloter.net seoul.go.kr bonraenews.com


• SEO (Search Engine Optimization)


Search engine Social Media




Search Engine Index & Sharing




Social sharing




RSS(Rich Site Summary) Feed + E-mail subscription

Wordpress in Korea - For EntrepreneursWordpress in Korea (public group)

Widget Area

• Widget:“WooCommerce product search + Cart”



• Store index page:“Blog + Shop”



• Cinemapraphs:Source: http://www.cinemagraphs.co.kr



• Bigger Images:Source: https://econsultancy.com/blog/62391-do-bigger-images-mean-improved-conversion-rates-three-case-studies#i.ysms4792odqnud

63% more visitors to click to start the bidding process.

329% more visitors filled out forms required to place a bid.




135% higher immediate clicks through.

51% higher earnings per click as visitors made their way down the conversion path to purchase.

MASSIVE button




Mega-sized background image

Lowered visitor bounce rates by 27%.

Lead generation increased by 36%.



• SEO Plugins:Source: http://blog.metrilo.com/5-woocommerce-plugins-will-help-sell/

Yotpo Social Reviews for WoocommerceMail after purchase

Hello omri,You’ve recently bought a X-box what do you think about it?



• SEO Plugins:

Woocommerce SEO plugin by Yoast ($49)



• UX Plugins:Source: http://blog.metrilo.com/5-woocommerce-plugins-will-help-sell/

YITH WooCommerce Featured Video



• UX Plugins:

Woocommerce PDF Invoices



• Chrome Development Tool:

1c) Mobile, Multi-browser support


• Chrome Development Tool:

1c) Mobile, Multi-browser support


• Basic definitions:

1d) WooCommerce

WordPress plugin;

Basic functionalities available for free;

Themeforest.net (more than 2000 themes);

Basic Paypal payment gateway service for free;

• Basic functionalities: Manage: products, orders, coupons, statistics;

Product: optional, group, virtual, download;

Payment Gateway Korean Plugin in Korea;


1d) WooCommerce


1d) WooCommerce


1d) WooCommerce: Payment Plugin


1d) WooCommerce: Payment Plugin


• Advantage:• Responsive Design• Site + Blog + Shopping Mall = Brand• Social media, SEO, marketing functionalities integrated (e.g. review, comments, like, subscription);• Virtual, downloadable products, and group products;• Paypal Integration;

• Disadvantage:• Insufficient support in Korean language;• Client side support (Manage orders, Tracking information, Etc.);• Administrator learning curve;

1d) WooCommerce: Pros & Cons


• HwangC: http://www.hwangc.com/

• Web Design Photoshop: http://martian36.tistory.com/category/ 워드프레스

1d) WooCommerce: Interesting Blogs


1e) Example of websites (Korean)


Designed by: 플레닛에이트 planet8.co

Summary: Content in Korean & English; woopay plugin developed by planet8; Mobile payment system integrated;

Theme & Plugin: WordPress 4.1.1 & Dante Theme; WC 2.3.1 & woopay LGUPlus; WC points & rewards; WC smart coupons;


1e) Example of websites (Korean)


Designed by: 어노인팅뮤직 planon.kr

Summary: Sell Album, Songs, Music sheets; Social Web (Facebook); Mobile SEO, W3C compliant;

Theme & Plugin: WordPress 3.9.1 & Dante Theme 2.5; WC 2.1.9 & woopay LGUPlus; WC points & rewards; WC smart coupons; Email users; Kboard


1e) Example of websites (Int’l)

Source: http://www.woothemes.com/2014/10/12-great-examples-woocommerce-stores/ (Nov 2014)



Source: http://www.woothemes.com/2014/10/12-great-examples-woocommerce-stores/ (Nov 2014)




Source: LG Electronics Social




Source: http://www.symphonysoft.co.kr/shopping/homepage/


National

Seoul’s City Hall: http://seoul.go.kr녹색성장위원회 : http://www.greengrowth.go.kr/LG LOVE Generation : http://www.lovegen.co.kr/Samsung Social Hub: http://socialhub.samsungmobile.com/코리아닷컴 공식 영문사이트 : http://en.korea.com/한국관광공사 한국의 맛 공식사이트 : http://www.koreataste.org/에스헤이번 : http://shaven.co.kr/KTB 투자증권 회소개 : http://company.ktb.co.kr/세중게임스 : http://www.sjgames.co.kr/삼성 USA 뉴스 : http://www.samsungusanews.com/CJ 테이블 : http://www.cjtable.com/

1e) Example of websites

http://seoul.go.kr/

http://www.greengrowth.go.kr/

http://www.lovegen.co.kr/

http://socialhub.samsungmobile.com/

http://en.korea.com/

http://www.koreataste.org/

http://shaven.co.kr/

http://company.ktb.co.kr/

http://www.sjgames.co.kr/

http://www.samsungusanews.com/

http://www.cjtable.com/

http://www.cjtable.com/


Source: http://www.symphonysoft.co.kr/shopping/homepage/


International

Playstation Blog: http://blog.us.playstation.com/Martha Stewart’s Blog: http://www.themarthablog.com/Korean + Mexican Barbecue: http://kogibbq.com/Flickr’s Blog: http://blog.flickr.net/enMashable: http://mashable.com/CNN’s Blog: http://business.blogs.cnn.com/WSJ’s Magazine: http://online.wsj.com/public/page/magazine-index.htmlFord Story: http://www.thefordstory.com/Yahoo’s Blog: http://ycorpblog.com/Ebay’s Blog: http://ebayinkblog.com/NY Times’ Blog: http://www.nytimes.com/interactive/blogs/directory.htmlGE Reports: http://www.gereports.com/National Geographic’s Blog: http://magazine.nationalgeographic.nl/

1e) Example of websites

http://blog.us.playstation.com/

http://www.themarthablog.com/

http://kogibbq.com/

http://blog.flickr.net/en

http://mashable.com/

http://business.blogs.cnn.com/

http://online.wsj.com/public/page/magazine-index.html

http://www.thefordstory.com/

http://ycorpblog.com/

http://ebayinkblog.com/

http://www.nytimes.com/interactive/blogs/directory.html

http://www.gereports.com/

http://magazine.nationalgeographic.nl/

http://magazine.nationalgeographic.nl/


BREAK TIME!


3) WP customization through Child-Themes

• Browser useful development tools Debugger (F12 / Ctrl + Shift + C); Responsive Web Designer Tester (Chrome Extension); Page Ruler (Chrome Extension);

• Development tools MacBook: LAMP / Text Mate / Sublime Text / Dreamweaver Windows: WAMP / Notepad++ / NetBeans / Eclipse / Dreamweaver

• Create child-theme directory Keep main theme’s core code untouched; Flexibility; Used mainly for extension-customization;




• Basic child-theme creation




• Basic child-theme creation




Hands-on



Thank you!

WordPress in Korea For Entrepreneurs

April 16th, 2015

Organizer: Eric Kim Hoic


Internet

Building an Online Store with WooCommerce