Worksheet 3 your website kho tai lieu tong hop

MODULE TWO:

Your Audience

Z ER0

T0

L AU N C

H.od


This tutorial will show you how to set up your first website. Remember- if at any time you feel
confused or lost, visit the software provider's websites for updated FAQ's and help guides. By
the end, you'll have a clean website that collects leads.

Your Toolkit
1.

Buy a domain (Hover)

2.

Get your website a nd hosting (WP Engine)

3· Get a Wordpress theme (StudioPress Genesis)
4. Get an email service provider (Mail Chimp or Aweber)
5· (optional) Learn more about your visitors (Google Analytics)
6. (optional) Get access to attractive images (iStock Photos)
7.

(optional) Install a "feature box" (Plug Matter)

Get your domain name with Hover
Go to hover.com ~ 1)rpe in a website domain and check if it's available ~ Select one you like
that's available ~ Create an account and buy the domain ($15 I year)

"Qr.com/dom:ainslretiults

lt1

-

a 1c •• .,..
,_...,.._

unapologeticmastery.com is taken.
0on·cworry, we round thua oUHrgrut domains.

-•

$

o:-•

--

....

*)IIIII

1 .~

I

"'

--

~nln

...
111

.......

-

ZEROTOLAUNCHSYS

f}<

M COM

1

of

10

Create and host your new website with
WPEngine
1.

Go to wpengine.com -+ Click on PLANS (top navigation bar) -+ Buy the PERSONAL option
($29/mo or $290 per year)

2. Log into my.wpengine.com. This is t he WP Engine dashboard, where you ca n manage
your hosting.
3· Now, go to Installs (top navigation bar) -+ Select DOMAINS (left side menu) -+ Click + ADD
DOMAIN -+ Enter the domain name you purchased from bover.com -+ Click ADD DOMAIN

https:t/my.wptnglno.com/lnstalls/username/domalns

-

-

._.........

...""'-""',.,..........,.,
IIIWIACI DOIIUII

DOMAJNS

~f"4.....,MMI.-u

.....

~

....

~~~~~.,.....,.tolroct

nM Cloooi.t~llwlooe..IIW
.......,.,lholtll.

4. Next, click on the domain that bas a ".wpengine.com" extension, which will take you to
your website. Scroll down to the bottom and click LOG IN under META . You can log into
your Wordpress site using the same account info as your WP Engine account.

ZEROTOLAUNCHSYS

f}<

M COM

2

of

10


-....

'

•

,..,- - . ~ . --~
... -·.-.,"'-411!'!1'··
J.

tl

' :

I :

..

~
•
',._
--.,~l.---

.

'

••
•

I"

I '

:

_...,

J.
-•.~
. ., __ ~ ...

-

... ""''~

,.

...

l

I

I

-

:.-.JO.,

"O.'•

.......

. _ - -r
.

. .•
' ,,..____

I '

~

,~1

Q.

Hello world!
0

J ,l

. .. _

""\t.C

.& ,...

•

I (Q

5· This is your Wordpress Admin page. Click on WP ENGINE (top left-hand side menu), where

you'll find the "IP address" (highlighted below) for your Wordpress Site. Copy this series
of numbers.

hUP://YOIIrWtbslte.com/wp .~dminf~dmln.phplp•g•=wpengine-common

6. Head back to your Hover.com account. Go to the DOMAINS section ~ Click on your
domain name ~ Open the DNS tab~ Hover over the first row (with the @ and A ) and click
EDIT DNS ~ Paste your IP address from Step 5 ~ Repeat for the second row (with the •
a nd A). For reference, see image below.
7.

Congrats! Now, when you type in your domain URL into your browser, you'll be directed
to the Wordpress Site!

ZEROTOLAUNCHSYS

f}<

M COM

3

of

10


https://www hOvtr.Comtdo~Riyourwebsite .com/dns

----- -0..- unapologeticmastery.com

. ~

-

....

-

-

0

c

....__

...

.......,

REPLACE THE ''.WPENGINE.COM" DOMAIN WITH THE ONE YOU BOUGHT FROM HOVER

(e.g. make the URL be "example.com" instead of "example.wpengine.com")
First, head to your Wordpress admin dashboard. Go to SETTINGS (bottom left side-menu) ~
GENERAL ~ Rename your SITE TITLE and TAG LINE (optional) ~ Enter your domain name from
Hover into the WORDPRESS ADDRESS and SITE ADDRESS sections ~ Click SAVE CHANGES

ZEROTOLAUNCHSYS

f}<

M COM

l of

10


Make your website attractive and simple to
design with Genesis
1.

Go to my.studiopress.com/themes/genesis and purchase the Genesis Framework
($59.95). Once you purchase, you'll download a "genesis.X.o.X.zip" file (where the X's
represent version number).

2.

Head back to the Wordpress admin dashboard. Go to APPEARANCE (left-hand side
menu) ~ THEMES ~ ADD NEW THEME ~ Click UPLOAD ~ Choose File ~ Navigate to the
"genesis.X.o.X.zip" file ~ OPEN ~ INSTALL NOW ~ ACTIVATE . Now, your website will look
like the following image.

3· Next, let's create a navigation bar. Navigate to APPEARANCE ~ MENUS ~ create and name
a new menu. In the pages box (on the left), pick the pages (e.g. About and Contact) you
want to appear on your navigation bar, and hit SAVE MENU. This is how your website will
now look:

- '

http:l/~rwtbsilt com

- ,.,.._.. .........,.

. . .....

UNAPOLOGETIC MASTERY

Primary Sidebar Widget

Post

Area

ZEROTOLAUNCHSYS

f}<

M COM

5

of

lO


Collect emails on your website with AWeber
or MaiiChimp

1.

Sign up for an email newsletter service through MailChimp.com (free)
or AWeber.com ($19/month).

2.

Create a new email list by following instructions here:
(For AWeber) help.aweber.com/entries/21701653-how-do-i-create-a-new-list
(For MailChimp) kb.mailchimp.com/article/how-do-i-create-a-new-list

3· Head back to your Wordpress Admin dashboard. Go to PLUGINS
"AWeber" or "MailChimp" (depending on which one you have)
4. For AWeber
a. Select "AWeber Web Form Plugin" (first choice)

~ ADD NEW ~

~ INSTALL NOW ~

Search for

Select NO THANKS,

I ALREADY DID THIS~ ACTIVATE PLUGIN

b. Click the link in "Step 1" to get your AUT HORIZATION CODE. You'll then be prompted
to log into your AWeber account to collect the code. Copy this code ~ Paste it in the
appropriate box ~ Click MAKE CONNECTION ~ Select the list you created in
Step 2 ~SAVE

https1/www.yourwtbsttt.c om

AWeber Web Fonn Options

Sidebar Webfonn Settings

Subscribe By Commenting
AAtlfllrf

~ t-Clll

101~

coyo....m.

fr-t~ ffl •Y"¢ttt«"Oitet.-ICO"!mtnn

J ..... ~---~

J AI. ... ~- .........qilt....,...... tole&-

ZEROTOLAUNCHSYS

f}<

M COM

G

of

10


c. Next, we'll add the signup box to your site's sidebar. Go to APPEARANCE ~ WIDGETS ~
Drag the A WEBER WEB FORM box to the PRIMARY SIDEBAR section ~ Click the small
"down arrow" button ~ SELECT EMAIL LIST ~ SELECT A WEB FORM ~ SAVE
i. To learn more about how to design an AWeber Web Form, go here: www.
aweber.com/videos/build-web-forms.htm. Below is an example of how it
will currently look:

https1/www.)'ourwebslte.com

Post
- -·~It'*!
l ,,

Hello world!
~

:oWMf'mu Thb n ~ rt11 DOISI Et1l cr ooe:s 11. l!'ll!r.llllll

~

Z ER OTO L AUNCHSYS

f}<

M COM

7 of 1 0


5· For MailChimp
a. Select "MailChimp List Subscribe Form" (first choice)

~ INSTALL NOW ~

SELECT NO THANKS, I ALREADY DID THIS~ ACTIVATE PLUGIN

~CONNECT

b. Enter in your MailChimp account details~ LOG IN. On this page, you'll be able
to edit the look of your signup box.
c. Next, let's add an email newsletter signup box to your site's sidebar. Go to
APPEARANCE~ WIDGETS~ Drag the MAILCHIMP WIDGET to the PRIMARY
SIDEBAR on the right ~ Click the "down arrow" button ~ SAVE
d. Below is an example of how the email signup box will look:



SIGN UP f'OR MY
NfWSt£TT£A!

Post

Hello world!
1MIIcomo 10 WotrProa Thla 18 yot.1 h1
Ologgi'lg1

OOQ

E'dl 0' delet1t II, U'*l 1111111

If
you're ambitious, you can optionally add Google Analytics to your website (see walkthrough
below) and add a "feature box"-a more prominent email opt-in box at the top of your
website- using Plug Matter ($37 for a one site license, see their tutorial here).
CONGRATULATIONS! You're ready to publish new posts and collect em ails on your website.

ZEROTOLAUNCHSYS f}< M COM

8

of

10


(Optional) Study your website's visitors with
Google Analytics
1.

Go to www.google.com/analytics/ and sign up with your Gmail account by clicking on
(top right).

ACCESS GOOGLE ANALYTICS
2.

Select WEBSITE~ Select the UNIVERSAL ANALYTICS option~ Create a new ACCOUNT
NAME~ Fill out rest of the form~ Click GET TRACKING 10 ~Agree to terms and
conditions. Here, you'll find your TRACKING 10 and TRACKING CODE .
Note: You can access the ID and Code later by going to Admin ~ Tracking Info (under the
Property column) ~ Tracking Code

https:llgoog1o.comlana1ytKsi••J tr>ckmgcode
COdl-ioftii
-

.,...c- ' ""'

...,d...

Treclting 10

""'".,.l
_,_,._, _____ ._.,......,...,..._,. ..
_

Website tracking

_......,..-«..-rv
Tovot .. .,._oiUftf.vul~lot
~

Thlt Ia your ttadiing eocs.. Ccf>V and puta It Into tM coct. o1 .wry pag• you want to
ltltCk.

ZEROTOLAUNCHSYS

f}<

M COM

9

of

10


3· Head back to your Wordpress Admin page. Go to GENESIS -7 THEME SETTINGS -7 paste
your tracking code into the HEADER AND FOOTER SCRIPTS box -7 Scroll down and hit
SAVE SETTINGS

http ;//YOUrW.t>J I~.comtwp .Jdmlnl~mln php7p~e=genests

••~•dv-and V~te:"'&no!rt•

.......

*~'Ph .,

..... ~........,.

;· ~to

__ f . ..,.( )

4· You can now analyze your monthly and real-time traffic data on your website. On Google
Analytics, go to REPORTING (top navigation bar).

ht1j>:I/Q0091e.cornl•n•IYtlc>l...lrOpo
I)

Feb 1. 2014. Mar 3, 2014

Audience Overview

m

-.

•
0
ifiti

~

"""""''
~(-

T.,..

•

.,.

----

...... !!'-.:

. ......

~
~

·.
·-

·-- ·---

• 0.0

.,.,.,_

,,__,.,
.e.-

ZEROTOLAUNCHSYS

f}<

M COM

10

of

10