THE RIGHT TOOL TO BUILD A PROFESSIONAL WEBSITE
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Website design & builder tool
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Website design & builder tool
© 2021 Designville Studio
@asrulshamri
www.designville.studio
www.designville.studio
@asrulshamri 🚀 Founder and CEO of Designville Studio, a professional web design agency in Bangi, Selangor. 🎉 16 years experience working in industry as Web and UIUX Designer. 🏆 Award winning website FaithFleur.my in 2019 by Malaysia Website Award (MWA). ⭐ Panel committee of NOSS: Web and Mobile App Visual Design (UIUX) – Level 3. 👨💻 WordPress designer and developer since 2011. 🧔 Father of 4. © 2021 Designville Studio
@asrulshamri
www.designville.studio
What is WordPress? A software that you use to build your own website and publish it on the internet. a.k.a Content Management System (CMS)
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Why I Choose WordPress? 33%
11K
50K
0
powers the internet
different themes
different plugins
no coding required
+ amazing Facebook community support Kedai Kopi WordPress (KKWP)
© 2021 Designville Studio
@asrulshamri
www.designville.studio
The Best Part?
IT’S FREE!
© 2021 Designville Studio
@asrulshamri
www.designville.studio
WordPress.com vs. WordPress.org
© 2021 Designville Studio
@asrulshamri
www.designville.studio
WordPress.com Not hosted on your hosting Could be deleted Can’t monetize with ads Can’t upload plugins Can’t upload custom theme
© 2021 Designville Studio
@asrulshamri
www.designville.studio
WordPress.org Hosted on your hosting Access to thousands of plugins Can use your own domain name Monetize your website with ads Be able to create your own online shop Build custom website for lots of applications
© 2021 Designville Studio
@asrulshamri
www.designville.studio
What you need to know before you get started?
© 2021 Designville Studio
@asrulshamri
www.designville.studio
①
②
APPEARANCE
DRAG & DROP
ADD-ON FUNCTIONS
Theme
Builder
Plugin
• • • • •
Astra OceanWP Hestia Neve Simple
© 2021 Designville Studio
• • • • •
@asrulshamri
Elementor WPBakery Divi SeedProd Beaver Builder
③
• • • • •
WPForms Woocommerce NinjaFirewall Rank Math SEO WP Chat App
www.designville.studio
What you need to do first?
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Step #1: Buy Domain Name Which one to choose?
.com .my
© 2021 Designville Studio
@asrulshamri
.com.my
.others
www.designville.studio
Step #1: Buy Domain Name Where to buy?
Yeahost.com.my Starts from RM40 per year
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Step #2: Buy Web Hosting My preference
Hostmantis.com Shared hosting package starts from RM148 per year + including email server (unlimited account)
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Step #3: Install WordPress Use Softaculous from CPanel
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Step #3: Install WordPress Use Softaculous from CPanel
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Step #4: Choose Theme There are more than 1,500 free themes available
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Step #4: Choose Theme Professional free theme
Recommendation: Astra © 2021 Designville Studio
@asrulshamri
www.designville.studio
Step #4: Choose Theme Beautiful premium theme
Recommendation: Salient (RM250) © 2021 Designville Studio
@asrulshamri
www.designville.studio
Step #5: Install Plugins There are more than 50,000 plugins available
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Step #5: Install Plugins Easiest way to find plugin name
© 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #1: Ecommerce Website
Sell stuffs and make a lot of money © 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #2: Corporate Website
Bring your company image to another level © 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #3: Portfolio Website
Showcase your skill and get interest from new clients © 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #4: Food Delivery Website
Let your customer to order online their favourite food © 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #5: Online Booking Website
Allows people to book online for your goods or services © 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #6: Resume Website
Get attention from your future employer by taking one step further © 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #7: Blog or Article Website
If you love to write and telling stories © 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #8: Video E-learning Website
Learning online has become a new norm for all of us © 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #9: Online Class Website
Get people to signup to your online class through zoom or google meet © 2021 Designville Studio
@asrulshamri
www.designville.studio
10 Ideas of Website Application #10: Crowdfunding Website
Run a crowdfunding or donation campaign for your non-profit organization © 2021 Designville Studio
@asrulshamri
www.designville.studio
Anyone can build these websites with
WordPress
© 2021 Designville Studio
@asrulshamri
www.designville.studio
© 2021 Designville Studio
@asrulshamri
www.designville.studio
Steps to setup ecommerce website 1.
Buy domain name
RM40
2.
Buy web hosting
RM148
3.
Install SSL in CPanel
FREE
4.
Install WordPress from CPanel
FREE
5.
Buy & Install Salient theme
RM250
6.
Install & setup WooCommmerce
FREE
7.
Insert products, pricing and shipping cost
FREE
8.
Signup payment gateway account (Eg: ToyyibPay) and install its plugin
FREE
9.
Design homepage and subpages RM438
© 2021 Designville Studio
@asrulshamri
www.designville.studio
12 Must Have Plugins For Ecommerce Woocommerce
Ninja Firewall
Aftership
Contact Form 7
Rank Math SEO
WooBought
WP Chat App
ToyyibPay for Woocommerce
CAOS Google Analytics Locally
WooCommerce PDF Invoices & Packing Slips © 2021 Designville Studio
@asrulshamri
Checkout Field Editor for Woocommerce
Improved Badges for Woocommerce
www.designville.studio
Thank you
© 2021 Designville Studio
@asrulshamri
www.designville.studio