Complete eCommerce website using woo commerce with oceanwp
Ocean WP + WooCommerce
A Complete WOOCOMMERCE WEBSITE With dynamic sales & discounts
1. Ocean WP Theme(Free) Install
====================================
>> 1. Appear> theme > install ocean wp theme
> DASHBOARD > begin install + activate plugins > return dashboard
>> PLUGIN> UPLOAD & ACTIVATE OUR 3) ELEMENTOR Pro 4) ELEMENTOR Free
>> RUN OCEAN WP SET UP -> CHOOSE "STORE DEMO" -> next
>> Now choose all plugins - to upload the demo
>> IMPORT DEMO
>> Now upload logo + retina logo + choose colors
>> Put owner email + View site
>> SETTING > READING : HOME HOME // POST - BLOG
>> Setting > Permalink > select -> post name > save
>> WooComerce > settings >
2. Home page edit >>
========================================================================
Just visit site > edit with elementor
>> Do necessary edit (without header & footer)
3. set up woocommerce :::
======================================================================
direct new setup
1. store setup: store based: bangladesh + address: dhanmondi-15 + currency: United States dollar ($) + type: both phy & digital products
2. payment option: paypal & stripe & Check payments & bank transfer & cash on delivery - all check (tick)
3. shipping zone + method - (free shipping) + weight unit- kg + Dimension unit - inch
4. Recommended -> check - mailchimp sync -> continue >
5. Jetpack > SKIP
6. Put admin email > VISIT DASHBOARD
7. plugin > add new > all bd mobile payment > install & activate > woo> Setting > Payment > Enable -> bkash.rocket - plugin/ Square/ Stripe/ Paypal/ Cash on delivery/ Check Payment plugins
if woocommerce already set up& just change some options : WP DASHBOARD > WOO > SETTINGS
4. product category creation :::
======================================================================
woocommerce> products> category>
add category: Men >
>> add sub caregory > tshirt + Jeans + Money bag + Shoes
>>>>>>>>>>>>> as these - add all categories & sub cat
SUB-CATEGORY
shirt / Pant / Shoe
2-piece / 3- piece / tops
toys / gaming console/ diaper
3. menu creation :::
Appearance > Manu
Create A New Menu >> Menu Name: Master Menu > create menu
> ADD HOME - BLOG - CART - CHECKOUT
4. @Menu - Add Custom link for -> Product category & sub - category
a) woo> product> category> tshirt> view> take link..(eg. https://codemanbd.com/auto/product-category/wallet) &
b) appear> menu > tshirt > URL: https://codemanbd.com/auto/product-category/wallet TEXT: WALLET
5. product upload :::
===================================
woo> product> add new>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
>> name: polo shirt- Black-01_0A$D
>> description: This is best cotton made polo tshirt .....
>> select category as Tshirt(from right), + tag (if needed)
>> upload product img (from right - set product img),
>> add product gallery (just img upload),
>> general// reg price-sale price, sale price dates
>> inventory// sku-100 pcs, tick manage stock- stock quantiry: 100 - allow black borders- - but notify customer - threshold(5)
>> shipping// product weight & dimention defina..like: 0.1 kg, 100*20*20 inch - no shipping class
>> advance// Purchase note-"no return is allowed" - menu order-1, enable review - Check(Tick)
>> at bottom- product short description...
">> a) attributes > custom product attribues > color > add
b) now expand color > put value - select all > now choose color > save attributes
c) before save - tick - Used for variations > save"
">> a) attributes > custom product attribues > size > add
b) now expand color > put value - select all > now choose color > save attributes
c) before save - tick - Used for variations > save"
>> now - at top select - "variable products" > add variations > create variations from all attributes > now you will get all combinations of that 2 variables.
>> now delte variations -what you dont needed.
>> now put custom - image - price - sale - inventory - descriptions - SKU.
6-B. Product Attributes :::
=================================
~`~ WooCommerce > products > attributes > add new > NAME: color - SLUG: color > add
~`~ WooCommerce > products > attributes > add new > NAME: size - SLUG: size > add
7. coupon code :::
=====================================================================
WooCommerce > Coupon > Add new
Copoun Name: SummerSale_2018
Discount type: Percent/Fixel Amount
Coupon amount: 50
Coupon expiry date: 31-June-2018
WooCommerce PDF Invoices & Packing Slips
get plugin: https://wordpress.org/plugins/woocommerce-pdf-invoices-packing-slips/
- after order by customer > woo > orders : click at a order
- at biottom right - click : pdf invoice & packaging slip (PDF downloaded)
- at product packet : tag & add :
PACKAGING SLIP // FOR custom officer (INSIDE PRODUcT INFO - WITHOUT PAYMENT - WITH DELIVERY ADDRESS & NAME)
- INSIDE PACKET : tag & add : PDF INVOICE // FOR CUSTOMER (INSIDE PRODUcT INFO - WITHOUT PAYMENT - WITH DELIVERY ADDRESS & NAME)SIDE
8. must needed extra plugins :::
===================================
~`~ YITH WooCommerce Zoom Magnifier
~`~ Woocommerce LightBox
~`~ YITH Woocommerce Quickview
~`~ WooCommerce Price Based on Country(PBC)
~`~ YITH WooCommerce Wishlist
~`~ YITH WooCommerce Ajax Product Filter
~`~ YITH WooCommerce Compare
~`~ YITH WooCommerce Gift Cards
9. CheckOut Plugin: All BD Mobile Payments Gateway :::
========================================================================
get the plugin: https://wordpress.org/plugins/all-bd-mobile-payments-gateway/
>> Install the plugin+ Activate
>> WooCommerce > Settings > Payment
>> Bkash -> Enable >> Manage: title: Pay Via Bkash; description+instruction: as given;
>> Bkash -> Account Type: marchentise-1; Account No: 01871993300
Bkash Gateway Configure ::: description & instruction add
press *247#
choose marchendise acc
put 01871993300
put counter 1
put id 123
put payment amount (in TK)
finally give your PIN no.
Automated payment gateway for BD
1. SSL COmmerz
2. Aamarpay.com
3. Shurjopay.com.bd/
Stripe Payment Gateway Configure
get free plugin:
https://wordpress.org/plugins/woo-stripe-payment/
>> install & activate & woocommerce >settings > payment > enable stripe
>> Click set up > Enable Test Mode
>> get test PUBLISHABLE KEY & SECRET KEY from client & put there > save
Square Debit/Credit Card - Payment Gateway - For Australia, Canada, Japan, United Kingdom, or United States Based Shop
Ask client to signup:
https://squareup.com/signup
add a master card / visa card or payment gateway to get payment
Add new plugin " Square For WooCommerce"
Settings> payment > enable square >
ORDER MANAGEMENT & STORE MANAGER activity -
deliver product | email customer with invoice/ | status change to Completed
- IF ANYONE BUY PRODUCT > GET THE INFO AT WOO > ORDERS
- ALL ORDERS STATUS: Processing
- store mgr - check payment done?
=================================
- GENERATE pdf invoice & packaging slip bY plugin: WooCommerce PDF Invoices & Packing Slips
get the plugin: https://wordpress.org/plugins/woocommerce-pdf-invoices-packing-slips/
- after an order by customer > woo > orders: click at an order
- at bottom right-click: pdf invoice & packaging slip (PDF downloaded
)
- at product packet: tag & add: PACKAGING SLIP // FOR custom officer (INSIDE PRODUcT INFO - WITHOUT PAYMENT - WITH DELIVERY ADDRESS & NAME)
- INSIDE PACKET : tag & add : PDF INVOICE // FOR CUSTOMER (INSIDE PRODUcT INFO - WITHOUT PAYMENT - WITH DELIVERY ADDRESS & NAME)SIDE
- SEND EMAIL: COMPLETED EMAIL & customer invoice /ORDER DETAILS
- ORDER ACTIONS : EMAIL INVOICE / ORDER DETAILS TO CUSTOMER
"to change woo order email templates & text > woo > settings > mail
> click completed order > MANAGE
> subjuct: your {site_title} order is completed !
> admitional content : hi {first_name} ,
we already ship your product as delivery address.
product invoice is added with the product.
and your order is completed !
if you don't get the product in 15 days ! then raise a complaint with your order id
you will get another product soon !"""
- FINALLY ORDER STATUS CHANGE TO : completed
A Complete WOOCOMMERCE WEBSITE With dynamic sales & discounts
1. Ocean WP Theme(Free) Install
====================================
>> 1. Appear> theme > install ocean wp theme
> DASHBOARD > begin install + activate plugins > return dashboard
>> PLUGIN> UPLOAD & ACTIVATE OUR 3) ELEMENTOR Pro 4) ELEMENTOR Free
>> RUN OCEAN WP SET UP -> CHOOSE "STORE DEMO" -> next
>> Now choose all plugins - to upload the demo
>> IMPORT DEMO
>> Now upload logo + retina logo + choose colors
>> Put owner email + View site
>> SETTING > READING : HOME HOME // POST - BLOG
>> Setting > Permalink > select -> post name > save
>> WooComerce > settings >
2. Home page edit >>
========================================================================
Just visit site > edit with elementor
>> Do necessary edit (without header & footer)
3. set up woocommerce :::
======================================================================
direct new setup
1. store setup: store based: bangladesh + address: dhanmondi-15 + currency: United States dollar ($) + type: both phy & digital products
2. payment option: paypal & stripe & Check payments & bank transfer & cash on delivery - all check (tick)
3. shipping zone + method - (free shipping) + weight unit- kg + Dimension unit - inch
4. Recommended -> check - mailchimp sync -> continue >
5. Jetpack > SKIP
6. Put admin email > VISIT DASHBOARD
7. plugin > add new > all bd mobile payment > install & activate > woo> Setting > Payment > Enable -> bkash.rocket - plugin/ Square/ Stripe/ Paypal/ Cash on delivery/ Check Payment plugins
if woocommerce already set up& just change some options : WP DASHBOARD > WOO > SETTINGS
4. product category creation :::
======================================================================
woocommerce> products> category>
add category: Men >
>> add sub caregory > tshirt + Jeans + Money bag + Shoes
>>>>>>>>>>>>> as these - add all categories & sub cat
SUB-CATEGORY
shirt / Pant / Shoe
2-piece / 3- piece / tops
toys / gaming console/ diaper
3. menu creation :::
Appearance > Manu
Create A New Menu >> Menu Name: Master Menu > create menu
> ADD HOME - BLOG - CART - CHECKOUT
4. @Menu - Add Custom link for -> Product category & sub - category
a) woo> product> category> tshirt> view> take link..(eg. https://codemanbd.com/auto/product-category/wallet) &
b) appear> menu > tshirt > URL: https://codemanbd.com/auto/product-category/wallet TEXT: WALLET
5. product upload :::
===================================
woo> product> add new>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
>> name: polo shirt- Black-01_0A$D
>> description: This is best cotton made polo tshirt .....
>> select category as Tshirt(from right), + tag (if needed)
>> upload product img (from right - set product img),
>> add product gallery (just img upload),
>> general// reg price-sale price, sale price dates
>> inventory// sku-100 pcs, tick manage stock- stock quantiry: 100 - allow black borders- - but notify customer - threshold(5)
>> shipping// product weight & dimention defina..like: 0.1 kg, 100*20*20 inch - no shipping class
>> advance// Purchase note-"no return is allowed" - menu order-1, enable review - Check(Tick)
>> at bottom- product short description...
">> a) attributes > custom product attribues > color > add
b) now expand color > put value - select all > now choose color > save attributes
c) before save - tick - Used for variations > save"
">> a) attributes > custom product attribues > size > add
b) now expand color > put value - select all > now choose color > save attributes
c) before save - tick - Used for variations > save"
>> now - at top select - "variable products" > add variations > create variations from all attributes > now you will get all combinations of that 2 variables.
>> now delte variations -what you dont needed.
>> now put custom - image - price - sale - inventory - descriptions - SKU.
6-B. Product Attributes :::
=================================
~`~ WooCommerce > products > attributes > add new > NAME: color - SLUG: color > add
~`~ WooCommerce > products > attributes > add new > NAME: size - SLUG: size > add
7. coupon code :::
=====================================================================
WooCommerce > Coupon > Add new
Copoun Name: SummerSale_2018
Discount type: Percent/Fixel Amount
Coupon amount: 50
Coupon expiry date: 31-June-2018
WooCommerce PDF Invoices & Packing Slips
get plugin: https://wordpress.org/plugins/woocommerce-pdf-invoices-packing-slips/
- after order by customer > woo > orders : click at a order
- at biottom right - click : pdf invoice & packaging slip (PDF downloaded)
- at product packet : tag & add :
PACKAGING SLIP // FOR custom officer (INSIDE PRODUcT INFO - WITHOUT PAYMENT - WITH DELIVERY ADDRESS & NAME)
- INSIDE PACKET : tag & add : PDF INVOICE // FOR CUSTOMER (INSIDE PRODUcT INFO - WITHOUT PAYMENT - WITH DELIVERY ADDRESS & NAME)SIDE
8. must needed extra plugins :::
===================================
~`~ YITH WooCommerce Zoom Magnifier
~`~ Woocommerce LightBox
~`~ YITH Woocommerce Quickview
~`~ WooCommerce Price Based on Country(PBC)
~`~ YITH WooCommerce Wishlist
~`~ YITH WooCommerce Ajax Product Filter
~`~ YITH WooCommerce Compare
~`~ YITH WooCommerce Gift Cards
9. CheckOut Plugin: All BD Mobile Payments Gateway :::
========================================================================
get the plugin: https://wordpress.org/plugins/all-bd-mobile-payments-gateway/
>> Install the plugin+ Activate
>> WooCommerce > Settings > Payment
>> Bkash -> Enable >> Manage: title: Pay Via Bkash; description+instruction: as given;
>> Bkash -> Account Type: marchentise-1; Account No: 01871993300
Bkash Gateway Configure ::: description & instruction add
press *247#
choose marchendise acc
put 01871993300
put counter 1
put id 123
put payment amount (in TK)
finally give your PIN no.
Automated payment gateway for BD
1. SSL COmmerz
2. Aamarpay.com
3. Shurjopay.com.bd/
Stripe Payment Gateway Configure
get free plugin:
https://wordpress.org/plugins/woo-stripe-payment/
>> install & activate & woocommerce >settings > payment > enable stripe
>> Click set up > Enable Test Mode
>> get test PUBLISHABLE KEY & SECRET KEY from client & put there > save
Square Debit/Credit Card - Payment Gateway - For Australia, Canada, Japan, United Kingdom, or United States Based Shop
Ask client to signup:
https://squareup.com/signup
add a master card / visa card or payment gateway to get payment
Add new plugin " Square For WooCommerce"
Settings> payment > enable square >
ORDER MANAGEMENT & STORE MANAGER activity -
deliver product | email customer with invoice/ | status change to Completed
- IF ANYONE BUY PRODUCT > GET THE INFO AT WOO > ORDERS
- ALL ORDERS STATUS: Processing
- store mgr - check payment done?
=================================
- GENERATE pdf invoice & packaging slip bY plugin: WooCommerce PDF Invoices & Packing Slips
get the plugin: https://wordpress.org/plugins/woocommerce-pdf-invoices-packing-slips/
- after an order by customer > woo > orders: click at an order
- at bottom right-click: pdf invoice & packaging slip (PDF downloaded
)
- at product packet: tag & add: PACKAGING SLIP // FOR custom officer (INSIDE PRODUcT INFO - WITHOUT PAYMENT - WITH DELIVERY ADDRESS & NAME)
- INSIDE PACKET : tag & add : PDF INVOICE // FOR CUSTOMER (INSIDE PRODUcT INFO - WITHOUT PAYMENT - WITH DELIVERY ADDRESS & NAME)SIDE
- SEND EMAIL: COMPLETED EMAIL & customer invoice /ORDER DETAILS
- ORDER ACTIONS : EMAIL INVOICE / ORDER DETAILS TO CUSTOMER
"to change woo order email templates & text > woo > settings > mail
> click completed order > MANAGE
> subjuct: your {site_title} order is completed !
> admitional content : hi {first_name} ,
we already ship your product as delivery address.
product invoice is added with the product.
and your order is completed !
if you don't get the product in 15 days ! then raise a complaint with your order id
you will get another product soon !"""
- FINALLY ORDER STATUS CHANGE TO : completed
I read your blog on daily basis. This is really great and informative post. Thanks for sharing.
ReplyDeleteShared Stock Woocommerce
Are you looking for a simple WooCommerce Development Tips? Here we are covered important tips and tricks for the build an amazing WooCommerce store.
ReplyDelete