# Getting Started - Launch a Website from Blank

> Learn how to launch a website from blank in GHL Customer Care, build pages from scratch, add navigation, optimize for mobile, and publish confidently.

- Source: https://docs.ghlcustomercare.com/docs/getting-started-w-ghl-customer-care/website-and-content/getting-started-launch-a-website-from-blank
- Section: Getting Started w/ GHL Customer Care / Website & Content
- Reading time: 7 min
- Images: 34, each explained below
- Modified on Thu, 27 Aug at 9:22 AM

---
Launching your own website from scratch can feel overwhelming, but don't let the blank page stop you. With these instructions you can go from idea to published in record time.

---

**TABLE OF CONTENTS**

-   [Preparation & Planning](#preparation-and-planning)
-   [Create Blank Website](#create-blank-website)
-   [Build the Home Page](#build-the-home-page)
-   [Add More Pages](#add-more-pages)
-   [Add Navigation](#add-navigation)
-   [Previewing, Settings & Publishing](#previewing-settings-and-publishing)

---

## **Preparation & Planning**

Before you even log into GHL Customer Care or drag your first element, taking some time to plan your website will save you significant time and effort, and result in a much more effective site.

1.  Define Your Website's **Purpose**:
    1.  What is the primary goal of this website? Is it to generate leads, sell products, provide information, build brand awareness, or book appointments? Knowing this will guide all your design and content decisions.
    2.  Who is your target audience? Understanding their needs, preferences, and pain points will help you tailor the website's content and design to resonate with them.
2.  Outline Your **Content & Structure**:
    1.  What pages do you need? Most business websites start with a Home, About, Services/Products, and Contact page. You might need more or fewer depending on your goals.
    2.  What key information or call-to-action needs to be on each page? Think about what you want visitors to do or learn on each page.
    3.  Gather your assets: Do you have your logo, brand colors, images, videos, and written content (or at least an idea of it) ready?
3.  A Simple **Plan**: A table can help you map this out. Your plan might look something like this:

| Page/Element | Purpose | Sections & Contents |
| --- | --- | --- |
| Home | Introduce the business, highlight key offerings, main call to action | 
Main Headline (ex: Welcome to Business)

Sub Headline (ex: We help you do Thing)

Call To Action (ex: Book a Call)

Intro Media (ex: hero image or video sales letter)

Overview of each product/service

 |
| About Us | Build trust, tell your story, introduce the team | Company history/mission  
Team member photos & bios  
Values/What makes us different |
| Contact | Allow visitors to get in touch, provide a location | Contact form  
Phone number, email  
Address  
Map |
| Services/Products | Details about what you offer | List and description of products/services  
Pricing information  
Benefits  
Case studies |
| Navigation Menu | Easy site-wide navigation | Logo, links to pages |
| Footer | Important links, copyright, contact info | Copyright notice  
Privacy policy  
Terms of service  
Contact info  
Social media icons |

---

## **Create Blank Website**

1.  **Navigate** to Sites > Websites > New Website > From Blank and click Create.  
    
    
![Step 1 of 2: Navigate to Sites > Websites > New Website > From Blank and click Create](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698235/original/ifjG4aDUFMTAtvjgGnrnDe1gj4kJNuY19g.png)

**Step 1 of 2: Navigate to Sites > Websites > New Website > From Blank and click Create**

This screenshot accompanies step 1 of 2 in the "Create Blank Website" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you navigate to Sites > Websites > New Website > From Blank and click Create. The navigation path used here is Sites > Websites > New Website > From Blank. The next step is to click Add New Page then give it a name (ex: Home) and click Create New Page.

- Path: Sites > Websites > New Website > From Blank
- Where to go: Navigate to Sites > Websites > New Website > From Blank and click Create.
- Controls: Navigate, Add New Page, name, Create New Page, .
- Next: Click Add New Page then give it a name (ex: Home) and click Create New Page.

Full procedure:

1. Navigate to Sites > Websites > New Website > From Blank and click Create.  <- this image
2. Click Add New Page then give it a name (ex: Home) and click Create New Page.

    
2.  Click **Add New Page** then give it a **name** (ex: Home) and click **Create New Page****.**  
    **
    
    
![Step 2 of 2: Click Add New Page then give it a name (ex: Home) and click Create New…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698279/original/JJWbpt8NVcaPzzftQOe4-idhjuIaGw04tA.png)

**Step 2 of 2: Click Add New Page then give it a name (ex: Home) and click Create New…**

This screenshot accompanies step 2 of 2 in the "Create Blank Website" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you click Add New Page then give it a name (ex: Home) and click Create New Page. The navigation path used here is Sites > Websites > New Website > From Blank.

- Path: Sites > Websites > New Website > From Blank
- What to click: Click Add New Page then give it a name (ex: Home) and click Create New Page.
- Controls: Add New Page, name, Create New Page, ., Navigate

Full procedure:

1. Navigate to Sites > Websites > New Website > From Blank and click Create.
2. Click Add New Page then give it a name (ex: Home) and click Create New Page.  <- this image

    
    **

---

## **Build the Home Page**

1.  Click **Create From Blank**  
    **
    
    
![Step 1 of 10: Click Create From Blank](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698353/original/UdEab0LhcqO5CmtXPxrMXPrKvEisQ-Jb4g.png)

**Step 1 of 10: Click Create From Blank**

This screenshot accompanies step 1 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you click Create From Blank. For context, this section explains: Click Create From Blank Open the Website Builder. Understand the Editor: Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width). Add a Row: Inside the new green-bordered section…. This part of the guide covers 1 field, listed below. The next step is to open the Website Builder.
- What to click: Click Create From Blank
- Fields: Understand the Editor:
- Controls: Create From Blank, Website Builder., Meta Controls, Left Panel, + (Add Element/Section), Sections, Full Width, Row, 1 Column, Add Element., + Add Element, Add a Button
- Next: Open the Website Builder.

Full procedure:

1. Click Create From Blank  <- this image
2. Open the Website Builder.
3. Understand the Editor:
4. Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width).
5. Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
6. Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.
7. Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
8. Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
9. Repeat: Continue adding sections, rows, and elements to build out your homepage.
10. Save: Click the save icon.

    
    **
2.  Open the **Website Builder.**  
    **
    
    
![Step 2 of 10: Open the Website Builder](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698356/original/-KYYzy_8kB1lOB_DMvuEuP8EV_vHpZCreQ.png)

**Step 2 of 10: Open the Website Builder**

This screenshot accompanies step 2 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you open the Website Builder. For context, this section explains: Click Create From Blank Open the Website Builder. Understand the Editor: Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width). Add a Row: Inside the new green-bordered section…. This part of the guide covers 1 field, listed below. The next step is to understand the Editor.
- Where to go: Open the Website Builder.
- Fields: Understand the Editor:
- Controls: Website Builder., Create From Blank, Meta Controls, Left Panel, + (Add Element/Section), Sections, Full Width, Row, 1 Column, Add Element., + Add Element, Add a Button
- Next: Understand the Editor:

Full procedure:

1. Click Create From Blank
2. Open the Website Builder.  <- this image
3. Understand the Editor:
4. Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width).
5. Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
6. Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.
7. Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
8. Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
9. Repeat: Continue adding sections, rows, and elements to build out your homepage.
10. Save: Click the save icon.

    
    **
3.  **Understand the Editor:**
    1.  **Control Panel:** Control what appears in the Left Panel (4) such as elements, pages, and metadata.
    2.  **Device Switcher:** Switch between desktop and mobile views to test responsiveness.
    3.  **Meta Controls**: History, undo, preview, save, publish, etc.
    4.  **Left Panel**: Elements and settings for the page.
    5.  **Center Panel:** Live editable preview of your page.
    6.  **Right Panel:** Settings and styling options for the selected Section, Row, or Element.  
        
        
![Step 6 of 6: Right Panel: Settings and styling options for the selected Section…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698398/original/QDiRTb63ytLpjq98Gt1sdpVAhq9Uh6Ok6w.png)

**Step 6 of 6: Right Panel: Settings and styling options for the selected Section…**

This screenshot accompanies step 6 of 6 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you right Panel: Settings and styling options for the selected Section, Row, or Element. This part of the guide covers 1 field, listed below.
- What this covers: Right Panel: Settings and styling options for the selected Section, Row, or Element.
- Fields: Understand the Editor:
- Controls: Create From Blank, Website Builder., Meta Controls, Left Panel, + (Add Element/Section), Sections, Full Width, Row, 1 Column, Add Element., + Add Element, Add a Button

Full procedure:

1. Control Panel: Control what appears in the Left Panel (4) such as elements, pages, and metadata.
2. Device Switcher: Switch between desktop and mobile views to test responsiveness.
3. Meta Controls: History, undo, preview, save, publish, etc.
4. Left Panel: Elements and settings for the page.
5. Center Panel: Live editable preview of your page.
6. Right Panel: Settings and styling options for the selected Section, Row, or Element.  <- this image

        
4.  **Add a Section:** In the center (if empty) or by clicking the **\+ (Add Element/Section)** icon on the left sidebar, choose **Sections**, then select a section width (e.g., **Full Width**).  
    
    
![Step 4 of 10: Add a Section: In the center (if empty) or by clicking the + (Add…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698493/original/cGm1FC7mWXzX2SfeJVTEAiqXBsLfPDaCQw.png)

**Step 4 of 10: Add a Section: In the center (if empty) or by clicking the + (Add…**

This screenshot accompanies step 4 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width). This part of the guide covers 1 field, listed below. The next step is to add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
- Where to go: Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width).
- Fields: Understand the Editor:
- Controls: + (Add Element/Section), Sections, Full Width, Create From Blank, Website Builder., Meta Controls, Left Panel, Row, 1 Column, Add Element., + Add Element, Add a Button
- Next: Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.

Full procedure:

1. Click Create From Blank
2. Open the Website Builder.
3. Understand the Editor:
4. Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width).  <- this image
5. Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
6. Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.
7. Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
8. Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
9. Repeat: Continue adding sections, rows, and elements to build out your homepage.
10. Save: Click the save icon.

    
5.  **Add a Row:** Inside the new green-bordered section, drag to add a **Row** and select **1 Column**.  
    
    
![Step 5 of 10: Add a Row: Inside the new green-bordered section, drag to add a Row…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698531/original/6wVfOs8If9n6aO0h1i9B0qirKVd5q6yPzA.png)

**Step 5 of 10: Add a Row: Inside the new green-bordered section, drag to add a Row…**

This screenshot accompanies step 5 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column. This part of the guide covers 1 field, listed below. The next step is to add Headline and Sub-Headline: In the 1 Column Row, click Add Element.
- What to choose: Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
- Fields: Understand the Editor:
- Controls: Row, 1 Column, Create From Blank, Website Builder., Meta Controls, Left Panel, + (Add Element/Section), Sections, Full Width, Add Element., + Add Element, Add a Button
- Next: Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.

Full procedure:

1. Click Create From Blank
2. Open the Website Builder.
3. Understand the Editor:
4. Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width).
5. Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.  <- this image
6. Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.
7. Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
8. Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
9. Repeat: Continue adding sections, rows, and elements to build out your homepage.
10. Save: Click the save icon.

    
6.  **Add Headline and Sub-Headline:** In the 1 Column Row, click **Add Element.**  
    **
    
    
![Step 6 of 10: Add Headline and Sub-Headline: In the 1 Column Row, click Add Element](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698576/original/UiIY-XU86f874ZalvNuPpixdwx8wWC1yxw.png)

**Step 6 of 10: Add Headline and Sub-Headline: In the 1 Column Row, click Add Element**

This screenshot accompanies step 6 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add Headline and Sub-Headline: In the 1 Column Row, click Add Element. This part of the guide covers 1 field, listed below. The next step is to add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now".
- What to click: Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.
- Fields: Understand the Editor:
- Controls: Add Element., + Add Element, Create From Blank, Website Builder., Meta Controls, Left Panel, + (Add Element/Section), Sections, Full Width, Row, 1 Column, Add a Button
- Next: Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",

Full procedure:

1. Click Create From Blank
2. Open the Website Builder.
3. Understand the Editor:
4. Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width).
5. Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
6. Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.  <- this image
7. Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
8. Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
9. Repeat: Continue adding sections, rows, and elements to build out your homepage.
10. Save: Click the save icon.

    
    **
    1.  **Headline:** Drag a "Headline" element into the row. Click the text to edit it (e.g., "Welcome"). Use the right panel to change font, size, color, etc.
    2.  **Sub-Headline:** Click **\+ Add Element** again, drag a "Sub-Headline" below the main headline. Edit its text and style (ex: We Help You Grow).  
        
        
![Step 2 of 2: Sub-Headline: Click + Add Element again, drag a "Sub-Headline" below…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698666/original/JJVlNXis0a_d4eIVKhuLgAVPG3y2ZINXUQ.png)

**Step 2 of 2: Sub-Headline: Click + Add Element again, drag a "Sub-Headline" below…**

This screenshot accompanies step 2 of 2 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you sub-Headline: Click + Add Element again, drag a "Sub-Headline" below the main headline. Edit its text and style (ex: We Help You Grow). This part of the guide covers 1 field, listed below.
- What to click: Sub-Headline: Click + Add Element again, drag a "Sub-Headline" below the main headline. Edit its text and style (ex: We Help You Grow).
- Fields: Understand the Editor:
- Controls: + Add Element, Create From Blank, Website Builder., Meta Controls, Left Panel, + (Add Element/Section), Sections, Full Width, Row, 1 Column, Add Element., Add a Button

Full procedure:

1. Headline: Drag a "Headline" element into the row. Click the text to edit it (e.g., "Welcome"). Use the right panel to change font, size, color, etc.
2. Sub-Headline: Click + Add Element again, drag a "Sub-Headline" below the main headline. Edit its text and style (ex: We Help You Grow).  <- this image

        
7.  **Add a Button**: Under the sub-headline add a **button**. Then, edit the text of the button to **"Call Us Now"**,
    
    
![Step 7 of 10: Add a Button: Under the sub-headline add a button. Then, edit the text…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698716/original/HkLKAh7sZ9skwbbsVJ7ndEn77OJLh1RoRQ.png)

**Step 7 of 10: Add a Button: Under the sub-headline add a button. Then, edit the text…**

This screenshot accompanies step 7 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now". This part of the guide covers 1 field, listed below. The next step is to add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
- What this covers: Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
- Fields: Understand the Editor:
- Controls: Add a Button, button, "Call Us Now", Create From Blank, Website Builder., Meta Controls, Left Panel, + (Add Element/Section), Sections, Full Width, Row, 1 Column
- Next: Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.

Full procedure:

1. Click Create From Blank
2. Open the Website Builder.
3. Understand the Editor:
4. Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width).
5. Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
6. Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.
7. Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",  <- this image
8. Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
9. Repeat: Continue adding sections, rows, and elements to build out your homepage.
10. Save: Click the save icon.

    
8.  **Add an Action**: In the button's settings (Right Panel) scroll down to **Button Actions,** select **Call,** then input your phone number.
    
    
![Step 8 of 10: Add an Action: In the button's settings (Right Panel) scroll down to…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047698771/original/W1YGOMCjH8d-43vYXTarzQmDe5LTuXOz-w.png)

**Step 8 of 10: Add an Action: In the button's settings (Right Panel) scroll down to…**

This screenshot accompanies step 8 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number. This part of the guide covers 1 field, listed below. The next step is to repeat: Continue adding sections, rows, and elements to build out your homepage.
- What to fill in: Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
- Fields: Understand the Editor:
- Controls: Add an Action, Button Actions,, Call,, Create From Blank, Website Builder., Meta Controls, Left Panel, + (Add Element/Section), Sections, Full Width, Row, 1 Column
- Next: Repeat: Continue adding sections, rows, and elements to build out your homepage.

Full procedure:

1. Click Create From Blank
2. Open the Website Builder.
3. Understand the Editor:
4. Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width).
5. Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
6. Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.
7. Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
8. Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.  <- this image
9. Repeat: Continue adding sections, rows, and elements to build out your homepage.
10. Save: Click the save icon.

    
9.  **Repeat:** Continue adding sections, rows, and elements to build out your homepage.
10.  **Save**: Click the save icon.  
     
     
![Step 10 of 10: Save: Click the save icon](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047837288/original/BxqzElKxlWxuGPZ4HioWk5P4OgNM3V4tbA.png)

**Step 10 of 10: Save: Click the save icon**

This screenshot accompanies step 10 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you save: Click the save icon. For context, this section explains: Click Create From Blank Open the Website Builder. Understand the Editor: Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width). Add a Row: Inside the new green-bordered section…. This part of the guide covers 1 field, listed below.
- How to confirm: Save: Click the save icon.
- Fields: Understand the Editor:
- Controls: Save, Create From Blank, Website Builder., Meta Controls, Left Panel, + (Add Element/Section), Sections, Full Width, Row, 1 Column, Add Element., + Add Element

Full procedure:

1. Click Create From Blank
2. Open the Website Builder.
3. Understand the Editor:
4. Add a Section: In the center (if empty) or by clicking the + (Add Element/Section) icon on the left sidebar, choose Sections, then s elect a section width (e.g., Full Width).
5. Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
6. Add Headline and Sub-Headline: In the 1 Column Row, click Add Element.
7. Add a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
8. Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
9. Repeat: Continue adding sections, rows, and elements to build out your homepage.
10. Save: Click the save icon.  <- this image

     

---

## **Add More Pages**

1.  **Navigate to** Sites > Websites > Site Details (if you are still in the page editor click the back button).  
    **
    
    
![Step 1 of 4: Navigate to Sites > Websites > Site Details (if you are still in the…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047837334/original/pqUOdYOO67hcYinkakEn2C3wYzoHag_dZg.png)

**Step 1 of 4: Navigate to Sites > Websites > Site Details (if you are still in the…**

This screenshot accompanies step 1 of 4 in the "Add More Pages" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button). The navigation path used here is Sites > Websites > Site Details. The next step is to add a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page.

- Path: Sites > Websites > Site Details
- Where to go: Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
- Controls: Navigate to, Create New Page, ., Create From Blank, Build Page, text, image, Save, Back
- Next: Add a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).  <- this image
2. Add a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page.
3. Create From Blank: In this case, click the Create From Blank button.
4. Build Page: Add elements and content to the page in the same way. You can add a text element and an image element. Make sure to click Save and then Back.

    
    **
2.  **Add a New Page:** Click the Add New Page button. Name the page (Ex: About Us) Click **Create New Page****.**  
    **
    
    
![Step 2 of 4: Add a New Page: Click the Add New Page button. Name the page (Ex…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047837365/original/ruKFpJyU3RewT1UUNYpvW6eXPRLtCWa6rg.png)

**Step 2 of 4: Add a New Page: Click the Add New Page button. Name the page (Ex…**

This screenshot accompanies step 2 of 4 in the "Add More Pages" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page. The navigation path used here is Sites > Websites > Site Details. The next step is to create From Blank: In this case, click the Create From Blank button.

- Path: Sites > Websites > Site Details
- What to click: Add a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page.
- Controls: Create New Page, ., Navigate to, Create From Blank, Build Page, text, image, Save, Back
- Next: Create From Blank: In this case, click the Create From Blank button.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Add a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page.  <- this image
3. Create From Blank: In this case, click the Create From Blank button.
4. Build Page: Add elements and content to the page in the same way. You can add a text element and an image element. Make sure to click Save and then Back.

    
    **
3.  **Create From Blank**: In this case, click the Create From Blank button.
    
    
![Step 3 of 4: Create From Blank: In this case, click the Create From Blank button](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047837419/original/2G6lY1DtVJ4ig6NfhVbDtchrwB9WmH39hQ.png)

**Step 3 of 4: Create From Blank: In this case, click the Create From Blank button**

This screenshot accompanies step 3 of 4 in the "Add More Pages" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you create From Blank: In this case, click the Create From Blank button. The navigation path used here is Sites > Websites > Site Details. The next step is to build Page: Add elements and content to the page in the same way. You can add a text element and an image element. Make sure to click Save and then Back.

- Path: Sites > Websites > Site Details
- What to click: Create From Blank: In this case, click the Create From Blank button.
- Controls: Create From Blank, Navigate to, Create New Page, ., Build Page, text, image, Save, Back
- Next: Build Page: Add elements and content to the page in the same way. You can add a text element and an image element. Make sure to click Save and then Back.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Add a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page.
3. Create From Blank: In this case, click the Create From Blank button.  <- this image
4. Build Page: Add elements and content to the page in the same way. You can add a text element and an image element. Make sure to click Save and then Back.

    
4.  **Build Page**: Add elements and content to the page in the same way. You can add a **text** element and an **image** element. Make sure to click **Save** and then **Back**.
    
    
![Step 4 of 4: Build Page: Add elements and content to the page in the same way. You…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047839680/original/xvKmjTd2POp13ipuNNvn1Jvb7fDSeI0fPg.png)

**Step 4 of 4: Build Page: Add elements and content to the page in the same way. You…**

This screenshot accompanies step 4 of 4 in the "Add More Pages" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you build Page: Add elements and content to the page in the same way. You can add a text element and an image element. Make sure to click Save and then Back. The navigation path used here is Sites > Websites > Site Details.

- Path: Sites > Websites > Site Details
- How to confirm: Build Page: Add elements and content to the page in the same way. You can add a text element and an image element. Make sure to click Save and then Back.
- Controls: Build Page, text, image, Save, Back, Navigate to, Create New Page, ., Create From Blank

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Add a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page.
3. Create From Blank: In this case, click the Create From Blank button.
4. Build Page: Add elements and content to the page in the same way. You can add a text element and an image element. Make sure to click Save and then Back.  <- this image

    

---

## **Add Navigation**

1.  **Navigate** to Sites > Websites > Site Details (if you are still in the page editor click the back button).  
    
    
![Step 1 of 8: Navigate to Sites > Websites > Site Details (if you are still in the…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047839818/original/eofvlKtYnxl5ODFlMN4dNchnvOzqFMkmKw.png)

**Step 1 of 8: Navigate to Sites > Websites > Site Details (if you are still in the…**

This screenshot accompanies step 1 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button). The navigation path used here is Sites > Websites > Site Details. The next step is to edit the Home Page: Under the page card titled "home" click Edit.

- Path: Sites > Websites > Site Details
- Where to go: Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
- Controls: Navigate, Edit the Home Page, Edit, Add new top full width section, Add a 1 column row and Navigation Menu, Edit Navigation Menu Settings, Add a new bottom full width section, Add a prebuilt footer, Edit Navigation Menu and Footer, Right Panel, Save, Back
- Next: Edit the Home Page: Under the page card titled "home" click Edit.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).  <- this image
2. Edit the Home Page: Under the page card titled "home" click Edit.
3. Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.
4. Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
5. Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.
6. Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
7. Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
8. Edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

    
2.  **Edit the Home Page**: Under the page card titled "home" click **Edit**.  
    
    
![Step 2 of 8: Edit the Home Page: Under the page card titled "home" click Edit](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047839828/original/s-5G36HpE0-yJ0790d9oJDrn1I3PnamSCQ.png)

**Step 2 of 8: Edit the Home Page: Under the page card titled "home" click Edit**

This screenshot accompanies step 2 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you edit the Home Page: Under the page card titled "home" click Edit. The navigation path used here is Sites > Websites > Site Details. The next step is to add new top full width section: At the very top of the page, above all the other sections, add a new full width section.

- Path: Sites > Websites > Site Details
- What to click: Edit the Home Page: Under the page card titled "home" click Edit.
- Controls: Edit the Home Page, Edit, Navigate, Add new top full width section, Add a 1 column row and Navigation Menu, Edit Navigation Menu Settings, Add a new bottom full width section, Add a prebuilt footer, Edit Navigation Menu and Footer, Right Panel, Save, Back
- Next: Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Edit the Home Page: Under the page card titled "home" click Edit.  <- this image
3. Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.
4. Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
5. Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.
6. Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
7. Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
8. Edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

    
3.  **Add new top full width section**: At the very top of the page, above all the other sections, add a new full width section.  
    
    
![Step 3 of 8: Add new top full width section: At the very top of the page, above all…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047839841/original/8vHXgHci7z2NollPbGl2ounXymJvoWFEFQ.png)

**Step 3 of 8: Add new top full width section: At the very top of the page, above all…**

This screenshot accompanies step 3 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add new top full width section: At the very top of the page, above all the other sections, add a new full width section. The navigation path used here is Sites > Websites > Site Details. The next step is to add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.

- Path: Sites > Websites > Site Details
- What this covers: Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.
- Controls: Add new top full width section, Navigate, Edit the Home Page, Edit, Add a 1 column row and Navigation Menu, Edit Navigation Menu Settings, Add a new bottom full width section, Add a prebuilt footer, Edit Navigation Menu and Footer, Right Panel, Save, Back
- Next: Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Edit the Home Page: Under the page card titled "home" click Edit.
3. Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.  <- this image
4. Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
5. Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.
6. Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
7. Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
8. Edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

    
4.  **Add a 1 column row and Navigation Menu**: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.  
    
    
![Step 4 of 8: Add a 1 column row and Navigation Menu: Inside the new top section…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047839852/original/6aK7AGNk7ykqWfBMnzL-ts5mmE3HSUbibA.png)

**Step 4 of 8: Add a 1 column row and Navigation Menu: Inside the new top section…**

This screenshot accompanies step 4 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu. The navigation path used here is Sites > Websites > Site Details. The next step is to edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.

- Path: Sites > Websites > Site Details
- What this covers: Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
- Controls: Add a 1 column row and Navigation Menu, Navigate, Edit the Home Page, Edit, Add new top full width section, Edit Navigation Menu Settings, Add a new bottom full width section, Add a prebuilt footer, Edit Navigation Menu and Footer, Right Panel, Save, Back
- Next: Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Edit the Home Page: Under the page card titled "home" click Edit.
3. Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.
4. Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.  <- this image
5. Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.
6. Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
7. Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
8. Edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

    
5.  **Edit Navigation Menu Settings**: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.  
    
    
![Step 5 of 8: Edit Navigation Menu Settings: Click to select the navigation menu…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047839868/original/odLao3e1VufSLSsrW8pl0saAwq9B2Me9_Q.png)

**Step 5 of 8: Edit Navigation Menu Settings: Click to select the navigation menu…**

This screenshot accompanies step 5 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc. The navigation path used here is Sites > Websites > Site Details. The next step is to add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.

- Path: Sites > Websites > Site Details
- What to choose: Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.
- Controls: Edit Navigation Menu Settings, Navigate, Edit the Home Page, Edit, Add new top full width section, Add a 1 column row and Navigation Menu, Add a new bottom full width section, Add a prebuilt footer, Edit Navigation Menu and Footer, Right Panel, Save, Back
- Next: Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Edit the Home Page: Under the page card titled "home" click Edit.
3. Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.
4. Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
5. Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.  <- this image
6. Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
7. Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
8. Edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

    
    
![Step 5 of 8: Edit Navigation Menu Settings: Click to select the navigation menu…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047839907/original/tkcnS-AEOcYBoVsheA3aLs9LJY4YE04aYg.png)

**Step 5 of 8: Edit Navigation Menu Settings: Click to select the navigation menu…**

This screenshot accompanies step 5 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc. The navigation path used here is Sites > Websites > Site Details. The next step is to add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.

- Path: Sites > Websites > Site Details
- What to choose: Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.
- Controls: Edit Navigation Menu Settings, Navigate, Edit the Home Page, Edit, Add new top full width section, Add a 1 column row and Navigation Menu, Add a new bottom full width section, Add a prebuilt footer, Edit Navigation Menu and Footer, Right Panel, Save, Back
- Next: Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Edit the Home Page: Under the page card titled "home" click Edit.
3. Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.
4. Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
5. Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.  <- this image
6. Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
7. Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
8. Edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

    
6.  **Add a new bottom full width section**: At the bottom of the page, under all the other sections, add a new full width section.  
    
    
![Step 6 of 8: Add a new bottom full width section: At the bottom of the page, under…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047839947/original/vztXlKPm6YMHNi8rnIBmMeISSt5g-npYJw.png)

**Step 6 of 8: Add a new bottom full width section: At the bottom of the page, under…**

This screenshot accompanies step 6 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section. The navigation path used here is Sites > Websites > Site Details. The next step is to add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.

- Path: Sites > Websites > Site Details
- What this covers: Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
- Controls: Add a new bottom full width section, Navigate, Edit the Home Page, Edit, Add new top full width section, Add a 1 column row and Navigation Menu, Edit Navigation Menu Settings, Add a prebuilt footer, Edit Navigation Menu and Footer, Right Panel, Save, Back
- Next: Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Edit the Home Page: Under the page card titled "home" click Edit.
3. Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.
4. Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
5. Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.
6. Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.  <- this image
7. Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
8. Edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

    
7.  **Add a prebuilt footer**: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.  
    
    
![Step 7 of 8: Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047839959/original/D1xvDgvFF8BDwI0vuR-mOeffs5OE5ZGpmw.png)

**Step 7 of 8: Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and…**

This screenshot accompanies step 7 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section. The navigation path used here is Open Elements > Prebuilt Elements > Footer. The next step is to edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

- Path: Open Elements > Prebuilt Elements > Footer
- What this covers: Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
- Controls: Add a prebuilt footer, Navigate, Edit the Home Page, Edit, Add new top full width section, Add a 1 column row and Navigation Menu, Edit Navigation Menu Settings, Add a new bottom full width section, Edit Navigation Menu and Footer, Right Panel, Save, Back
- Next: Edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

Full procedure:

1. Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
2. Edit the Home Page: Under the page card titled "home" click Edit.
3. Add new top full width section: At the very top of the page, above all the other sections, add a new full width section.
4. Add a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
5. Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right page, add a logo, etc.
6. Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
7. Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.  <- this image
8. Edit Navigation Menu and Footer: Select each element and delete it or edit its settings in the Right Panel. When you're done, click Save and Back.

    
8.  **Edit Navigation Menu and Footer**: Select each element and delete it or edit its settings in the **Right Panel**. When you're done, click **Save** and **Back**.

---

## **Previewing, Settings & Publishing**

1.  **Navigate** to Sites > Websites > Site Details and click the **preview page button** (box with arrow icon). **OR** if you are in the page builder, click the **preview button** (eyeball icon).  
    
    
![Step 1 of 6: Navigate to Sites > Websites > Site Details and click the preview page…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047840048/original/nLKHQNFbWUf27WnN1zJWFw0tzv8hLwAQ3Q.png)

**Step 1 of 6: Navigate to Sites > Websites > Site Details and click the preview page…**

This screenshot accompanies step 1 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon). The navigation path used here is Sites > Websites > Site Details. The next step is to preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.

- Path: Sites > Websites > Site Details
- Where to go: Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
- Controls: Navigate, preview page button, OR, preview button, Preview mobile, Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, Save and Publish, SEO Meta Data, Connect a domain
- Next: Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).  <- this image
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

    
    
![Step 1 of 6: Navigate to Sites > Websites > Site Details and click the preview page…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047840066/original/xjzAWw8YqEE8K8qXMyJAsJb3tIT9geEuYA.png)

**Step 1 of 6: Navigate to Sites > Websites > Site Details and click the preview page…**

This screenshot accompanies step 1 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon). The navigation path used here is Sites > Websites > Site Details. The next step is to preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.

- Path: Sites > Websites > Site Details
- Where to go: Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
- Controls: Navigate, preview page button, OR, preview button, Preview mobile, Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, Save and Publish, SEO Meta Data, Connect a domain
- Next: Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).  <- this image
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

    
    
![Step 1 of 6: Navigate to Sites > Websites > Site Details and click the preview page…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047840074/original/j6BNAiqF2edfQzlfxItz-_mAUZ9EXKPs5A.png)

**Step 1 of 6: Navigate to Sites > Websites > Site Details and click the preview page…**

This screenshot accompanies step 1 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon). The navigation path used here is Sites > Websites > Site Details. The next step is to preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.

- Path: Sites > Websites > Site Details
- Where to go: Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
- Controls: Navigate, preview page button, OR, preview button, Preview mobile, Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, Save and Publish, SEO Meta Data, Connect a domain
- Next: Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).  <- this image
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

    
2.  **Preview mobile**: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
    
    
![Step 2 of 6: Preview mobile: In the page builder, click the mobile phone icon to…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047840081/original/O9ovDRTyjykYl-3591rTk7Jyde2804tMcg.png)

**Step 2 of 6: Preview mobile: In the page builder, click the mobile phone icon to…**

This screenshot accompanies step 2 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon. The navigation path used here is Sites > Websites > Site Details. The next step is to adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.

- Path: Sites > Websites > Site Details
- What to choose: Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
- Controls: Preview mobile, Navigate, preview page button, OR, preview button, Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, Save and Publish, SEO Meta Data, Connect a domain
- Next: Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.  <- this image
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

    
    
![Step 2 of 6: Preview mobile: In the page builder, click the mobile phone icon to…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047840103/original/exkQkuGacXNM3TTl5kwW6Z03DXRqr-C3Hw.png)

**Step 2 of 6: Preview mobile: In the page builder, click the mobile phone icon to…**

This screenshot accompanies step 2 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon. The navigation path used here is Sites > Websites > Site Details. The next step is to adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.

- Path: Sites > Websites > Site Details
- What to choose: Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
- Controls: Preview mobile, Navigate, preview page button, OR, preview button, Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, Save and Publish, SEO Meta Data, Connect a domain
- Next: Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.  <- this image
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

    
    
![Step 2 of 6: Preview mobile: In the page builder, click the mobile phone icon to…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047840114/original/gfZ9Qnqyv-mQL8CU6nv5ouhCSDeGSfspVg.png)

**Step 2 of 6: Preview mobile: In the page builder, click the mobile phone icon to…**

This screenshot accompanies step 2 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon. The navigation path used here is Sites > Websites > Site Details. The next step is to adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.

- Path: Sites > Websites > Site Details
- What to choose: Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
- Controls: Preview mobile, Navigate, preview page button, OR, preview button, Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, Save and Publish, SEO Meta Data, Connect a domain
- Next: Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.  <- this image
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

    
3.  **Adjust for responsiveness**: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in **advanced settings** make one element **visible on desktop** and the other **visible on mobile**.
    
    
![Step 3 of 6: Adjust for responsiveness: In the page editor, adjust the elements and…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047840151/original/dpGn72JVodMarIFL1hEEv5Q1GgbNICpvrg.png)

**Step 3 of 6: Adjust for responsiveness: In the page editor, adjust the elements and…**

This screenshot accompanies step 3 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile. The navigation path used here is Sites > Websites > Site Details. The next step is to save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.

- Path: Sites > Websites > Site Details
- What this covers: Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
- Controls: Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, Navigate, preview page button, OR, preview button, Preview mobile, Save and Publish, SEO Meta Data, Connect a domain
- Next: Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.  <- this image
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

    
4.  **Save and Publish**: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
    
    
![Step 4 of 6: Save and Publish: You should be frequently saving and maybe…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047840175/original/YLOuKz-eNuF1lFmlujLwPioqV5oo6DFtvA.png)

**Step 4 of 6: Save and Publish: You should be frequently saving and maybe…**

This screenshot accompanies step 4 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time. The navigation path used here is Sites > Websites > Site Details. The next step is to SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).

- Path: Sites > Websites > Site Details
- How to confirm: Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
- Controls: Save and Publish, Navigate, preview page button, OR, preview button, Preview mobile, Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, SEO Meta Data, Connect a domain
- Next: SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.  <- this image
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

    
5.  **SEO Meta Data**: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
    
    
![Step 5 of 6: SEO Meta Data: In the page builder, click the SEO icon to open the SEO…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047840190/original/rPXLzadIM8ABWS-9jCBNVmrsNggWfK3Acg.png)

**Step 5 of 6: SEO Meta Data: In the page builder, click the SEO icon to open the SEO…**

This screenshot accompanies step 5 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc). The navigation path used here is Sites > Websites > Site Details. The next step is to connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

- Path: Sites > Websites > Site Details
- What to click: SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
- Controls: SEO Meta Data, Navigate, preview page button, OR, preview button, Preview mobile, Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, Save and Publish, Connect a domain
- Next: Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).  <- this image
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.

    
6.  **Connect a domain**: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the **Settings** tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.
    
    
![Step 6 of 6: Connect a domain: Optional, but if you have a custom domain you can…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155068547621/original/qr6JiyZFBcKVyqGuSrxP-pIPOPn5mvHsqw.png)

**Step 6 of 6: Connect a domain: Optional, but if you have a custom domain you can…**

This screenshot accompanies step 6 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". At this point in the walkthrough you connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more. The navigation path used here is Sites > Websites > Site Details.

- Path: Sites > Websites > Site Details
- What to choose: Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.
- Controls: Connect a domain, Settings, Navigate, preview page button, OR, preview button, Preview mobile, Adjust for responsiveness, advanced settings, visible on desktop, visible on mobile, Save and Publish

Full procedure:

1. Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). OR if you are in the page builder, click the preview button (eyeball icon).
2. Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. OR in the preview, right click and select inspect, then in the inspector panel click the desktop/mobile icon.
3. Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. If you can't get one element looking the way you want, you can duplicate it and in advanced settings make one element visible on desktop and the other visible on mobile.
4. Save and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
5. SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. Edit SEO and meta data details (title, description, etc).
6. Connect a domain: Optional, but if you have a custom domain you can attach it to your site. To connect a domain, leave the page builder and go to the Settings tab. From here, you can select a domain, add a favicon, add tracking code, add a chat widget and more.  <- this image

    

---

## **Troubleshooting Website Launch Issues**

If your website does not look or behave as expected after publishing, use the checks below.

### **The live website still shows old content**

Saving a page does not always make the latest version live.

1.  Open the affected page in the Website Builder.
    
2.  Click **Save**.
    
3.  Click **Publish**.
    
4.  Open the live URL in an incognito or private browser window and check the page again.
    

Make sure each page that should be live has been published.

### **The domain shows as pending or is not connecting**

If the domain has not finished connecting:

-   Confirm the DNS records match the values provided by GHL Customer Care.
    
-   Check the record type, host/name, and value for typing errors.
    
-   Remove conflicting DNS records when applicable.
    
-   Allow time for recent DNS changes to propagate.
    

If automatic domain connection is unavailable, use the manual DNS configuration option provided during setup.

### **The website opens a 404 page**

Confirm that:

-   The domain is assigned to the correct website.
    
-   The intended page has been published.
    
-   The page URL path is configured correctly.
    
-   The correct page is configured as the website's default or home page.
    

### **The website shows an SSL or privacy warning**

Check for incorrect or conflicting DNS records.

If you use Cloudflare, confirm that records requiring direct DNS resolution are configured as **DNS only** when instructed by GHL Customer Care.

After correcting the DNS records, allow time for the SSL certificate to be issued.

### **Navigation links open the wrong page**

Open the **Navigation Menu** element and confirm that every menu item points to the correct page or URL.

If pages were added, renamed, or reordered, review the navigation links again before publishing.

### **The website looks incorrect on mobile**

Open the page in the Website Builder and switch to the mobile view.

Check:

-   Element spacing and alignment.
    
-   Font and button sizes.
    
-   Section and row widths.
    
-   Elements configured as desktop-only or mobile-only.
    

Adjust the mobile layout as needed, then save and publish the page again.

### **Forms, calendars, or buttons are not working**

Before sharing the site publicly:

-   Submit each form as a test visitor.
    
-   Test calendar booking links.
    
-   Click each button and call-to-action.
    
-   Confirm links open the intended page or destination.
    
-   Verify that test submissions create the expected record or notification.
    

### **Final Website Launch Check**

Before sharing your website, confirm that:

-   The domain is connected and verified.
    
-   The website loads securely over `https://`.
    
-   The correct homepage appears.
    
-   All required pages are published.
    
-   Navigation links work.
    
-   Forms and buttons work.
    
-   Desktop and mobile layouts display correctly.
    
-   The latest published content appears on the live site.

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com