Skip to content
Getting Started w/ GHL Customer Care

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.

7 min read1,607 words34 explained imagesUpdated Thu, 27 Aug at 9:22 AM
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Preparation & Planning
  2. Create Blank Website
  3. Build the Home Page
  4. Add More Pages
  5. Add Navigation
  6. Previewing, Settings & Publishing
  7. Troubleshooting Website Launch Issues
  8. The live website still shows old content
  9. The domain shows as pending or is not connecting
  10. The website opens a 404 page
  11. The website shows an SSL or privacy warning
  12. Navigation links open the wrong page
  13. The website looks incorrect on mobile
  14. Forms, calendars, or buttons are not working
  15. Final Website Launch Check

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

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/ElementPurposeSections & Contents
HomeIntroduce 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 UsBuild trust, tell your story, introduce the teamCompany history/mission
Team member photos & bios
Values/What makes us different
ContactAllow visitors to get in touch, provide a locationContact form
Phone number, email
Address
Map
Services/ProductsDetails about what you offerList and description of products/services
Pricing information
Benefits
Case studies
Navigation MenuEasy site-wide navigationLogo, links to pages
FooterImportant links, copyright, contact infoCopyright 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 What this shows Step 1 of 2: Navigate to Sites > Websites > New Website > From Blank and click Create. What this shows Shows where to go for step 1 of 2 in the "Create Blank Website" section of "Getting Started - Launch a Website from Blank". 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. Step 1 of 2Path: Sites > Websites > New Website > From BlankImage 1 of 34 Where to goNavigate to Sites > Websites > New Website > From Blank and click Create.
    Buttons and menus referenced NavigateAdd New PagenameCreate New Page.
    Next stepClick Add New Page then give it a name (ex: Home) and click Create New Page.
    All 2 steps in this 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… What this shows Step 2 of 2: Click Add New Page then give it a name (ex: Home) and click Create New Page. What this shows Shows what to click for step 2 of 2 in the "Create Blank Website" section of "Getting Started - Launch a Website from Blank". 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. Step 2 of 2Path: Sites > Websites > New Website > From BlankImage 2 of 34 What to clickClick Add New Page then give it a name (ex: Home) and click Create New Page.
    Buttons and menus referenced Add New PagenameCreate New Page.Navigate
    All 2 steps in this 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 What this shows Step 1 of 10: Click Create From Blank What this shows Shows what to click for step 1 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website 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. Step 1 of 10Image 3 of 34 What to clickClick Create From Blank
    Fields in this part of the guide Understand the Editor:
    Buttons and menus referenced Create From BlankWebsite Builder.Meta ControlsLeft Panel+ (Add Element/Section)SectionsFull WidthRow1 ColumnAdd Element.+ Add ElementAdd a Button
    Next stepOpen the Website Builder.
    All 10 steps in this 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 What this shows Step 2 of 10: Open the Website Builder. What this shows Shows where to go for step 2 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". 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. Step 2 of 10Image 4 of 34 Where to goOpen the Website Builder.
    Fields in this part of the guide Understand the Editor:
    Buttons and menus referenced Website Builder.Create From BlankMeta ControlsLeft Panel+ (Add Element/Section)SectionsFull WidthRow1 ColumnAdd Element.+ Add ElementAdd a Button
    Next stepUnderstand the Editor:
    All 10 steps in this 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… What this shows Step 6 of 6: Right Panel: Settings and styling options for the selected Section, Row, or Element. What this shows Shows what this covers for step 6 of 6 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". 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. Step 6 of 6Image 5 of 34 What this coversRight Panel: Settings and styling options for the selected Section, Row, or Element.
      Fields in this part of the guide Understand the Editor:
      Buttons and menus referenced Create From BlankWebsite Builder.Meta ControlsLeft Panel+ (Add Element/Section)SectionsFull WidthRow1 ColumnAdd Element.+ Add ElementAdd a Button
      All 6 steps in this 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… What this shows Step 4 of 10: 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… What this shows Shows where to go for step 4 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". 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. Step 4 of 10Image 6 of 34 Where to goAdd 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 in this part of the guide Understand the Editor:
    Buttons and menus referenced + (Add Element/Section)SectionsFull WidthCreate From BlankWebsite Builder.Meta ControlsLeft PanelRow1 ColumnAdd Element.+ Add ElementAdd a Button
    Next stepAdd a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
    All 10 steps in this 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… What this shows Step 5 of 10: Add a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column. What this shows Shows what to choose for step 5 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". 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. Step 5 of 10Image 7 of 34 What to chooseAdd a Row: Inside the new green-bordered section, drag to add a Row and select 1 Column.
    Fields in this part of the guide Understand the Editor:
    Buttons and menus referenced Row1 ColumnCreate From BlankWebsite Builder.Meta ControlsLeft Panel+ (Add Element/Section)SectionsFull WidthAdd Element.+ Add ElementAdd a Button
    Next stepAdd Headline and Sub-Headline: In the 1 Column Row, click Add Element.
    All 10 steps in this 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 What this shows Step 6 of 10: Add Headline and Sub-Headline: In the 1 Column Row, click Add Element. What this shows Shows what to click for step 6 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". 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". Step 6 of 10Image 8 of 34 What to clickAdd Headline and Sub-Headline: In the 1 Column Row, click Add Element.
    Fields in this part of the guide Understand the Editor:
    Buttons and menus referenced Add Element.+ Add ElementCreate From BlankWebsite Builder.Meta ControlsLeft Panel+ (Add Element/Section)SectionsFull WidthRow1 ColumnAdd a Button
    Next stepAdd a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
    All 10 steps in this 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… What this shows Step 2 of 2: Sub-Headline: Click + Add Element again, drag a "Sub-Headline" below the main headline. What this shows Shows what to click for step 2 of 2 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". 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. Step 2 of 2Image 9 of 34 What to clickSub-Headline: Click + Add Element again, drag a "Sub-Headline" below the main headline. Edit its text and style (ex: We Help You Grow).
      Fields in this part of the guide Understand the Editor:
      Buttons and menus referenced + Add ElementCreate From BlankWebsite Builder.Meta ControlsLeft Panel+ (Add Element/Section)SectionsFull WidthRow1 ColumnAdd Element.Add a Button
      All 2 steps in this 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… What this shows Step 7 of 10: Add a Button: Under the sub-headline add a button. What this shows Shows what this covers for step 7 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". 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. Step 7 of 10Image 10 of 34 What this coversAdd a Button: Under the sub-headline add a button. Then, edit the text of the button to "Call Us Now",
    Fields in this part of the guide Understand the Editor:
    Buttons and menus referenced Add a Buttonbutton"Call Us Now"Create From BlankWebsite Builder.Meta ControlsLeft Panel+ (Add Element/Section)SectionsFull WidthRow1 Column
    Next stepAdd an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
    All 10 steps in this 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… What this shows Step 8 of 10: Add an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number. What this shows Shows what to fill in for step 8 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". 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. Step 8 of 10Image 11 of 34 What to fill inAdd an Action: In the button's settings (Right Panel) scroll down to Button Actions, select Call, then input your phone number.
    Fields in this part of the guide Understand the Editor:
    Buttons and menus referenced Add an ActionButton Actions,Call,Create From BlankWebsite Builder.Meta ControlsLeft Panel+ (Add Element/Section)SectionsFull WidthRow1 Column
    Next stepRepeat: Continue adding sections, rows, and elements to build out your homepage.
    All 10 steps in this 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 What this shows Step 10 of 10: Save: Click the save icon. What this shows Shows how to confirm for step 10 of 10 in the "Build the Home Page" section of "Getting Started - Launch a Website from Blank". 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. Step 10 of 10Image 12 of 34 How to confirmSave: Click the save icon.
    Fields in this part of the guide Understand the Editor:
    Buttons and menus referenced SaveCreate From BlankWebsite Builder.Meta ControlsLeft Panel+ (Add Element/Section)SectionsFull WidthRow1 ColumnAdd Element.+ Add Element
    All 10 steps in this 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… What this shows Step 1 of 4: Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button). What this shows Shows where to go for step 1 of 4 in the "Add More Pages" section of "Getting Started - Launch a Website from Blank". 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. Step 1 of 4Path: Sites > Websites > Site DetailsImage 13 of 34 Where to goNavigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
    Buttons and menus referenced Navigate toCreate New Page.Create From BlankBuild PagetextimageSaveBack
    Next stepAdd a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page.
    All 4 steps in this 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… What this shows Step 2 of 4: Add a New Page: Click the Add New Page button. What this shows Shows what to click for step 2 of 4 in the "Add More Pages" section of "Getting Started - Launch a Website from Blank". 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. Step 2 of 4Path: Sites > Websites > Site DetailsImage 14 of 34 What to clickAdd a New Page: Click the Add New Page button. Name the page (Ex: About Us) Click Create New Page.
    Buttons and menus referenced Create New Page.Navigate toCreate From BlankBuild PagetextimageSaveBack
    Next stepCreate From Blank: In this case, click the Create From Blank button.
    All 4 steps in this 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 What this shows Step 3 of 4: Create From Blank: In this case, click the Create From Blank button. What this shows Shows what to click for step 3 of 4 in the "Add More Pages" section of "Getting Started - Launch a Website from Blank". 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. Step 3 of 4Path: Sites > Websites > Site DetailsImage 15 of 34 What to clickCreate From Blank: In this case, click the Create From Blank button.
    Buttons and menus referenced Create From BlankNavigate toCreate New Page.Build PagetextimageSaveBack
    Next stepBuild 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.
    All 4 steps in this 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… What this shows Step 4 of 4: Build Page: Add elements and content to the page in the same way. What this shows Shows how to confirm for step 4 of 4 in the "Add More Pages" section of "Getting Started - Launch a Website from Blank". 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. Step 4 of 4Path: Sites > Websites > Site DetailsImage 16 of 34 How to confirmBuild 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.
    Buttons and menus referenced Build PagetextimageSaveBackNavigate toCreate New Page.Create From Blank
    All 4 steps in this 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… What this shows Step 1 of 8: Navigate to Sites > Websites > Site Details (if you are still in the page editor click the back button). What this shows Shows where to go for step 1 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". 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. Step 1 of 8Path: Sites > Websites > Site DetailsImage 17 of 34 Where to goNavigate to Sites > Websites > Site Details (if you are still in the page editor click the back button).
    Buttons and menus referenced NavigateEdit the Home PageEditAdd new top full width sectionAdd a 1 column row and Navigation MenuEdit Navigation Menu SettingsAdd a new bottom full width sectionAdd a prebuilt footerEdit Navigation Menu and FooterRight PanelSaveBack
    Next stepEdit the Home Page: Under the page card titled "home" click Edit.
    All 8 steps in this 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 What this shows Step 2 of 8: Edit the Home Page: Under the page card titled "home" click Edit. What this shows Shows what to click for step 2 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". 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. Step 2 of 8Path: Sites > Websites > Site DetailsImage 18 of 34 What to clickEdit the Home Page: Under the page card titled "home" click Edit.
    Buttons and menus referenced Edit the Home PageEditNavigateAdd new top full width sectionAdd a 1 column row and Navigation MenuEdit Navigation Menu SettingsAdd a new bottom full width sectionAdd a prebuilt footerEdit Navigation Menu and FooterRight PanelSaveBack
    Next stepAdd new top full width section: At the very top of the page, above all the other sections, add a new full width section.
    All 8 steps in this 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… What this shows Step 3 of 8: Add new top full width section: At the very top of the page, above all the other sections, add a new full width section. What this shows Shows what this covers for step 3 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". 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. Step 3 of 8Path: Sites > Websites > Site DetailsImage 19 of 34 What this coversAdd new top full width section: At the very top of the page, above all the other sections, add a new full width section.
    Buttons and menus referenced Add new top full width sectionNavigateEdit the Home PageEditAdd a 1 column row and Navigation MenuEdit Navigation Menu SettingsAdd a new bottom full width sectionAdd a prebuilt footerEdit Navigation Menu and FooterRight PanelSaveBack
    Next stepAdd a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
    All 8 steps in this 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… What this shows Step 4 of 8: 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. What this shows Shows what this covers for step 4 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". 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. Step 4 of 8Path: Sites > Websites > Site DetailsImage 20 of 34 What this coversAdd a 1 column row and Navigation Menu: Inside the new top section, add a 1 column row, then add the element called Navigation Menu.
    Buttons and menus referenced Add a 1 column row and Navigation MenuNavigateEdit the Home PageEditAdd new top full width sectionEdit Navigation Menu SettingsAdd a new bottom full width sectionAdd a prebuilt footerEdit Navigation Menu and FooterRight PanelSaveBack
    Next stepEdit 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.
    All 8 steps in this 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… What this shows Step 5 of 8: Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right… What this shows Shows what to choose for step 5 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". 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. Step 5 of 8Path: Sites > Websites > Site DetailsImage 21 of 34 What to chooseEdit 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.
    Buttons and menus referenced Edit Navigation Menu SettingsNavigateEdit the Home PageEditAdd new top full width sectionAdd a 1 column row and Navigation MenuAdd a new bottom full width sectionAdd a prebuilt footerEdit Navigation Menu and FooterRight PanelSaveBack
    Next stepAdd a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
    All 8 steps in this 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… What this shows Step 5 of 8: Edit Navigation Menu Settings: Click to select the navigation menu, then in the right settings bar, make sure each link goes to the right… What this shows Shows what to choose for step 5 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". 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. Step 5 of 8Path: Sites > Websites > Site DetailsImage 22 of 34 What to chooseEdit 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.
    Buttons and menus referenced Edit Navigation Menu SettingsNavigateEdit the Home PageEditAdd new top full width sectionAdd a 1 column row and Navigation MenuAdd a new bottom full width sectionAdd a prebuilt footerEdit Navigation Menu and FooterRight PanelSaveBack
    Next stepAdd a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
    All 8 steps in this 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… What this shows Step 6 of 8: Add a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section. What this shows Shows what this covers for step 6 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". 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. Step 6 of 8Path: Sites > Websites > Site DetailsImage 23 of 34 What this coversAdd a new bottom full width section: At the bottom of the page, under all the other sections, add a new full width section.
    Buttons and menus referenced Add a new bottom full width sectionNavigateEdit the Home PageEditAdd new top full width sectionAdd a 1 column row and Navigation MenuEdit Navigation Menu SettingsAdd a prebuilt footerEdit Navigation Menu and FooterRight PanelSaveBack
    Next stepAdd a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
    All 8 steps in this 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… What this shows Step 7 of 8: Add a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section. What this shows Shows what this covers for step 7 of 8 in the "Add Navigation" section of "Getting Started - Launch a Website from Blank". 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. Step 7 of 8Path: Open Elements > Prebuilt Elements > FooterImage 24 of 34 What this coversAdd a prebuilt footer: Open Elements > Prebuilt Elements > Footer and drag a footer into the bottom section.
    Buttons and menus referenced Add a prebuilt footerNavigateEdit the Home PageEditAdd new top full width sectionAdd a 1 column row and Navigation MenuEdit Navigation Menu SettingsAdd a new bottom full width sectionEdit Navigation Menu and FooterRight PanelSaveBack
    Next stepEdit 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.
    All 8 steps in this 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… What this shows Step 1 of 6: Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). What this shows Shows where to go for step 1 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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. Step 1 of 6Path: Sites > Websites > Site DetailsImage 25 of 34 Where to goNavigate 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).
    Buttons and menus referenced Navigatepreview page buttonORpreview buttonPreview mobileAdjust for responsivenessadvanced settingsvisible on desktopvisible on mobileSave and PublishSEO Meta DataConnect a domain
    Next stepPreview 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.
    All 6 steps in this 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… What this shows Step 1 of 6: Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). What this shows Shows where to go for step 1 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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. Step 1 of 6Path: Sites > Websites > Site DetailsImage 26 of 34 Where to goNavigate 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).
    Buttons and menus referenced Navigatepreview page buttonORpreview buttonPreview mobileAdjust for responsivenessadvanced settingsvisible on desktopvisible on mobileSave and PublishSEO Meta DataConnect a domain
    Next stepPreview 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.
    All 6 steps in this 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… What this shows Step 1 of 6: Navigate to Sites > Websites > Site Details and click the preview page button (box with arrow icon). What this shows Shows where to go for step 1 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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. Step 1 of 6Path: Sites > Websites > Site DetailsImage 27 of 34 Where to goNavigate 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).
    Buttons and menus referenced Navigatepreview page buttonORpreview buttonPreview mobileAdjust for responsivenessadvanced settingsvisible on desktopvisible on mobileSave and PublishSEO Meta DataConnect a domain
    Next stepPreview 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.
    All 6 steps in this 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… What this shows Step 2 of 6: Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. What this shows Shows what to choose for step 2 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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. Step 2 of 6Path: Sites > Websites > Site DetailsImage 28 of 34 What to choosePreview 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.
    Buttons and menus referenced Preview mobileNavigatepreview page buttonORpreview buttonAdjust for responsivenessadvanced settingsvisible on desktopvisible on mobileSave and PublishSEO Meta DataConnect a domain
    Next stepAdjust 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.
    All 6 steps in this 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… What this shows Step 2 of 6: Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. What this shows Shows what to choose for step 2 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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. Step 2 of 6Path: Sites > Websites > Site DetailsImage 29 of 34 What to choosePreview 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.
    Buttons and menus referenced Preview mobileNavigatepreview page buttonORpreview buttonAdjust for responsivenessadvanced settingsvisible on desktopvisible on mobileSave and PublishSEO Meta DataConnect a domain
    Next stepAdjust 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.
    All 6 steps in this 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… What this shows Step 2 of 6: Preview mobile: In the page builder, click the mobile phone icon to switch between desktop and mobile views. What this shows Shows what to choose for step 2 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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. Step 2 of 6Path: Sites > Websites > Site DetailsImage 30 of 34 What to choosePreview 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.
    Buttons and menus referenced Preview mobileNavigatepreview page buttonORpreview buttonAdjust for responsivenessadvanced settingsvisible on desktopvisible on mobileSave and PublishSEO Meta DataConnect a domain
    Next stepAdjust 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.
    All 6 steps in this 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… What this shows Step 3 of 6: Adjust for responsiveness: In the page editor, adjust the elements and settings until everything looks good on both desktop and mobile. What this shows Shows what this covers for step 3 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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. Step 3 of 6Path: Sites > Websites > Site DetailsImage 31 of 34 What this coversAdjust 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.
    Buttons and menus referenced Adjust for responsivenessadvanced settingsvisible on desktopvisible on mobileNavigatepreview page buttonORpreview buttonPreview mobileSave and PublishSEO Meta DataConnect a domain
    Next stepSave and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
    All 6 steps in this 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… What this shows Step 4 of 6: Save and Publish: You should be frequently saving and maybe publishing. What this shows Shows how to confirm for step 4 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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). Step 4 of 6Path: Sites > Websites > Site DetailsImage 32 of 34 How to confirmSave and Publish: You should be frequently saving and maybe publishing. When you're done, make sure to save and publish for the last time.
    Buttons and menus referenced Save and PublishNavigatepreview page buttonORpreview buttonPreview mobileAdjust for responsivenessadvanced settingsvisible on desktopvisible on mobileSEO Meta DataConnect a domain
    Next stepSEO 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).
    All 6 steps in this 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… What this shows Step 5 of 6: SEO Meta Data: In the page builder, click the SEO icon to open the SEO Meta Data panel. What this shows Shows what to click for step 5 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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. Step 5 of 6Path: Sites > Websites > Site DetailsImage 33 of 34 What to clickSEO 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).
    Buttons and menus referenced SEO Meta DataNavigatepreview page buttonORpreview buttonPreview mobileAdjust for responsivenessadvanced settingsvisible on desktopvisible on mobileSave and PublishConnect a domain
    Next stepConnect 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.
    All 6 steps in this 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… What this shows Step 6 of 6: Connect a domain: Optional, but if you have a custom domain you can attach it to your site. What this shows Shows what to choose for step 6 of 6 in the "Previewing, Settings & Publishing" section of "Getting Started - Launch a Website from Blank". 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. Step 6 of 6Path: Sites > Websites > Site DetailsImage 34 of 34 What to chooseConnect 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.
    Buttons and menus referenced Connect a domainSettingsNavigatepreview page buttonORpreview buttonPreview mobileAdjust for responsivenessadvanced settingsvisible on desktopvisible on mobileSave and Publish
    All 6 steps in this 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.

Was this guide helpful?

Related guides

Getting Started - Launch a Website From Template5 min read · 4 images​ Disable or Enable the Mandatory Profile Modal for Community Members2 min read · 1 imagesKnowledge Base Web Crawler Sitemap-Powered URL Selection10 min read · 5 imagesGetting Started - Create and Manage Contacts5 min read · 8 images