Elementor Pro দিয়ে WooCommerce Shop বানানোর Step-by-Step Tutorial (বাংলা)
- যা যা লাগবে
- Step 1: WooCommerce Install এবং Basic Setup
- Step 2: Elementor Pro Install এবং WooCommerce Builder Enable
- Step 3: Custom Product Page Design
- Step 4: Shop/Archive Page Design
- Step 5: Cart এবং Checkout Optimize
- Step 6: bKash/Nagad Integration
- Step 7: Mobile Optimization (Critical for BD)
- Step 8: Speed Optimization
- Common Mistakes — যা বাঁচাবেন
- সারাংশ
বাংলাদেশে online shop শুরু করতে চান? WooCommerce + Elementor Pro combo হলো সবচেয়ে powerful এবং সবচেয়ে affordable solution। এই tutorial-এ step-by-step দেখাবো কীভাবে শূন্য থেকে professional e-commerce site বানাবেন — product page customize, checkout flow optimize এবং bKash/Nagad payment integrate সহ।
যা যা লাগবে
- Domain + Hosting (BD হোস্ট: Hostever, ExonHost — মাসিক ~৳300)
- WordPress (free)
- WooCommerce plugin (free)
- Elementor Pro License — মাত্র ৳299 (WooCommerce Builder এটার Pro version-এ থাকে, free-তে নেই)
- bKash/Nagad plugin (Codeboxr বা WP Bangladesh)
Step 1: WooCommerce Install এবং Basic Setup
- WP Dashboard → Plugins → Add New → "WooCommerce" search → Install + Activate
- Setup wizard run করুন: Country = Bangladesh, Currency = ৳ Bangladeshi Taka (BDT), Product Type = Physical/Digital
- Payment: Direct bank transfer এবং Cash on delivery enable করুন (bKash পরে add করবেন)
- Shipping zones: "Bangladesh" zone create করুন, flat rate ৳60-150 set করুন (Dhaka inside/outside)
Step 2: Elementor Pro Install এবং WooCommerce Builder Enable
WP Theme Bazar থেকে License কিনলে আমাদের email-এ Plugin ZIP file পাবেন। এখানে অর্ডার করুন।
- Plugins → Add New → Upload Plugin → elementor-pro.zip → Install + Activate
- License key activate করুন (email-এ পাঠানো হবে)
- Elementor → Settings → Features → "WooCommerce" toggle ON করুন
Step 3: Custom Product Page Design
এখানেই Elementor Pro-র আসল magic। Default WooCommerce product page boring — Elementor দিয়ে আপনি Daraz-এর মতো professional layout বানাতে পারবেন।
- Templates → Theme Builder → Add New → "Single Product"
- Ready template থেকে একটা পছন্দ করুন (১৫+ free template আছে)
- WooCommerce widgets drag করুন: Product Title, Product Price, Add to Cart, Product Gallery, Short Description, Product Tabs, Related Products
- Custom section add করুন: "কেন আমাদের থেকে কিনবেন?" trust badge, delivery info, return policy
- Display Conditions: "All Products" select করুন → Publish
Step 4: Shop/Archive Page Design
- Theme Builder → Add New → "Products Archive"
- Products widget add করুন → Columns: 3 (mobile: 2), Products per page: 12
- Sidebar add করুন category filter এবং price range slider সহ
- Pagination style customize করুন
Step 5: Cart এবং Checkout Optimize
💡 আরও দেখুন: License Activation Problem
💡 আরও দেখুন: Bangla Font Setup Guide
BD market-এ checkout abandonment rate ৬৫%+। কারণ checkout form অনেক জটিল। Elementor Pro দিয়ে simplify করুন:
- Single-page checkout layout
- Required fields কমিয়ে দিন (First name, Phone, Address, City — যথেষ্ট)
- "Order Notes" textarea-এ placeholder: "ডেলিভারি timing বা বিশেষ instruction লিখুন"
- Trust elements add করুন: "৭ দিনের return guarantee", "Cash on delivery available"
🚀 Original Elementor Pro মাত্র ৳299
Lifetime Update • bKash/Nagad • ১-৩ ঘণ্টায় Activation • ৭ দিন Money-back
এখনই Order করুন →Step 6: bKash/Nagad Integration
BD-এর জন্য সবচেয়ে important step। দুটো option:
- SSLCommerz (recommended) — একটা integration-এ bKash, Nagad, Rocket, card সব। Setup fee ৳5,000, transaction fee ২.৫%
- Direct bKash Merchant — bKash personal/merchant account → Codeboxr বKash plugin → API credential
SSLCommerz plugin install → API key paste → Test mode-এ trial → Live mode activate।
Step 7: Mobile Optimization (Critical for BD)
BD-এর ৯০%+ user mobile থেকে shop করে। Elementor-এ প্রতিটা page mobile preview-তে check করুন:
- Font size minimum 16px
- Add to Cart button width: 100%
- Product image lazy load enable
- "Buy Now" sticky button bottom-এ
Step 8: Speed Optimization
- LiteSpeed Cache plugin install
- Image: WebP convert (LiteSpeed-এর built-in feature)
- Elementor → Settings → Experiments → "Improved Asset Loading" ON
- Cloudflare free plan connect
Common Mistakes — যা বাঁচাবেন
- ❌ Nulled Elementor Pro use করা — backdoor risk। এখানে বিস্তারিত পড়ুন
- ❌ Default WooCommerce page use করা — conversion ৫০% কমবে
- ❌ Mobile-এ test না করা
- ❌ Shipping cost hidden রাখা — abandonment-এর #1 reason
সারাংশ
WooCommerce + Elementor Pro combo দিয়ে আপনি ১ সপ্তাহেই professional online shop launch করতে পারেন। শুরু করুন আজই — Original Elementor Pro মাত্র ৳299-এ অর্ডার করুন এবং আপনার BD e-commerce journey শুরু করুন।
🔗 Elementor Pro Bangladesh — সম্পূর্ণ গাইড সিরিজ
আপনার Elementor Pro journey-র পরবর্তী step:
- Elementor vs Divi vs Gutenberg
- Bangla Font Setup Guide
- License Activation Problem
- Nulled Download কেন বিপজ্জনক
🎯 Pillar Page: Elementor Pro Bangladesh — Original License মাত্র ৳299