WordPress WooCommerce untuk Pemula: Setup Toko Online
WooCommerce Complete Beginner Guide
Transform your WordPress into fully functional online store with WooCommerce!
What is WooCommerce?
Overview
WooCommerce is FREE WordPress plugin that adds complete e-commerce functionality to your site.
Powers:
- 30% of all online stores
- 3+ million active installations
- Highly customizable
- Extensible with 500+ add-ons
Perfect For:
- Physical products
- Digital downloads
- Subscriptions
- Bookings
- Memberships
Prerequisites
Before Starting
Required:
- WordPress site (self-hosted, NOT WordPress.com free)
- Good hosting (minimum 256MB memory, prefer 512MB+)
- SSL certificate (for secure payments)
- Domain name
- Payment processor account
Recommended:
- WooCommerce-compatible theme
- Basic WordPress knowledge
- Product images ready
- Business/legal setup complete
Installation & Setup
Step 1: Install WooCommerce
- Dashboard → Plugins → Add New
- Search “WooCommerce”
- Install Now → Activate
- WooCommerce Setup Wizard starts automatically
Step 2: Setup Wizard
Page 1: Store Details
- Address (determines tax/shipping defaults)
- Country, city, postal code
- Currency (choose carefully, hard to change later!)
Page 2: Industry
- Select your business type
- Helps configure relevant features
Page 3: Product Types
- Physical products (require shipping)
- Digital downloads
- Subscriptions (requires extension)
Page 4: Business Details
- How many products you’ll sell
- Currently selling elsewhere?
- Just answer honestly!
Page 5: Theme
- Use your current theme OR
- Install recommended WooCommerce theme
- Storefront (official free theme) is solid choice
Page 6: Payment Gateways
- Credit cards (Stripe recommended)
- PayPal
- Cash on delivery
- Bank transfer
We’ll configure these properly later!
Page 7: Done!
Setup wizard complete. Now the real work begins!
Configure Store Settings
General Settings
WooCommerce → Settings → General
Store Address:
Verify all details correct.
Currency Options:
- Currency: Your country currency
- Position: $10 or 10$
- Thousand/decimal separators
- Number of decimals
Products Settings
WooCommerce → Settings → Products
General:
- Shop page: Select page for product listings
- Add to cart behavior
- Placeholder image
- Stock display format
Inventory:
Enable stock management if tracking inventory
- Hold stock minutes (9 default)
- Notifications for low stock
- Hide out-of-stock items?
Downloadable Products:
- File download method
- Access restriction
- Grant access after payment?
Tax Settings
WooCommerce → Settings → Tax
Tax Options:
- Enable tax rates and calculations
- Calculate based on: Customer address
- Shipping tax class
- Rounding
- Display prices: Including or excluding tax
- Display suffix
Standard Rates:
Add your country/state tax rates
- Country code
- State code
- ZIP/Postcode (optional)
- City (optional)
- Rate % (example: 10 for 10%)
- Tax name (example: VAT)
Shipping Settings
WooCommerce → Settings → Shipping
Shipping Zones:
Create zones (regions with same shipping rates)
Example zone:
- Add shipping zone
- Zone name: “Local”
- Zone regions: Your country/state
- Shipping methods:
- Flat rate: $10
- Free shipping: Orders over $100
- Local pickup: $0
Repeat for international, other regions.
Payment Settings
WooCommerce → Settings → Payments
Recommended Gateways:
Stripe (Best for cards)
- Accept major cards
- 2.9% + 30 cents per transaction
- Setup: Get API keys from Stripe dashboard
- Test mode first!
PayPal Standard (Easy start)
- Accept PayPal payments
- Similar fees to Stripe
- Setup: Enter PayPal email
- Enable sandbox for testing
Bank Transfer (Manual)
- Customer pays to your bank
- You confirm manually
- Good for B2B
Cash on Delivery
- Pay on delivery
- Manual order confirmation
Test Payments:
Enable test mode, make test purchase, verify everything works!
Email Settings
WooCommerce → Settings → Emails
Configure transactional emails:
- New order (to admin)
- Order confirmation (to customer)
- Order complete
- Refunded order
Customize:
- From name/email
- Header image
- Footer text
- Colors
Add Your First Product
Simple Product
Products → Add New
Basic Info:
- Product name: “Blue Cotton T-Shirt”
- Description: Detailed description with benefits
- Short description: Brief summary (shows in listings)
Product Data:
- Regular price: $29.99
- Sale price: $24.99 (optional)
- SKU: BLUE-TSHIRT-001 (for tracking)
Inventory:
- Manage stock: Yes
- Stock quantity: 100
- Allow backorders: No
Shipping:
- Weight: 0.5 kg
- Dimensions: 30 × 20 × 2 cm
Attributes: (for variations later)
- Color: Blue
- Size: M
Product Image:
Main product image (1000×1000px recommended)
Gallery:
Additional images (different angles)
Categories:
- Clothing → T-Shirts
Tags:
cotton, blue, casual
Publish!
Variable Product (Multiple Options)
Example: T-shirt in 3 colors, 4 sizes = 12 variations
Product Data: Variable Product
Attributes:
- Add: Color (values: Red, Blue, Green)
- Add: Size (values: S, M, L, XL)
- Check “Used for variations”
Variations:
- Generate variations from attributes
- 12 variations created
- Set price for each
- Set stock for each
- Different SKU for each
Bulk Edit:
Set same price: $29.99 for all
Enable stock management for all
Much faster for multiple variations!
Digital Product
Product Data:
- Virtual: Yes (no shipping)
- Downloadable: Yes
Downloadable Files:
- Upload file OR enter URL
- Name: “eBook-Guide.pdf”
- Limit downloads: 3
- Expiry days: Never
Customer receives download link after payment!
Essential Pages
Required Pages
Shop Page:
Shows all products (created automatically)
Cart Page:
Review before checkout (auto-created)
Checkout Page:
Customer details, payment (auto-created)
My Account:
Order history, downloads, details (auto-created)
Terms & Conditions:
Create manually, add policies
Privacy Policy:
GDPR requirement, add processing details
Return Policy:
Your return terms and process
Link these in footer and checkout!
Customize Store Design
Using Storefront Theme
Appearance → Customize → WooCommerce
Product Catalog:
- Products per page: 12
- Rows: 4
- Columns: 3
- Layout
Product Images:
- Thumbnail width: 300px
- Aspect ratio: 1:1
Checkout:
- Layout options
- Field customization
WooCommerce Blocks
Use Gutenberg blocks for custom layouts:
- Products by category
- Handpicked products
- Featured products
- On sale products
- Newest products
Build custom landing pages easily!
Essential Plugins
Recommended Extensions
Free:
- WooCommerce PDF Invoices - Auto invoices
- YITH WooCommerce Wishlist - Save for later
- WooCommerce Google Analytics - Track sales
- Mailchimp for WooCommerce - Email marketing
Premium:
- WooCommerce Subscriptions - Recurring payments
- WooCommerce Bookings - Appointment booking
- WooCommerce Memberships - Restricted content
- WooCommerce Product Add-ons - Custom options
Start with free, upgrade as needed!
Testing Your Store
Complete Test Purchase
- Add product to cart
- Proceed to checkout
- Fill customer details
- Choose payment method
- Complete payment (use test mode!)
- Verify order email received
- Check order in admin
- Process order (mark completed)
- Verify completion email
Everything working? Launch!
Managing Orders
Order Workflow
Order Status:
- Pending payment - Awaiting payment
- Processing - Payment received, preparing
- On hold - Awaiting action
- Completed - Order fulfilled
- Cancelled - Order cancelled
- Refunded - Money returned
- Failed - Payment failed
Process Order:
- Receive new order notification
- Verify payment received
- Prepare items
- Mark as processing
- Ship items
- Add tracking number
- Mark as completed
- Customer receives notification
Order Management
WooCommerce → Orders
- View all orders
- Filter by status
- Search by customer/product
- Bulk actions
- Export reports
Launch Checklist
Before Going Live
- All products added with images
- Prices verified
- Payment gateways tested
- Shipping zones configured
- Tax rates added
- SSL certificate active
- Legal pages created
- Email templates tested
- Test purchase completed
- Analytics installed
- Backup system active
After Launch
- Monitor orders daily
- Respond to customer inquiries
- Process orders promptly
- Check for errors
- Gather customer feedback
- Optimize based on data
Common Issues
Payment Not Working
- Check API keys correct
- SSL certificate active
- Test mode disabled
- Gateway enabled
Emails Not Sending
- Check SMTP settings
- Use WP Mail SMTP plugin
- Verify sender email
Shipping Not Calculating
- Check shipping zones configured
- Verify customer address in zone
- Enable shipping methods
Conclusion
WooCommerce setup steps:
- Install plugin
- Run setup wizard
- Configure settings
- Add products
- Setup payments
- Configure shipping
- Test purchase
- Launch!
Start small, grow gradually. WooCommerce scales from 1 product to 100,000+ products. Begin selling today!
Link Postingan : https://www.tirinfo.com/wordpress-woocommerce-untuk-pemula-setup-toko-online/