WordPress- The Right Tool To Build A Professional Website

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