A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce

A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
  1. Ocean WP Theme(Free) Install + Make it premium
    1. Appear> theme > install ocean wp theme
      DASHBOARD > begin install + activate plugins > return dashboard
      PLUGIN> UPLOAD & ACTIVATE OUR 3) ELEMENTOR Pro 4) ELEMENTOR Free
      go dashbaord > 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
    1. Home page edit >>
    install elementor + elementor pro + jet elements + jet woo builder + jet product gallery addons
    Just visit site > edit with elementor
    Do necessary edit (without header & footer)
    get all woo widgets by elementor (will be shown at class)
    1. set up woocommerce :::
      direct new setup or >> WooComerce > settings >
      or dashboard > woo > run set up
    2. store setup: store based: bangladesh + address: dhanmondi-15 + currency: United States dollar ($) + type: both phy & digital products
    3. payment option: paypal & stripe & Check payments & bank transfer & cash on delivery – all check (tick)
    4. shipping zone + method – (free shipping) + weight unit- kg + Dimension unit – inch
    5. Recommended -> check – mailchimp sync -> continue >
    6. Jetpack > SKIP
    7. Put admin email > VISIT DASHBOARD
    8. 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
      Square documentation: https://docs.woocommerce.com/document/woocommerce-square/?_ga=2.174778786.1669003580.1550701011-911865535.1550701011
    if woocommerce already set up & just change some options : WP DASHBOARD > WOO > SETTINGS
    1. product category creation :::
      woocommerce> products> category>
      add category: Men >
    add sub caregory > tshirt + Jeans + Money bag + Shoesas these – add all categories & sub cat

CATEGORY SUB-CATEGORY
MAN shirt / Pant / Shoe
WOMEN 2-piece / 3- piece / tops
CHILD toys / gaming console/ diaper

5. menu creation :::
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
Appearance > Menu

Create A New Menu >> Menu Name: Master Menu > create menu

ADD HOME – my account- CART – CHECKOUT – shop

  1. @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
  2. 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-pcs, tick manage stock- stock quantity: 100 – allow black borders- – but notify customer – threshold(5)
shipping// product weight & dimention defina..like: 0.1 kg, 1002020 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.

A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
8. Product Attributes & Variations :::
~`~ WooCommerce > products > attributes > add new > NAME: color  > add // configure terms- red > ADD + WHITE > ADD ......
~`~ WooCommerce > products > attributes > add new > NAME: size > add // configure terms- XL> ADD + M > ADD ......

*** create variation for simple product 
~`~ create product > attribute-1  > custom product attributes > choose color > add > select all to get already created attributes 
(if you want extra color > click add > add the color > save 
-- similarly add others attributes (like model - size...)

*** create ATTRIBUTES for variable product 
~`~ product data - dropdown > variable products >
~`~ CLICK ATTRIBUTES > DROP ONE BY ONE - AND TICK > Used for variations(FOR BOTH)

*** create VARIATION for variable product 
~`~ CLICK VARIATION  > ADD VARIATION > CREATE VARIATION FROM ALL > 
~`~ NOW GET ALL MIXING & LETS ADD IMAGE + PRICE + STOCK AMOUNT FOR EACH VARIATION > SAVE 

9. coupon code :::
~`~ WooCommerce > Coupon > Add new
~`~ Copoun Name: SummerSale_2018
~`~ Discount type: Percent/Fixel Amount
~`~ Coupon amount: 50
~`~ Coupon expiry date: 31-June-2018

10. 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

11. CheckOut payment 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


12. 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.

13. Automated payment gateway for BD
1. SSL COmmerz
2. Aamarpay.com
3. Shurjopay.com.bd/

14. 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 
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
  1. 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
    Client will add his master card / visa card or payment gateway to get payment
    Add new plugin ” Square For WooCommerce”
    Settings> payment > enable square >
  2. paypal payment gateway
    woo> settings > paypal > enable – paypal
    click manage and if paypal personal account : add >> paypal email
    if business paypal account > add paypal – api
  3. ORDER MANAGEMENT & STORE MANAGER activity – deliver product | email customer with invoice/ | status change to : Completed
  • IF ANYONE BUY PROUDCT > GET THE INFO AT WOO > ORDERS
  • ALL ORDERS STATUS: Processing
  • store mgr – checkpayment done ?
  • GENERATE pdf invoice & packaging slip bY : plugin: WooCommerce PDF Invoices & Packing Slips
  1. get plugin: woo pdf invoice & packaging slip // 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
  • SEND EMAIL : COMPLETED EMAIL & customer invoice /ORDER DETAILS
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce

ORDER ACTIONS : EMAIL INVOICE / ORDER DETAILS TO CUSTOMER

A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce

A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce

“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 Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce

18. product & category page template design // elementor woocommerce builder // bit.ly/cmbd_elementor
1. product page design : template > add new > single product > give name: product template > choose deign & customize > publish 
2. category page design : template > add new > product archive > give name: category template > choose deign & customize > publish 

19. woocommerce enhancer Product addons // https://mega.nz/file/bGwAFSja#C1-aH5KaLF1uOQgWhJSwBYW6jqCWZdRv_IOSQN_o5Pw
1. upload the plugin 
2. edit product page 
3. click addons > add field > checkbox > title: choose features 
4. add options > 1. tie    2. brush    like that 
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
  1. click addons > add field > multiple choice > display as : image
    1. title: choose color
    2. options : add > upload image & flat fee: $10
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
20. woo enhancement - MAX - MIN PRODUCTS addon // https://mega.nz/file/TDBnhIBB#oTlqGz_mGZvM1dVhgTDjEsyWxVAN3adqLO701rcfJmI
1. upload the plugin 
2. edit product page 
3. general : maximum amount: 100 - min amount: 50 
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
  1. woocommerce Product table pro // https://mega.nz/file/KHRi0SqS#nNCbYJHXX57mCFKU9nxhnUdOua9xczJCZvx12ybmPlA
  2. upload the plugin
  3. dashboard > product table pro > add new >
  4. give a name: like : best seller
  5. disable description
  6. basic > category : choose category that all of the product of a category you want to show at a table
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce

or COLUMN > id : add product id separated by comma : like : 354, 567

A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce

publish > copy the shortcode > paste at feasible place of home page : [Product_Table id=’355′ name=’best seller’]

A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce
  1. Product Import Export for WooCommerce // for bulk product importing https://wordpress.org/plugins/product-import-export-for-woo/
    • install plugin & activate this
    • from dashboard > woocommerce > product export & import
    • now you can upload the csv for bulk import
    • also can export all products by this plugin
A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce, A Complete WOOCOMMERCE WEBSITE With Ocean WP Pro + WooCommerce

Leave a Reply

Your email address will not be published.

Recent Post

Related Post

ইকমার্স প্লাটফর্ম এর জন্য কেন শপিফাই বেছে নিবেন?

শপিফাই হচ্ছে একটি Self হোস্টেড ই-কমার্স ওয়েবসাইট বিল্ডার যেটা ব্যবহার করে আপনি খুব সহজে আপনার ই-কমার্স ব্যবসা শুরু করতে পারবেন অথবা ক্লায়েন্টদের জন্য অনলাইন শপ

Read More »
ওয়েবসাইট ডিফেসমেন্ট কি? হ্যাকাররা কীভাবে ওয়েবসাইটগুলিকে ডিফেস করে? কিভাবে নিজেকে ওয়েবসাইট ডিফেসমেন্ট থেকে রক্ষা করবেন?
Ethical Hacking

ওয়েবসাইট ডিফেসমেন্ট কি? হ্যাকাররা কীভাবে ওয়েবসাইটগুলিকে ডিফেস করে? কিভাবে নিজেকে ওয়েবসাইট ডিফেসমেন্ট থেকে রক্ষা করবেন?

ওয়েবসাইট ডিফেসমেন্ট কি? ওয়েব ডিফেসমেন্ট হল একটি আক্রমণ যেখানে ওয়েবসাইট এর বিভিন্ন Vulnerability অথবা Web Shell আপ লোডের মাধ্যমে একটি ওয়েবসাইটে প্রবেশ করে এবং সাইটের

Read More »
ওয়েব শেল কি? ওয়েব শেল(Web Shell) Attack কি? ওয়েব শেল কিভাবে কাজ করে? জনপ্রিয় কিছু ওয়েব শেল ও ওয়েব শেল অ্যাটাক থেকে কিভাবে সুরক্ষিত থাকা যায়?
Ethical Hacking

ওয়েব শেল কি? ওয়েব শেল(Web Shell) Attack কি? ওয়েব শেল কিভাবে কাজ করে? জনপ্রিয় কিছু ওয়েব শেল ও ওয়েব শেল অ্যাটাক থেকে কিভাবে সুরক্ষিত থাকা যায়?

ওয়েব শেল কি?   একটি ওয়েব শেল হল একটি ম্যালিসিয়াস স্ক্রিপ্ট যা জনপ্রিয় ওয়েব অ্যাপ্লিকেশন ভাষায় লেখা হয় – PHP, JSP, বা ASP, এবং এগুলো

Read More »