23
1

[MSPVN - Azure Workshop] Day 2 - Azure Web App and WooCommerce for Online Shop

Embed Size (px)

Citation preview

1

Duc (Henry)

Email me: [email protected]: https://minhduclaitrung.wordpress.com

Leader of External Communication Management

@MSPVN - HCM

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

4 4

STEP 1

https://github.com/MINHDUC1996/AzureScript-WordPress

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

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

STEP 3

Thanh toán: Chọn phương thức thanhtoán (Paypal, COD,…) >> Tiếp tục

Chắc chắn: Tạo sản phẩm đầu tiên

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

CONGRATS

9 9

STEP 4

Download XML: https://plugins.svn.wordpress.org/woocommerce/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

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

Solution: You have to change the theme that supports WooCommerce

PROBLEM

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

STEP 7

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

WooCommerce YouTube channel – Step-by-Step guided:From Install to Config to Usehttps://www.youtube.com/playlist?list=PLHdG8zvZd0E575Ia8Mu3w1h750YLXNfsC

REF

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/storefront/

Tutorial for WooCommerce (Recommend by Duc – Watch it):https://www.youtube.com/watch?v=-nEPFB0e4vs

REF

THANK YOU

Email me: [email protected]: https://minhduclaitrung.wordpress.com

Make your own stores with Storefronts Theme

Customize theme and make it beautiful

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: EasyCons: YITH banner inside your sites.Solution: Reverse engineer. (But it would be un-ethical)

Q/A 1

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

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

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