process
– install & activate the plugin
– need ele & ele pro
– install free astra theme
– remove all pages & posts
– ethical hack 00 (wp-config + easy update manager)
– from dashboard – click “elements”
– i agree + i agreee – continue
– example: i am taking – corporate & business >corporate business template (green color) > install kitz
-there are 20 ready pages – about-service-team-contact – with same design
– now as client req take the pages: ex:
PAGES: HOME – ABOUT – SERVICE – TEAM – CONTACT – BLOG
– LETS CREATE HOME PAGE now > click on home page that you choose
– write the name of the page : home > create page (it will create the home page and the template will go to home page – and save to draft – just we need to publish it)
– WHEN ALL PAGE CREATION DONE GO TO : PAGES & SEE ALL ARE IN DRAFT
– at each page – click QUICK EDIT
– change the status to PUBLISH > update
– thus – publish all pages
– now edit with elementor – each page
– appearance > menu > create menu > choose page > save – as primary menu
– create blog page – blank
– setting > reading : static page // home: home – post : blog > save
– setting > permalink > post name > save
– all page template : must – elementor full width
– elementor > template > header > give a name header custom template > create
– now at all pages – you will get the header & footer that you design
– edit with elementor
– for block adding > – 1200+ blocks at envato elementor
– click + > click on leaf (pata) – beside template folder
– click “BLOCKS”
– there are huge blocks -click one to get the variations (ex: call to action i need)> click on it
– for any blocks – there are lots of design – choose your one & click : add block to pages
– now customize with elementor as you want
– hope this will fulfill your all needs (92 pages + 1200+ blocks)
Biggest era of WordPress Form Solutions (Create Any Custom Form That You Can Visualize)
Gravity Form Full Playlist:https://www.youtube.com/playlist?list=PLMqgQUPEEDttiSEsvRROcPuIMQO7xOIzo
Single Topic Wise Video : Gravity Form SIMPLE CONTACT FORM https://youtu.be/w9qGjZqqYXY Gravity Form MULTI SECTION FORM: https://youtu.be/oEFJQOtatIU Gravity Form MULTI STEP FORM: https://youtu.be/3-OnCWIf04g Gravity Form SETTINGS/CONFIRMATION/ ADMIN MAIL https://youtu.be/jOJ4lNd6G74 Gravity Form POP UP: https://youtu.be/39pOiUok4Is Gravity Form MAILCHIMP: https://youtu.be/qawguiqebVo Gravity form STYLER PRO: https://youtu.be/NgA7w7Zm53c Gravity Form PRODUCT PRICE CALCULATION(PAYPAL): https://youtu.be/3-LdOP2Ofv0 Gravity Form – ADVANCED PAYPAL + STRIPE PAYMENT(LOGIC):: https://youtu.be/XPms8uwsiyM Gravity Form Quiz: https://youtu.be/MsEpWF-n32U Gravity PDF & PDF Download: https://youtu.be/I_LwH9L3-BE Gravity Form Image Choice: https://youtu.be/y-NKBLce17I Gravity Form Conditional Logic(medical admission form): https://youtu.be/OSpl_PiHi5g
Form Design : 01 : Simple Contact Form
Process
Name
Email
Phone
Message
Gender : radio – Male/ Female / 3rd Gender
Course: Dropdown – wp/ web / lead
Checkbox, I agree
How to add and design a gravity form at a page
Install & activate essential elementor addons
From wp dashboard > click essential addons
Click: elements > ENABLE ALL > Save Changes
Create a page edit with elementor > add “EA GRAVITY FORM”
Now choose – the gravity form – that you created
ENABLE : Custom Title & Description : write “preferred title”
DISABLE: Title
Settings > page layout : elementor full width
Edit EA Gravity Forms > Style
ENJOY UNLIMITED CUSTOMIZATION
Form container : background color: + add padding + form width
Input & Textarea: input box background color + text color + input width + SPACING
SUBMIT BUTTON: fill width + background color + text color
Error message : text color : RED
Radio & Checkbox: Custom Style > increase size + color & checked color
Thanks you message – color + font + color
Form Design : 02 : Multi Section Form
Process
> add section: personal info
– name
– Email
> add section: company info
– company name
– job title
> add section: education info
– university name
– subject
Form Design : 03 : Multi Step Form
Process:
> Add some page break
> add page break: personal info
– name
– Email
> add page break: company info
– company name
– job title
Form Design : 04 : form settings/ confirmation/ admin email / redirect url & page
Form Design : 12 : Gravity Image choice at option – radio button – checkbox
> ADD ADDONS > GRAVITY IMAGE CHOICE (gf image choice)
> now add radio button > click use image > upload image
Form Design : 13 : Gravity Conditional Logic – medical admission form
Field-01: name
—– page break —–
Field-02: Choose country as image choice: BD + IND + USA
—– page break —–
** Condition-01: if country is BD : show Cities of BD
** Condition-01: if country is IND : show Cities of IND
** Condition-01: if country is USA : show Cities of USA
Field-03: City : dropdown : bulk upload > all bd cities (adv > conditional logic> tick > show : country > is > BD)
Field-03: City : dropdown : bulk upload > all ind cities (adv > conditional logic> tick > show : country > is > IND)
Field-03: City : dropdown : bulk upload > all usa cities (adv > conditional logic> tick > show : country > is > USA)
—– page break —–
—– page break —–
** Condition-01: if HSC GPA is 5 : show Manchester medical
** Condition-02: if HSC GPA is 4.5 : show Khorokpur medical
** Condition-03: if HSC GPA is 4.0 : show Bangladesh medical
Field-05: medical choice: radio: Manchester medical ((adv > conditional logic> tick > show : HSC GPA > is > 5.0)
Field-05: medical choice: radio: Khorokpur medical ((adv > conditional logic> tick > show : HSC GPA > is > 4.5)
Field-05: medical choice: radio: Bangladesh medical ((adv > conditional logic> tick > show : HSC GPA > is > 4.0)
thanks Minhazul Asif
Founder & CEO of CodemanBD/ WebBattalion/ Zora IT/ DevelopersZone.net
https://whatminhazulasifwrite.com
BEST PLUGIN: WooCommerce Dynamic Pricing & Discounts – By rightpress ::: Virtually Unlimited Scenarios Extensive Conditional Logic I have this https://codecanyon.net/item/woocommerce-dynamic-pricing-discounts/7119279 BEST PLUGIN: WooCommerce Dynamic Pricing & Discounts – By rightpress 1. Buy at least 10 units get 5% discount Target Products Cart Properties GET SCREENSHOTS AT THE PLUGIN FOLDER 2. Any 3 t-shirts for $9.99 except t-shirts with custom artwork › Product › Cart subtotal CONFIGURATIONS:::: woo > pricing & discounts 3. Buy between 2 and 5 units get 10% discount, buy at least 6 get 20% discount › Product variation › Cart total weight
Promotions::: Displays a dynamically updated price on a single product page >> ENABLE 4. With each desktop computer get wireless keyboard with 50% discount › Product category › Coupons applied
Promotions::: Displays a total amount saved by customer on cart and checkout pages. >> ENABLE 5. 5% lifetime discount after your 10th order, 10% after 50th › Product attributes › Cart item count
Promotions::: Displays COUNTDOWN TIMER >> ENABLE 6. Extra handling fee of $15 if heavy items are in cart › Product tags › Sum of item quantities “7. Promotions::: Customer notifications > Product Pricing -> ENABLE ——————- Customer notifications > Cart Discounts -> ENABLE ——————–Customer notifications > Checkout Fees -> ENABLE” 7. Spend at least $1000 get 15% discount on your order › Product meta fiel
Promotions::: Discount amount threshold >> 3 8. Stay free for 1 night when booking a hotel for 7 nights
SETTINGS: Product Pricing > Change display prices in shop >> 3rd option) Change – Include all adjustment types 9. SPA treatments 20% off when staying 3 nights or more Items In Cart Customer Properties
Product Pricing >> See below “Screenshots of configurations” 10. 10% discount for the first order only if other promotions do not apply › Products in cart › Is logged in
Cart Discounts >> See below “Screenshots of configurations” 11. iPhone case with each iPhone purchased › Product variations in cart › Customer role
Checkout Fees >> See below “Screenshots of configurations” 12. Get $5 cart discount if you purchase anything from category Clothing › Product categories in cart › Customer capability 13. Everything for $9 until midnight but only if you purchase at least 3 items › Product attributes in cart › Specific customer 14. Each fifth accessory is 30% off › Product tags in cart › Customer meta field 15. This month all music albums 10% off, singles 25% off 16. Processing fee of $10 for international orders Customer Value Purchase History 17. 15% discount for repeat orders › Amount spent › Products purchased 18. Users with role Shop manager get 100% discount for testing purposes › Order count › Product variations purchased 19. 5% discount if no other discount is applied › Last order amount › Product categories purchased 20. Automated rewards program with tiered discounts for loyal customers › Last order date › Product attributes purchased 21. VIP club members get 25% cart discount on all items › Product tags purchased 22. Give 10% discount on laptops but only if customer is not VIP club member And almost any other pricing, discount or fee scenario that you can imagine! Shipping Address Date & Time WooCommerce > Pricing & Discounts > Product Pricing ::: CONFIGURATION ::: › Shipping country › Date BUY 2 – GET 1 – 50% OFF – FOR SPECIFIC PRODUCT OR PRODUCT CATEGORY › Shipping state › Time › Shipping postcode › Days of week › Shipping zone The best part? You can combine them in any way you like!
WooCommerce > Pricing & Discounts > Product Pricing ::: CONFIGURATION ::: BUY 2 – GET 1 – 50% OFF – FOR SPECIFIC PRODUCT OR PRODUCT CATEGORY
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
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)
set up woocommerce ::: direct new setup or >> WooComerce > settings > or dashboard > woo > run set up
store setup: store based: bangladesh + address: dhanmondi-15 + currency: United States dollar ($) + type: both phy & digital products
payment option: paypal & stripe & Check payments & bank transfer & cash on delivery – all check (tick)
shipping zone + method – (free shipping) + weight unit- kg + Dimension unit – inch
Create A New Menu >> Menu Name: Master Menu > create menu
ADD HOME – my account- CART – CHECKOUT – shop
@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
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.
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
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 >
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
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
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
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
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
click addons > add field > multiple choice > display as : image
title: choose color
options : add > upload image & flat fee: $10
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
woocommerce Product table pro // https://mega.nz/file/KHRi0SqS#nNCbYJHXX57mCFKU9nxhnUdOua9xczJCZvx12ybmPlA
upload the plugin
dashboard > product table pro > add new >
give a name: like : best seller
disable description
basic > category : choose category that all of the product of a category you want to show at a table
or COLUMN > id : add product id separated by comma : like : 354, 567
publish > copy the shortcode > paste at feasible place of home page : [Product_Table id=’355′ name=’best seller’]
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
