LANDING PAGE &

WEBSITE BUILDING

LESSON 2
CREATE A LANDING PAGE (PART 1)

1
CONTENT
● How to Create a Landing Page

● Google Sites

● Best Practices for Google Sites

Landing Page & Website Building - Create a Landing Page (Part 1) 2

HOW TO CREATE A LANDING PAGE

1 2 3 4 5 6Design 7 8 9
Define Your Set Your Choose Craft Your Drive Preview
Create Test and
Campaign Campaign Your Landing and
a CTA Copy Traffic Optimize
Goal Platform Page Publish

9 steps to create a landing page

Landing Page & Website Building - Create a Landing Page (Part 1) 3

HOW TO CREATE A LANDING PAGE
Step 1: Define Your Campaign
• You are running an online
promotion or ads campaign, or
trying to generate more leads for One page only

your business.

DRIVES
• Landing pages convert
significantly better than websites.
• Everything leads to a singular call
An action
to action.
Source: Unbounce. How to Build a Landing Page in 10 Easy Steps [online], viewed July 10 2022,
from: <https://unbounce.com/how-to-create-a-landing-page/#design_your_landing_page>

Landing Page & Website Building - Create a Landing Page (Part 1) 4

HOW TO CREATE A LANDING PAGE
Step 2: Set Your Campaign Goal
What do you want to accomplish with your landing page?

Sales Conversions Leads

For ecommerce marketers, landing For agency marketers, you For SaaS marketers, landing
pages can help you turn browsers can use landing pages to get pages can help you fuel growth.
into buyers. Start out by choosing more conversions for your Decide whether you want visitors
one particular product you want to business and your clients. to sign up for a free resource,
promote—or a group of related product demo, free trial, or
products. consultation with your sales team.

Landing Page & Website Building - Create a Landing Page (Part 1) 5

HOW TO CREATE A LANDING PAGE
Step 3: Choose Your Platform
Your landing page platform is where
you will build your landing page.
• If you are an advanced builder, you
can choose to code the page
yourself.
• If you are a beginner, there are a
multitude of landing page builders
available.
Source: Logo of Google Sites, Ladipage, Wix, Weebly and WordPress

Landing Page & Website Building - Create a Landing Page (Part 1) 6

HOW TO CREATE A LANDING PAGE
Step 4: Craft a CTA
Your CTA is what you want visitors
to actually do on your landing
page. Create a compelling button
by answering these questions:
• Where to place the CTA?
• Why should customers click it?
• How to click?
• What are the benefits? Source: Unbounce. How to Build a Landing Page in 10 Easy Steps [online], viewed July 10 2022, from:
<https://unbounce.com/how-to-create-a-landing-page/#design_your_landing_page>

Landing Page & Website Building - Create a Landing Page (Part 1) 7

HOW TO CREATE A LANDING PAGE
Step 5: Create Copy
Create punchy and relevant copy
because your landing page is a single
page. Don’t overwhelm the visitors.
• Spend time writing a killer
headline.
• Keep it short, but keep in mind the
tone of your original ads as well.
• Focus on the benefits.

Source: Jaybird

Landing Page & Website Building - Create a Landing Page (Part 1) 8

HOW TO CREATE A LANDING PAGE
Step 6: Design Your Landing Page
After choosing a template from a landing page builder, you can
drag and drop your text and visuals onto the landing page. You
might need to trim some sections.

Make It Mobile-Friendly
Source: Shopify

Use High-quality Media

Source: Gold’s Gym

Landing Page & Website Building - Create a Landing Page (Part 1) 9

HOW TO CREATE A LANDING PAGE
Step 7: Drive Traffic
Update your ads’ URL with the URL
of your landing page so that
viewers who click on it will
automatically be redirected to your
landing page. Some advertising
platforms that you can use with
your landing pages include Google,
Facebook, Twitter, Mailchimp,…

Source: Go Postie

Landing Page & Website Building - Create a Landing Page (Part 1) 10

HOW TO CREATE A LANDING PAGE
Step 7: Drive Traffic
Pay-Per-Click (PPC)
Use Google Ads to hit the top of
the search engine results. You will
be able to get a lower
cost-per-click with your landing
page by targeting relevant
keywords that match your
headline.
Source: Hebdon, A. M. (2017). Get Better Landing Pages for AdWords with 3 Techniques to Try Today [online], viewed July 10 2022, from:
<https://unbounce.com/ppc/landing-pages-for-adwords/>

Landing Page & Website Building - Create a Landing Page (Part 1) 11

HOW TO CREATE A LANDING PAGE
Step 7: Drive Traffic
Social Media
Use Facebook, Instagram,
LinkedIn, and Twitter ads to send
visitors to your page. You can
hone in on a particular audience
with granular targeting and
lookalike ads campaigns.

Source: VTCA

Landing Page & Website Building - Create a Landing Page (Part 1) 12

HOW TO CREATE A LANDING PAGE
Step 7: Drive Traffic
Email Marketing
Turn your email subscribers
into full-fledged customers by
sending out promos that link to
your landing page. You can
tailor new variants for different
segments of your list.

Source: Whittlefish and Unbounce

Landing Page & Website Building - Create a Landing Page (Part 1) 13

HOW TO CREATE A LANDING PAGE
Step 8: Preview and Publish
Before you pop the champagne and
hit publish on your landing page, give
it one more look-over to make sure
you are ready for a world debut:
• Check the copy
• Check the CTA
• Check the SEO
• Check the forms

Source: Unbounce. How to Build a Landing Page in 10 Easy Steps [online], viewed July 10 2022,
from: <https://unbounce.com/how-to-create-a-landing-page/#design_your_landing_page>

Landing Page & Website Building - Create a Landing Page (Part 1) 14

HOW TO CREATE A LANDING PAGE
Step 9: Test and Optimize
• Try out a different version of your
headline. Switch up that hero image on
your page. Swap out a new CTA button.
• Each variant can help you test a new
element on your page.
• Track and optimize your landing page’s
performance by analytics tools such as
Google Analytics.

Source: Skow, J. (2022). How to Track Landing Page Conversions with Google Analytics 4 [online], viewed July 10 2022, from:
<https://www.monsterinsights.com/how-to-identify-your-high-converting-landing-pages-in-google-analytics/>

Landing Page & Website Building - Create a Landing Page (Part 1) 15

GOOGLE SITES

As mentioned in previous slides,

Google Sites is a landing page
builder. We choose it to practice,
so we are going to discuss
about its pros and cons.
Visit Google Sites via this link:
https://sites.google.com/new?tgif=d

Source: Google Sites

Landing Page & Website Building - Create a Landing Page (Part 1) 16

GOOGLE SITES

1. Google Sites is completely free (<10GB)

2. Ideal for newbies who want to build a website for the first time
3. No programming or database skills required
4. No software installation required
5. Integrated with Google apps
6. Creator can access its tools anywhere.
7. Creator has full control over page access and permission.
8. Functions as a basic project manager
Source: Logo of Google Sites

Landing Page & Website Building - Create a Landing Page (Part 1) 17

GOOGLE SITES

1. Limited functionality compared to other website builders

2. Not really good websites for business - not enough
customization
3. Apps are limited to Google apps only. Apps besides
Google apps may be inapplicable.
4. The URL must begin with "sites.google.com/site/",
which is too long for a website .
Source: Logo of Google Sites

Landing Page & Website Building - Create a Landing Page (Part 1) 18

BEST PRACTICES FOR GOOGLE SITES

Source: Google Sites

Log in directly using this link:

https://sites.google.com/new?tgif=d
or the Google search bar

Landing Page & Website Building - Create a Landing Page (Part 1) 19

BEST PRACTICES FOR GOOGLE SITES

The Google Sites service is available on

https://sites.google.com. You have to sign in
with your Google Account in order to start Enter your Gmail
creating your own website.
If you do not own a Google account, create
an account via https://accounts.google.com.

Source: Google

Landing Page & Website Building - Create a Landing Page (Part 1) 20

BEST PRACTICES FOR GOOGLE SITES

After signing in with your account, you will see the

homepage and all templates. There you can choose the
template you want to build or begin with a blank page.
Source: Google Sites

Landing Page & Website Building - Create a Landing Page (Part 1) 21

BEST PRACTICES FOR GOOGLE SITES

Here you can

change the
base theme of
your website
and modify it.
You can pick
the
Add name Add your Insert → Next background
and logo page title slide color or image
of your page.

Change page font

or link color
Source: Google Sites

Landing Page & Website Building - Create a Landing Page (Part 1) 22

BEST PRACTICES FOR GOOGLE SITES
You can add images in .png,
.jpg, or .gif format
Add text box
Add a file
from Google
Embed < > You can add files and other Drive
content to your site, including:
• YouTube videos, calendars, and maps
• Pages or sections of content from other
Change content layouts
websites
• HTML, CSS, or JavaScript code

Source: Google

Landing Page & Website Building - Create a Landing Page (Part 1) 23

BEST PRACTICES FOR GOOGLE SITES

You can add clips from

Youtube, website
content, Google Docs,
Slides, Sheets, Forms,
Charts and Maps.

Source: Google Sites

Landing Page & Website Building - Create a Landing Page (Part 1) 24

BEST PRACTICES FOR GOOGLE SITES
Duplicate page, change properties
or add subpage

Source: Google Sites

Landing Page & Website Building - Create a Landing Page (Part 1) 25

BEST PRACTICES FOR GOOGLE SITES
Menu Bar
Copy
published site
Undo/ Redo
link
last action

Source: Google Sites

You can add your logo, customize

Preview and Share Publish header colors, customize domains,
check with your connect to GA and create a pop-up
responsive others site banner.

Landing Page & Website Building - Create a Landing Page (Part 1) 26

BEST PRACTICES FOR GOOGLE SITES

If you prefer to use a URL you already

own, visit the Google Support page and
follow the steps listed — you will need
to verify that you own the URL, point
your URL to your Google Site through
your domain provider’s platform, and
then directly assign your custom URL.
You can also register a new domain
name for your Google Site.
Source: Google Sites

Landing Page & Website Building - Create a Landing Page (Part 1) 27

BEST PRACTICES FOR GOOGLE SITES
Create a Google Form in Your Site

With Google Forms, you can create

and analyze surveys right on your
mobile or in your web browser — no
special software required. You get
instant results as they come in. And,
you can summarize survey results at a
glance with charts and graphs.
Add forms into your sites to collect
Source: Google Forms
customers’ information.

Landing Page & Website Building - Create a Landing Page (Part 1) 28

BEST PRACTICES FOR GOOGLE SITES
Create a Google Form in Your Site
How to insert a form into the site:
1. Open a form in Google Forms.
2. In the top right corner, click Send.
3. At the top of the window, click Embed.
4. To copy the HTML that appears, click
Copy or press Ctrl + C (Windows) or ⌘ +
C (Mac) on your keyboard.
5. Paste the HTML into your website or blog.

Source: Phuong Dung

Landing Page & Website Building - Create a Landing Page (Part 1) 29

BEST PRACTICES FOR GOOGLE SITES
Demo of a Landing Page Using Google Sites
https://sites.google.com/d/1MxWi_1yBKtvK1xTYE5ksH2M5TSfemgLT/p/1bsysUZzkmZPnmy40aVwxrHc6lxigKv-9/edit

Source: Phuong Dung

Landing Page & Website Building - Create a Landing Page (Part 1) 30

BEST PRACTICES FOR GOOGLE SITES
Demo of a Landing Page Using Google Sites

Source: Phuong Dung

Landing Page & Website Building - Create a Landing Page (Part 1) 31

SUMMARY
• After this lesson, students can make their own landing pages using Google
Sites. The landing page must follow all the steps and contain all the elements
as the demo.
• Students are given an exercise where they will build their own landing pages
with the knowledge they have just learned.
• Next lesson, they will learn another way to create a landing page that is more
complicated and functional.

Landing Page & Website Building - Create a Landing Page (Part 1) 32

33 33