Language: English and Vietnamese Tutorial for deploying WooCommerce on Azure.

1. 1

2. Duc (Henry)
Email me: Duc.LaiTrunMinh@studentpartner.com
Websites: https://minhduclaitrung.wordpress.com
Leader of External Communication Management
@MSPVN - HCM

3. https://www.youtube.com/watch?v=1KahlicghaE

4. 4 4
STEP 1
https://github.com/MINHDUC1996/
AzureScript-WordPress

5. 5 5
STEP 2
Gói mở rộng >> Cài mới
Tìm: WooCommerce
“Cài đặt” plugin như trong hình
“Kích hoạt” plugin

6. 6 6
STEP 3
Let’s go >>
Page Setup: Tiếp tục >>
Store locale: Điền các thông tin phù
hợp tại Việt Nam >> Tiếp tục >>
Shipping & Tax: Tiếp tục >>

7. 7 7
STEP 3
Thanh toán: Chọn phương thức thanh
toán (Paypal, COD,…) >> Tiếp tục
Chắc chắn: Tạo sản phẩm đầu tiên

8. You can create your first Product, but… We are in training now.
Therefore, no need to create a new product.
CONGRATS

9. 9 9
STEP 4
Download XML:
https://plugins.svn.wordpress.org/woo
commerce/tags/3.0.0/dummy-
data/dummy-data.xml?dl=1
Công cụ >> Nhập vào >> WordPress
>> Cài đặt ngay bây giờ

10. 10 10
STEP 5
Chạy trình nhập >> Browse tới file
XML phía trên >> Tải tập tin lên và
nhập
Select user hiện tại của Web
Tích vào “Download and import…” >>
Submit

11. Solution: You have to change the theme
that supports WooCommerce
PROBLEM

12. 12 12
STEP 6
Giao diện >> Thêm mới
Tìm kiếm: Stores
Lựa theme theo ý thích và cách dùng
(đọc Documentation để customize):
Demo: eCommerce Store

13. 13 13
STEP 7

14. 14 14
STEP 8
After waiting for a several minutes
>> WooCommerce >> Sản phẩm >>
Sản phẩm
Because dummy data is for USD
currency  If you set VND for your
website, you might see… 35.00đ

15. 15

16. WooCommerce YouTube channel – Step-by-Step guided:
From Install to Config to Use
https://www.youtube.com/playlist?list=PLHdG8zvZd0E575Ia
8Mu3w1h750YLXNfsC
REF

17. Vietnamese series learning of ThạchPhạm:
https://thachpham.com/series/hoc-woocommerce
Storefronts theme Documentation (Recommend by Woo):
https://docs.woocommerce.com/documentation/themes/sto
refront/
Tutorial for WooCommerce (Recommend by Duc – Watch it):
https://www.youtube.com/watch?v=-nEPFB0e4vs
REF

18. THANK YOU
Email me: Duc.LaiTrunMinh@studentpartner.com
Websites: https://minhduclaitrung.wordpress.com
Make your own stores with Storefronts Theme
Customize theme and make it beautiful

19. Ask: Sản phẩm chỉ có mục add image từ Media Upload. Vậy
nếu muốn thay ảnh bằng video khoảng 5s giới thiệu sản
phẩm cho sinh động thì sẽ giải quyết như thế nào?
Answer: https://wordpress.org/plugins/yith-woocommerce-
featured-video/
Difficulty: Easy
Cons: YITH banner inside your sites.
Solution: Reverse engineer. (But it would be un-ethical)
Q/A 1

20. Ask: Nhiều người muốn thể hiện đẳng cấp của mình, không
thích biết web mình viết bằng wordpress, vậy làm sao để ẩn
đi điều đó.
Ví dụ https://nhandeptrai.azurewebsite.com/wp-admin sẽ
trỏ đến 1 web app khác chẳng hạn. Khi đó ví dụ mọi người
vào website của a sẽ gõ
https://nhandeptrai.azurewebsite.com/wp-admin sẽ ko ra
giao diện đăng nhập vào admin wp thì sẽ nói à web này
chắc code thuần?
Q/A 2

21. Answer: Many solutions:
- Change URL of login page
- Edit Web.config file for redirect to 404 Pages
Recommend Solution: https://managewp.com/change-your-
wordpress-login-url
Q/A 2

22. Ask: Trong Woo thì mặc dù chọn đơn vị tiền tệ và VND
nhưng hiển thị sẽ là đơn vị đồng (đ) vậy làm sao để
customize lại sẽ hiển thị là VND?
Answer: https://wordpress.org/plugins/woo-viet/
Difficulty: Easy
Q/A 3

23. 23