Log In
Sign Up

Website - Help Center

  • Let's Get Started

Signing Up for a Garage Website Online Account

You’re ready to create your first website with Garage Website Online.
Here’s how to get started:

To Sign Up

  1. Go to the garagewebsite.online.
  2. Click on Sign Up or Let’s Get Started button.
  3. Pick the website template you would like to use as a base for your new site.
  4. Click on Use This Template to proceed with your selection.
    Optionally, you can click View Demo to preview the selected template.

Sign In with your Facebook account or Google credentials, or register with your email address.
Fill in Billing Address section and select payment option.
Click Sign up now button to continue.

Note: Your first payment explained:

Pro Rata – your initial invoice covers a prorated period from today to the end of the month (or year) to make your renewal date on the first day of the next month (or year). (read more)

Setup Fee – we may charge a one-time setup fee to cover the initial costs we incur (domain name purchase, hosting, email or add-on setup). (read more)

Setup Form

After a successful checkout process, you’ll be asked to fill in our setup form.

Domain Name Search

Note: What is a Domain Name?

Simply put, a domain name is the name of a website. It’s what comes after “@” in an email address, or after “www.” in a web address.
If someone asks how to find you online, what you tell them is usually your domain name. It’s good to use your business name as a domain name if possible.

  1. Use our domain checker to find your desired domain name.
    Enter the name into the search bar, and click Search. The tool will present you with a list of available domains.
    If you already own a domain and wish to attach it to your new website, you will be able to connect it after your site is created.
    For now, try using a different extension or similar domain name.
  2. Click Use This One button located next to your desired domain name.
  3. Complete the Website Setup Form.
    Fill in relevant information about your business.
    Ensure the information is correct.
    Use Previous or Next buttons to navigate throughout the form.
    Details from this form will be automatically populated on your new website.
  4. Click Submit button located on the last page of setup form.

Your new website will be ready within next 48h (Monday to Friday).
Once your site is up and running, you will receive a confirmation email.

 

My Website Dashboard

Your dashboard is the main base of operation for your sites.

Accessing your site’s dashboard when signing in

To access your site’s dashboard when signing in:

  1. Sign In to your GWO account.
  2. Hover over the site you want to access and click on its preview image.

 

Dashboards View

Your website dashboard page displays helpful information regarding your site and business.
This content is dynamic and changes based on what add-ons you are using.

  1. Navigation Menu
  2. Site’s thumbnail preview, name and web address
  3. Site action buttons
  4. Email Account details
  5. Available Add-ons

Adding Your Site’s Business Information

Business Information

You can add essential information about your business and site such as your business name, logo, contact information and address on the Business Info page in your site’s dashboard. This information is what appears across the whole website and in search results.
To update your logo, please see this guide: Adding/Updating Your Logo

To add your business information

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Business Details in My Business Details section.
  5. Enter/Update your business details and click Update button to save changes.

Note: Ensure that all details are correct.
Your business information, will get automatically updated on your website.
E.g. email address will be used in your contact form (each email sent by visitor will be redirected to your mailbox)
Address (address for g maps field) will be used to generate maps on your site.

Adding Your Logo to Your Site

You can add/update your own logo that is displayed on your website.

To add/update your logo

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Logo in My Business Details section.

Add New Logo

  1. Click Add Image button.
  2. You can upload your logo from:
    Media Library or Stock Photos – on Media Library/Stock Photos tab select desired image, and click Select button.
    Click Update button to save changes.
    Your Computer/Device – on Upload files tab click Select files, select desired file from your computer/device, and click Open to upload your image.
    Once the file is uploaded (preview thumbnail is available), click Select button.
    Click Update button to save changes.

Note: Your new logo will be automatically published and updated across the whole website.
If you cannot see updated logo, please reload your website in your webbrowser or click Refresh Page (orange button located on top bar of your site).

Update Logo

  1. Hover over uploaded logo and click Remove (x button).
  2. Click Add Image button.
  3. You can upload your logo from:
    Media Library or Stock Photos – on Media Library/Stock Photos tab select desired image, and click Select button.
    Click Update button to save changes.
    Your Computer/Device – on Upload files tab click Select files, select desired file from your computer/device, and click Open to upload your image.
    Once the file is uploaded (preview thumbnail is available), click Select button.
    Click Update button to save changes.

Note: Your new logo will be automatically published and updated across the whole website.
If you cannot see updated logo, please reload your website in your webbrowser or click Refresh Page (orange button located on top bar of your site).

How Can I Edit My Website

Website Overview

Web pages can look different from one another, but they all share similar standard components:

  • Header
    Usually, the strip across the top of a web page with a big heading and a logo. This is also where main common information about a website usually stays, such as site navigation and main contact information.
  • Body (Page Content)
    This is the big area in the centre that contains most of the unique content of a web page, for example, the photo gallery you want to display or a feature article you want your visitors to read. This is area that changes from page to page.
  • Footer
    This is the strip across the bottom of a web page. It generally contains fine print, copyright notices, quick access links and/or contact information. Just like the header, the footer is a place to put common information – only the information in the footer is not critical.

How to Edit Header

Edit Logo

See this guide: Adding Your Logo to Your Site

Edit Navigation Menu

See this guide: Menu – Editing the Site Navigation

Edit Content & Design

See this guide: Editing a Site Header

How to Edit Body

Edit Page Content

See this guide: How to Edit Page

Edit Page Title & SEO

See this guide: How to Edit Page

How to Edit Footer

Edit Content & Design

See this guide: Editing a Site Footer

Updating the Thumbnail on Your Site’s Dashboard

Thumbnail Preview

The thumbnail which appears at the top of your site’s dashboard is updated automatically by our system on a daily basis.

If you make changes to your site, the thumbnail might not reflect these changes for the next 24h.

  • Header

Logo – Add/Edit Logo

You can add/update your own logo that is displayed on your website.

To add/update your logo

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Logo in My Business Details section.

Add New Logo

  1. Click Add Image button.
  2. You can upload your logo from:
    Media Library or Stock Photos – on Media Library/Stock Photos tab select desired image, and click Select button.
    Click Update button to save changes.
    Your Computer/Device – on Upload files tab click Select files, select desired file from your computer/device, and click Open to upload your image.
    Once the file is uploaded (preview thumbnail is available), click Select button.
    Click Update button to save changes.

Note: Your new logo will be automatically published and updated across the whole website.
If you cannot see updated logo, please reload your website in your webbrowser or click Refresh Page (orange button located on top bar of your site).

Update Logo

  1. Hover over uploaded logo and click Remove (x button).
  2. Click Add Image button.
  3. You can upload your logo from:
    Media Library or Stock Photos – on Media Library/Stock Photos tab select desired image, and click Select button.
    Click Update button to save changes.
    Your Computer/Device – on Upload files tab click Select files, select desired file from your computer/device, and click Open to upload your image.
    Once the file is uploaded (preview thumbnail is available), click Select button.
    Click Update button to save changes.

Note: Your new logo will be automatically published and updated across the whole website.
If you cannot see updated logo, please reload your website in your webbrowser or click Refresh Page (orange button located on top bar of your site).

Menu – Editing the Site Navigation

Your Menu/Site Navigation usually is displayed in Site’s Header.

How to access Menu/Site Navigation settings

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click Menu option, or navigate to Appearance → Menus.

Next screen will present you with your Menu structure (on the right-hand side), and menu items (on the left-hand side).
Menu structure corresponds to how your sites’ navigation will look and work.

    • 1st level items will be straight away visible in your navigation.
      (marked with red colour: e.g. Home, News, Services, Repairs etc.)
    • 2nd level items will be visible when you hover over a 1st level parent menu item.
      (marked with green colour: e.g. MOT, Tyres etc.)
    • 3rd level items will be visible when you hover over a 2nd level parent menu item.
      (marked with blue colour: e.g. Remapping)

How to Re-arrange Menu items

Change Items Order

Click and drag an item to a desired position.

Don’t forget to save changes – click on Save Menu button located on the bottom of the page.

Change Menu Levels

Click and drag an item a little more towards the right, to create an indent, or move it back to the left to get 1st level menu.

Don’t forget to save changes – click on Save Menu button located on the bottom of the page.

How to Re-name Menu items

  1. Locate the desired item Menu, and click on a small arrow next to it to open the drop-down options.
  2. Enter a new name, and save changes using Save Menu button.

How to Add a New Menu item

You can add a new menu item to your Menu/Navigation using Add Menu Items options.
You can easily add existing Pages or Posts, or a custom link pointing to other websites.

How to add Page/Post to Menu

  1. From Add Menu Items, select all Posts/Pages that you would like to add to your Menu/Navigation.
  2. Click Add To Menu button.
  3. Re-arrange your new menu items as desired, and click Save Menu button.

How to add Custom Link to Menu

  1. In Add Menu Items window, click on Custom Links option.
  2. Enter the desired URL address (including https://), and a link title. Click Add To Menu button.
  3. Re-arrange your new menu item as desired, and click Save Menu button.

How to Remove Menu item

  1. Locate the desired item Menu, and click on a small arrow next to it to open the drop-down options.
  2. Click Remove, to delete this menu item.
    Please note, that it doesn’t delete a page/post from your website.
    It just deletes a navigation link to this page or post. Page or Post is still accessible if you know the direct URL of it. (web address)

    If you would like permanently delete:

 

Editing a Site Header (Content & Design)

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Under Edit My Websites, click on Edit Header button.
  5. After modifying the header design, click Done → Publish, to save your changes.

Note: See a Website Builder guides, to learn how to change a content and design.

Change the Advanced settings

While editing Header’s design, click on Tools menu, and select Edit Title & SEO option.
Adjust settings:

  • Sticky –  The header stays in place at the original size while the page is scrolled.
  • Shrink  – If you choose a sticky header, you also get the option to shrink it as the page scrolls up. The amount of shrink is determined by the height required for the full-size header logo, text, and menu.
    Note: Fixed and sticky headers only apply to large devices. No matter what the setting, the header scrolls up out of sight on medium and small devices.
  • Overlay – The row background for the header becomes transparent, and the content row moves up to the top of the window. The overlay appears at all screen sizes.
  • Background – Select Transparent background for your header, or default one that can be changed when in Website Builder mode.
  • Location – select where header should appear. Default: Entire Site.

Click Update button to save your changes.

Restoring Default Header Design

If you would like to restore default Header design:

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Under Edit My Websites, click on Edit Header button.
  5. Open the Content Panel: In the upper-right corner, click + (plus sign) to expose the Content panel, then click the Templates tab.
  6. Select the Header template.
    If your page is empty (doesn’t have any content), the selected layout will be applied automatically.
    If you already have some content on your page, the system will ask if you want to replace the current design, or append it with a selected layout.
    Click Replace Existing Layout.
  7. Click Done → Publish, to save your changes.
  • Footer

Editing a Site Footer (Content & Design)

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Under Edit My Websites, click on Edit Footer button.
  5. After modifying the footer design, click Done → Publish, to save your changes.

Note: See a Website Builder guides, to learn how to change a content and design.

Change the Advanced settings

While editing Footer’s design, click on Tools menu, and select Edit Title & SEO option.
Adjust settings:

  • Location – select where header should appear. Default: Entire Site.

Click Update button to save your changes.

Restoring Default Footer Design

If you would like to restore default Header design:

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Under Edit My Websites, click on Edit Footer button.
  5. Open the Content Panel: In the upper-right corner, click + (plus sign) to expose the Content panel, then click the Templates tab.
  6. Select the Footer template.
    If your page is empty (doesn’t have any content), the selected layout will be applied automatically.
    If you already have some content on your page, the system will ask if you want to replace the current design, or append it with a selected layout.
    Click Replace Existing Layout.
  7. Click Done → Publish, to save your changes.
  • Website Builder

Website Builder Overview

When you editing page in Website Builder, you will see a content of your page and a toolbar located on the top.

  1. Tools – located on the left-hand side of toolbar
  2. Content Panel – located on the right-hand side
  3. Action Buttons – located on the right-hand side, above content panel

Tools menu

Open the Tools menu by clicking the arrow in the page title bar in the upper-left corner of your editing screen, as shown in this screenshot.

This menu has the following choices:

  • Edit Title & SEO – click to edit title of your page and adjust seo settings.
  • Publish Layout – publishes the layout without closing the Website Builder editor.
  • Preview Layout – opens a preview screen, where you can preview as a small, medium, or large device. Click Continue editing to return to the Website Builder editing screen.
  • Responsive Editing – edit your layout directly in a medium or small device view. Click Exit to return to large screen editing.
  • Revisions – display the previously published revisions available to revert to. The number of revisions available is displayed in brackets.
  • History – display the history created while using Website Builder. You can easily undo or redo any changes that were made while editing.
  • Change UI Brightness – this option is a toggle that changes the UI skin from light (default) to dark and back.
  • Help – play an introductory video, take a quick guide tour of Website Editor, or click links to open Knowledge Base or contact our support.

Content Panel

Open the Content Panel menu by clicking the plus symbol in the page title bar in the upper-right corner of your editing screen, as shown in this screenshot.

In Content Panel you can find:

  • Modules tab – content-based building blocks that can be dropped to a page
  • Rows tab – rows/columns and pre-made rows that can be dragged to a page content
  • Templates tab – ready-made page layouts, that can be further customize

Note: You can design your page from scratch using Modules and Rows (see this guide: How to use Modules & Rows),
or add pre-designed template to your page and edit its content afterwords (see this guide: How to use Templates).

Video tutorial:

Action Buttons

  • Editing Status – this area is blank before you make any editing changes and shows as Edited when there are any unpublished changes, even from previous sessions.
  • Outline Panel – lets you view and modify the structure of your page layout in an outline format.
  • Content Panel show/hide – show or hide content panel
  • Done – publish or discard changes made in Website Editor

 

Using Modules and Rows

Introduction to Rows and Modules

Video Tutorial:

Note:
See this guide for additional information about Rows: Rows – How to Edit, Move, Duplicate & Delete
See this guide for additional information about Modules: Modules – How to Edit, Move, Duplicate & Delete

What is a Module

Module is a content-based building block. Each module is designed for a specific purpose, making it simple to tailor a page to your exact needs.

Website Builder includes over 50 modules and growing, separated into several groups in the Website Builder content panel.
Modules and rows contain settings that determine how the module/row appears on the page.

Adding Module to a Page

  1. In the upper-right corner, click + (plus sign) to expose the Content panel, then click the Modules tab.
  2. Drag and drop a module of your choice onto the page.

 

Editing Module on a Page

  1. Hover over a module that you would like to edit, and left-click on it.
  2. Using tabs (e.g General, Style, Advanced) change the content, and adjust the module appearance.
    Options available will depend on the module type.
  3. Click Save, to save changes.

Deleting Module from a Page

  1. Hover over a module that you would like to delete, and click the X button (Remove).

What is a Row

Rows are like containers for your Modules.
You can drag and drop modules into the rows/columns to achieve the layout you want.

Rows can contain multiple column groups, which can be thought of as rows within rows.
In the following screenshot, there’s one row that has three column groups with a different number of columns in each group.

Hover over the row that you just dragged onto the page to see a set of icons that show the available actions for that row, as shown in the following screenshot.

You can:

  • Move the row by clicking the Move icon and dragging it.
  • Edit the settings by clicking the Row settings icon.
  • Duplicate the row.
  • Reset column widths for the entire row.
  • Delete the row.

 

Adding  Rows to a Page (empty rows)

  1. In the upper-right corner, click + (plus sign) to expose the Content panel, then click the Rows tab.
  2. Drag and drop a row layout of your choice onto the page.

Adding Pre-made Rows to a Page (rows with content)

Prebuilt rows are smaller than saved layout templates but serve the same function – quick layouts that you can customize.
You can choose from dozens of prebuilt rows to add to your layout and modify as you like.

  1. In the upper-right corner, click + (plus sign) to expose the Content panel, then click the Rows tab.
  2. From the Group drop-down, select Ready Made Rows option.
  3. Drag and drop a row layout of your choice onto the page.
    You can scroll the list of pre-built rows, show more row designs.
    You can add as many pre-built rows as you need.

Editing Row Settings

1. Click the Row settings icon for a row to display the Style tab.

You can make the following changes on the Style tab.

Row and content width and max width fields
In the Width field, set the row width to Full width or Fixed.

For fixed-width rows, choose a maximum row width in the Fixed width field. Maximum width means the row can become less wide when the screen size shrinks below the max width, but can’t become wider as the screen grows larger.

For full-width rows, choose whether the Content width will be Full width or Fixed. If the Content width is Fixed, choose a max width for the content.

Row height
Set the row height to one of the following values:

  • Default
    The row height automatically sizes according to the row content.
  • Full height
    The row fits the browser window. You can align the content to Top, Center, or Bottom.
  • Minimum row height
    Set the value you want for minimum height. Use this in cases in which you want the row height to be greater than the default but less than the full browser window height. You can also choose the vertical alignment of the content in the row: Top, Center, or Bottom.

Background section
Create and style any of the following types of row backgrounds.
Each choice opens a section with settings for that type of background.

None, Color, Gradient, Photo, Video, Slideshow, Parallax

Deleting Row from a Page

  1. Hover over a row that you would like to delete, and click the X button (Remove).

How to Use Layout Templates (pre-built pages)

Layout templates are prebuilt Website Builder layouts that contain any combination of rows, columns, and modules.
They can be used to create a new layout, or they can be appended to or replace an existing layout in the content area of any page.

Garage Website Builder comes with a number of built-in layout templates, which can be a shortcut to designing your pages. Use a layout template that’s similar to the design you want, change any settings you want or move elements around, add your content, and you’ve got a great-looking page in no time.

How to add a Layout Template

  1. In the upper-right corner, click + (plus sign) to expose the Content panel, then click the Templates tab.
  2. Select the template that you would like to apply to the current page.
    If your page is empty (doesn’t have any content), the selected layout will be applied automatically.
    If you already have some content on your page, the system will ask if you want to replace the current design, or append it with a selected layout.

Click Done button (located on the right-hand side of top bar), to save your changes.

Rows – How to Edit, Move, Duplicate & Delete

Note: See this guide for additional information: How to Use Modules & Rows

Edit Row Settings

  1. Hover over the row that you would like to edit.
  2. Click Row Settings button.
  3. You can make the following changes on the Style tab:
    • Row and content width and max width fields
      In the Width field, set the row width to Full width or Fixed.
      For fixed-width rows, choose a maximum row width in the Fixed width field. Maximum width means the row can become less wide when the screen size shrinks below the max width, but can’t become wider as the screen grows larger.
      For full-width rows, choose whether the Content width will be Full width or Fixed. If the Content width is Fixed, choose a max width for the content.

    • Row height
      Set the row height to one of the following values:

      • Default – The row height automatically sizes according to the row content.
      • Full height – The row fits the browser window. You can align the content to Top, Center, or Bottom.
      • Minimum row height – Set the value you want for minimum height. Use this in cases in which you want the row height to be greater than the default but less than the full browser window height. You can also choose the vertical alignment of the content in the row: Top, Center, or Bottom.
    • Colours section
      Override default colour settings for text, link, and heading colours.
    • Background section
      Create and style any of the following types of row backgrounds. Each choice opens a section with settings for that type of background.
    • Background overlay section
      This section appears if you choose Photo, Video, Slideshow, or Parallax as the background type. You can select a colour overlay and manipulate the opacity to show more or less of the underlying background.
      Usually, a background cover overlay is done using a semitransparent white or black colour to improve legibility of content on top of the row background, but in some cases a semi-transparent colour is used for design effect.
    • Border section
      You can add a row border. With or without a border, you can add a corner rounding (radius) and a shadow effect.
    • Top shape, Bottom shape sections
      Assign a shape overlay to the top or bottom edge of the row.
  4. You can also change margins, padding, visibility and add animations on Advanced tab
  5. Click Save to apply your changes.

Move Row on the Page

  1. Hover over the row that you would like to move on your page.
  2. Click and hold the Move button.
  3. While holding your mouse button, drag your row to a desired position on the Page.
    Rows can be dropped before or after other rows. You can’t drop a row into another row.

 

Duplicate Row on a Page

  1. Hover over the row that you would like to duplicate.
  2. Click the Duplicate button.
  3. A new row will be copied right under the original row.
    You can edit it’s content or move it somewhere else on your page.

Delete Row from a Page

  1. Hover over the row that you would like to delete.
  2. Click the Remove button.
  3. The row will be removed from your page.

Modules – How to Edit, Move, Duplicate & Delete

Note: See this guide for additional information: How to Use Modules & Rows

Edit Module Settings

  1. Hover over the module that you would like to edit.
  2. Click Settings button.
  3. Editing option will depend on what module you are currently editing. E.g. different option will be available for text module, and different for photo module.
    Usually on General tab you can edit content (text, images, links etc.), and on Style tab change fonts, size, add borders and shadows.
  4. You can also change margins, padding, visibility and add animations on Advanced tab
  5. Click Save to apply your changes.

Move Module on the Page

  1. Hover over the module that you would like to move.
  2. Click and hold Move button.
  3. While holding your mouse button, drag your module to a desired position on the Page.
    Modules can be dropped anywhere on your page. You can even drop your module as a new row.

 

Duplicate Module on a Page

  1. Hover over the module that you would like to duplicate.
  2. Click and Duplicate button.
  3. A new module will be copied right under the original module.
    You can edit it’s content or move it somewhere else on your page.

Delete Module from a Page

  1. Hover over the module that you would like to delete.
  2. Click the Remove button.
  3. The module will be removed from your page.

Undo and redo when editing Pages

The Website Editor keeps track of editing changes in editors’ history.
You can undo and redo either by working directly in the History in the Tools menu or by using keyboard shortcuts:

  • Ctrl+Z (Cmd ⌘+Z on Macs) to undo
  • Shift+Ctrl+Z (Shift+Cmd ⌘+Z on Macs) to redo

Access the history to undo and redo

  1. Click History in the Tools menu.
  2. Click any of the items listed in the history and the layout reverts to the layout at that point.
    You can keep clicking in the history at various points to undo or restore layout.
  3. When you’re done, click Done → Publish, Save as draft, or Discard.

 

Note: The initial state of the history when you open the editor is Draft created. When you publish or save the layout, the history is erased and the next time you open the Website Builder editor, the status is once again Draft created.

 

Typography

The Typography section

Many of the modules that allow text now have a standard Typography section, as shown in the following screenshot and described below.

Next to the Typography heading, there’s an icon for responsive settings. Click this icon to add different settings for medium and small devices. If you don’t add settings for each device size, the settings for the desktop will apply to all.

The Typography section has the following subsections:

Font

The Font subsection has the following settings:

  • Family – Set the font family here: a system font or any of the Google fonts.
  • Weight – If you chose a system font in Family, you can choose Light, Normal, or Bold in the Weight field. If you choose a Google font, the Weight field lists any of the styles included with that font. For example, the Google Cabin font includes Normal, Medium, Semi-Bold, and Bold. The Google italic forms of the font family can be selected in the Style field of the Style & Spacing subsection. If you select a custom web font in Family, the Weight choices are limited to the weights you configured for your font.
  • Size – Choose the font size, with px, em, rem, or vw as the unit of measurement. If this field is empty, the default setting is used.
  • Line height – Set the amount of space used for lines of text. Specify a number value and a unit of measurement. The dash value in the units list, shown in the screenshot below, means a unitless value, which means the number value is multiplied by the element’s font size. In most cases, this is the preferred way to set line height, but you can also choose px or em. If this field is empty, the default line height is used.
  • Align – Select one of the icons to align the text to the left, center or right. The buttons in this setting are toggles. If no button is selected, the default alignment is used.

Style & Spacing

This subsection includes the following settings:

  • Spacing – Controls the horizontal spacing between letters, in pixels.
  • Transform – Allows you to change the case of the text string without retyping. The choices are, from left to right: Normal (as typed), capitalize the first letter of every word, convert all letters to uppercase, and convert all letters to lowercase.
  • Decoration – The choices are Default, None (which overrides any default decoration), Underline, Overline, and Line through.
  • Style – This setting corresponds to the font-style property and is used for italic and oblique settings. The Style field offers the choices of Default (whatever style is inherited), None (font is regular, meaning upright, not italic or oblique), Italic, or Oblique.
  • Variant – This field offers the choices of Default (whatever style is inherited), None (font is regular, meaning upright, overriding any inherited variant setting), or Small caps. The difference between Small caps and the Transform field’s Uppercase is that Small caps uses larger letters for letters that are capitalized in the original text, whereas Uppercase uses capital letters of uniformly equal height. The Small caps effect is shown in the animation below.

Text Shadow

A text shadow effect adds a shadow behind the text, letting you control the shadow color, direction of offset ( X is horizontal, Y is vertical), and blur, as shown in the following screenshot, in which the shadow is moved to the right and down with enough blur to preserve the shadow on individual letters but not make the background shape distinct.

 

Colour Picker

Click on Colour Picker, and select required colour.
You can adjust it with Saturation and Opacity sliders, to get desired colour, or enter hex value of desired colour (e.g. #0f00bc).
Check htmlcolorcodes.com for hex values.

Click on Colour Presets, to select colours used in your current template.

Spacing – margins and paddings

The Advanced tab offers nearly identical settings on all Website Builder rows, columns, and modules.

Spacing Section

For rows and columns, you can change the default margin and padding values. For modules, you can change the default margin values only.

Lock and unlock the spacing settings

You can lock the four margin and padding settings so that you can enter one value into any field and all four settings (left, top, right, bottom) show that value. Click the Lock icon, circled in orange, to lock the settings and click it again to remove the lock:

 

You can set individual margins and padding independently for top, bottom, left and right. You can set all of these values independently for large (desktop), medium (tablet), and small (phone) devices.

When you add a custom margin or padding setting to an individual row, column, or module, this setting is automatically used for medium devices as well, unless you specifically add a different setting for medium devices. For example, if you set a top margin on a row to 100 px, tablets will also display a top margin of 100px.

To set margins and padding for an individual row, column, or module:

  1. Open a row, column, or module for editing by clicking the wrench icon.
  2. Click the Advanced tab.
    The Margins and Padding fields are shown in the following screenshot. The device size icon, circled in orange, shows that this is the large-device setting.
  3. Change the margin values as you like.
    You can toggle on the Link values icon to synch all four values. When it’s enabled (the icon colour changes to blue), then when you can add or change a value in the first field, the other three fields are automatically given the same value.
  4. For rows and columns only, change the padding values as you like.
    The device size and Link values icons work the same way as for margins. Settings for large devices propagate to smaller device sizes unless you set specific values for them.
  5. (Optional) Click the device icon next to each field to toggle the preview from desktop (large) to tablet (medium) to mobile (small). Check the settings for each device size and add custom values if you want. See the screenshot below that shows the device icon.
  6. Click Save when you’re done editing.

Add specific spacing settings for device size

Using the icon circled in blue, you can add settings for each device size or let Beaver Builder handle the smaller devices automatically.

  • Pages & Posts

Pages – What is a Page

A page is an area on your site where you can display content. A page can be about anything at all. Some of the most common pages on a website include Home, About Us, and Contact Us pages.
All our templates come with 12 pre-designed pages.

You can add as many pages to your site as you would like, and you can update your pages as many times as you want.

View Your Pages

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Pages located on the left-hand side of your Dashboard menu.
  5. All Pages will be listed on this screen.
    1. Page Tabs (Status)
    2. List of Pages
  6. Each page has some options you will find by hovering over the Page’s title:
    • Edit – edit title and SEO, change pages’ status (published, draft, pending review).
    • Bin – delete page
    • View – preview page
    • Website Builder – edit content
    • Duplicate Page – create a copy of the page

Pages – How to Create a New Page

Adding a New Page to Your Site

Add pages to create an informative and interesting site for your visitors.
Any new page you add is automatically added to your site navigation menu.

You can re-arrange, delete or add pages and links to your navigation menu any time.
Just use this guide: Edit Site Navigation Menu.

Add a New Page from site’s Dashboard

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select Add a New Page option.
  5. Add a Page title and click Publish button.
    The newly created page will be automatically added to your sites’ navigation menu.
  6. Once the Page has been published, click Website Builder button to start adding a content to your new page.

    Once the Website Builder is loaded, you can start designing your page.

Note: You can design your page from scratch using Modules and Rows (see this guide: How to use Modules & Rows),
or add pre-designed template to your page and edit its content afterwords (see this guide: How to use Templates).

Video tutorial:

Add a New Page from Pages List Menu

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Pages located on the left-hand side of your Dashboard menu.
    Click Add New to create a new Page.
  5. Add a Page title and click Publish button.
    The newly created page will be automatically added to your sites’ navigation menu.
  6. Once the Page has been published, click Website Builder button to start adding a content to your new page.

    Once the Website Builder is loaded, you can start designing your page.

Note: You can design your page from scratch using Modules and Rows (see this guide: How to use Modules & Rows),
or add pre-designed template to your page and edit its content afterwords (see this guide: How to use Templates).

Video tutorial:

Add a New Page by Making a Copy of existing one

Please see this guide: How to duplicate a Page

Pages – How to Edit Page

Editing the content of the Page

You can edit the content of every Page on your website. This includes editing the text, moving or deleting elements (modules) or updating images.

Editing Page content from site’s Dashboard

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, you can click on any element (text, image, row) to edit its content.
    Click Done button located on the top bar and then Publish button, to save any changes you have made.
    Please see Website Builder Overview guide for more information.

Editing Page content when previewing your site

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click Preview Your Website button located under My Business Details section.
  5. Navigate to a Page that you would like to edit using a navigation menu located on top of your site.
  6. Click the green Website Builder button located on the top bar.
  7. Once the Website Builder is loaded, you can click on any element (text, image, row) to edit its content.
    Click Done button located on the top bar and then Publish button, to save any changes you have made.
    Please see Website Builder Overview guide for more information.

Editing the Title of the Page

The Page Title is the headline of your site and can be seen in the browser tab, and in your site’s Navigation Menu.
It is important as it also appears in Google search results. Make sure to use meaningful page titles.

Editing Page title from site’s Dashboard

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Pages located on the left-hand side of your Dashboard menu.
    Locate the Page on Pages list that you would like to edit, and click on its title.
  5. Change the title of the Page and click Update to save changes.

Note: A clear title helps potential site visitors decide whether or not to visit your site. Your page’s title should be clear and concise.
Adding a unique title tag for each page helps both site visitors and search engines differentiate between the pages of your site.

Editing Page title when previewing your site

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click Preview Your Website button located under My Business Details section.
  5. Navigate to a Page that you would like to edit using a navigation menu located on top of your site.
  6. Click Edit Title & SEO button located on the top bar.
  7. Change the title of the Page and click Update to save changes.

Note: A clear title helps potential site visitors decide whether or not to visit your site. Your page’s title should be clear and concise.
Adding a unique title tag for each page helps both site visitors and search engines differentiate between the pages of your site.

Pages – How to Delete Page

Deleting a Page from Your Site

If you’ve created too many pages, or you no longer need a certain page, you can delete it.
You can always delete pages you have previously created.

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Pages located on the left-hand side of your Dashboard menu.
  5. Hover over the Page title, and click Bin.
  6. Page was placed in the Bin.
    If you made an error, you can restore this page; click on Bin category, hover over the page title, and click Restore.

Note: Bin is automatically emptied on a weekly basis. Please note that emptying bin, will delete the page and all its content irreversibly.
We can’t restore the page, or the content on it—so please be sure you really want to delete a page.

Pages – How to Duplicate a Page

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Pages located on the left-hand side of your Dashboard menu.
  5. Hover over the Page title, and click Duplicate Page.
  6. The copy of the selected page will be created, and Website Builder automatically loaded.
    Make required changes (see this guide: Website Builder Overview for ‘how to guides’),
    and save your changes.
  7. Now you need to change the title of your duplicated page.
    Click on tools’ menu in upper-left corner, and select Edit Title & SEO option.
  8. Change the title of your page, and click Publish button to save changes.

    You can also adjust your Permalink (URL of you page) for better SEO scores.
    To achieve that, just click Edit button located under the page title, type in your new permalink (it can be your page title), and click OK button.
    Click Publish button to save changes.

Posts – What is a Post

Posts are blog content listed in a reverse chronological order (the newest content on top). You will see posts listed on your news/blog page automatically.

View Your Posts

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Posts located on the left-hand side of your Dashboard menu.
  5. All Posts will be listed on this screen.
    1. Post Tabs (Status)
    2. List of Posts
  6. Each post has some options you will find by hovering over the Post’s title:
    • Edit – edit title and SEO, change posts’ status (published, draft, pending review).
    • Bin – delete post
    • View – preview post

Posts – How to Create a New Post

Adding a New Post to Your Site

Add posts to create an informative and interesting site for your visitors.
Any new post you add is automatically added to your Blog/News page.

Add a New Post from site’s Dashboard

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select Add a New Post option.
  5. Add a Post title, and some content.
    You can format your text using our text editor (marked with blue frame).
    You can upload pictures, and video/audio files to your content. Just click Add Media button located right above the content editor.
    Text editor, will automatically convert video links from YouTube. Just paste the link anywhere you want video to display.
  6. Add Featured Image to your post to make it more attractive for your visitors.
    Click Set featured image, and choose a picture from Media Library, Stock Photos or Upload it from your device.

    Select picture, and click Set featured image button.
  7. Click Publish, to publish post to your website.
    To preview your post, click Preview Changes button.

Add a New Post from Posts List Menu

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Posts located on the left-hand side of your Dashboard menu.
    Click Add New to create a new Post.
  5. Add a Post title, and some content.
    You can format your text using our text editor (marked with blue frame).
    You can upload pictures, and video/audio files to your content. Just click Add Media button located right above the content editor.
    Text editor, will automatically convert video links from YouTube. Just paste the link anywhere you want video to display.
  6. Add Featured Image to your post to make it more attractive for your visitors.
    Click Set featured image, and choose a picture from Media Library, Stock Photos or Upload it from your device.

    Select picture, and click Set featured image button.
  7. Click Publish, to publish post to your website.
    To preview your post, click Preview Changes button.

Posts – How to Edit Post

Edit an existing Post on Your Site

Edit a Post from site’s Dashboard

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the post that you would like to edit.
  5. Edit the Post title, and/or content.
    You can format your text using our text editor (marked with blue frame).
    You can upload pictures, and video/audio files to your content. Just click Add Media button located right above the content editor.
    Text editor, will automatically convert video links from YouTube. Just paste the link anywhere you want video to display.
  6. Add/Change a Featured Image to your post to make it more attractive for your visitors.
    Click Set featured image or click on featured image, and choose a picture from Media Library, Stock Photos or Upload it from your device.


    Select picture, and click Set featured image button.

  7. Click Update, to publish post to your website.
    To preview your post, click Preview Changes button.

Edit a Post from Posts List Menu

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Posts located on the left-hand side of your Dashboard menu.
    Hover over a post title, that you would like to edit, and click Edit.
  5. Add a Post title, and some content.
    You can format your text using our text editor (marked with blue frame).
    You can upload pictures, and video/audio files to your content. Just click Add Media button located right above the content editor.
    Text editor, will automatically convert video links from YouTube. Just paste the link anywhere you want video to display.
  6. Add/Change a Featured Image to your post to make it more attractive for your visitors.
    Click Set featured image or click on featured image, and choose a picture from Media Library, Stock Photos or Upload it from your device.


    Select picture, and click Set featured image button.

  7. Click Update, to publish post to your website.
    To preview your post, click Preview Changes button.

Posts – How to Delete Post

Deleting a Post from Your Site

If you’ve created too many post, or you no longer need a certain post, you can delete it.
You can always delete posts you have previously created.

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Posts located on the left-hand side of your Dashboard menu.
  5. Hover over the Post title, and click Bin.
  6. Post was placed in the Bin and will not be visible on your site.
    If you made an error, you can restore this post; click on Bin category, hover over the post title, and click Restore.

Note: Bin is automatically emptied on a weekly basis. Please note that emptying bin, will delete the post and all its content irreversibly.
We can’t restore the post, or the content on it—so please be sure you really want to delete a post.

  • Media & Content

How do I edit/add texts on my website?

How to Edit existing text on my website

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click Preview Your Website button located under My Business Details section.
  5. Navigate to a Page that you would like to edit using a navigation menu located on top of your site.
  6. Click the green Website Builder button located on the top bar.
  7. Once the Website Builder is loaded, click on a text that you would like to edit.
  8. In a new pop-up window, click on General tab, edit text per requirement, and click Save button to apply your changes.

    You can customize the appearance of your text (colour, font, font size etc.). Just click on your text (module), and navigate to Style tab.

    Click on:

  9. Click Done → Publish to save changes to your page.

How to Add text to my website

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click Preview Your Website button located under My Business Details section.
  5. Navigate to a Page that you would like to edit using a navigation menu located on top of your site.
  6. Click the green Website Builder button located on the top bar.
  7. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  8. On the Modules tab click and drag to your page:
    • Heading – for a header text (title)
    • Text Editor – to enter more lines of formatted text

  9. On General tab add your text, and click Save button, to apply changes.
    You can customize the appearance of your text (colour, font, font size etc.). Just click on your text (module), and navigate to Style tab.

    Click on:

  10. Click Done → Publish to save changes to your page.

 

How do I create links on my website?

Create a Heading/Text Link

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click Preview Your Website button located under My Business Details section.
  5. Navigate to a Page that you would like to edit using a navigation menu located on top of your site.
  6. Click the green Website Builder button located on the top bar.
  7. Once the Website Builder is loaded, click on a text to insert a link.
    On General tab, enter a link URL (with https://) and click Save, to apply changes.
    You can optionally select if your link should open in New Window.
  8. Click Done → Publish to save changes to your page.

 

Create an Image Link

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click Preview Your Website button located under My Business Details section.
  5. Navigate to a Page that you would like to edit using a navigation menu located on top of your site.
  6. Click the green Website Builder button located on the top bar.
  7. Once the Website Builder is loaded, click on a text to insert a link.
    On the General tab, scroll down to a Link section.
    From drop-down, select how your image should be linked on click:

    • URL – provide a URL (with https://), image will redirect to this URL on click
    • Lighbox – image will open in overlay preview window on click
    • Photo File – redirect to image address on click
    • Photo Page – open a separate page with clicked image
  8. Click Save to apply changes.
  9. Click Done → Publish to save changes to your page.

How do I edit/add images to my website?

Edit existing Image

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click Preview Your Website button located under My Business Details section.
  5. Navigate to a Page that you would like to edit using a navigation menu located on top of your site.
  6. Click the green Website Builder button located on the top bar.
  7. Once the Website Builder is loaded, click on an image that you would like to edit.
  8. On General tab, click Edit to replace image or Remove, to remove it from your page.
    Click Save button to apply changes.

    You can style your image from the Style tab. Adjust width, crop image, add borders and more.
  9. Click Done → Publish to save changes to your page.

Add a New Image

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click Preview Your Website button located under My Business Details section.
  5. Navigate to a Page that you would like to edit using a navigation menu located on top of your site.
  6. Click the green Website Builder button located on the top bar.
  7. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  8. On the Modules tab, click and drag to your page a Photo module.
  9. On General tab, click Select Photo.
    Select your image from Media Library or Stock Photos tab, or Upload file from your device.
    Click on an image and click Select Photo.

    Adjust image settings, and additional styling options on Style tab.
    Click Save button to apply changes.
  10. New Image has been added to your to your page.
    Click Done → Publish to save changes to your page.

How do I add button to my website?

Add Button Module

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  6. On the Modules tab drag & drop to your page:
    •  Button module to add single button – e.g.
    • Button Group module to add 2 or more lined-up buttons – e.g.

  7. On the General tab, change text displayed on the button, add an icon (optionally), and add a link where your button should redirect when clicked.
  8. On the Style tab, adjust width, alignment, colours, font, font-size, background colours etc. to match your button to your page design.
    Click Save button, to apply changes.
  9. Click Done → Publish to save changes to your page.

How do I add gallery to my website?

Add Gallery Module

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  6. On the Modules tab click and drag to your page a Gallery module.
  7. On General tab, click Edit Gallery.
  8. Add your images from Media Library, Stock Photos tab, or upload images from your device.
    Select as many images as required, and click Add to Gallery button and Update Gallery.
  9. Adjust gallery settings on General and Style tabs, and click Save, to apply changes.
  10. Click Done → Publish to save changes to your page.

Add Gallery Pre-built Row

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  6. On the Rows tab click Group drop-down and select Ready Made Rows option.
  7. From the Ready Made Rows list, select Gallery row, and drag it to your page.
  8. Click on added gallery to open Settings window.
    Click Edit Gallery to add your pictures.
  9. Add your images from Media Library, Stock Photos tab, or upload images from your device.
    Select as many images as required, and click Add to Gallery button and Update Gallery.
  10. Adjust gallery settings on General and Style tabs, and click Save, to apply changes.
  11. Click Done → Publish to save changes to your page.

How do I add Google Map to my website?

Add Map Module

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  6. On the Modules tab, drag & drop a Map module to your page.
  7. On the General tab:
    • Enter the full address
    • Adjust height of the map, optionally create a border and shadow
    • Click Save button, to apply changes.
  8. Click Done → Publish to save changes to your page.

How do I add video to my website?

Add Gallery Module

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  6. On the Modules tab, drag & drop to your page:
    • Video module to add single video
    • Video Gallery to create video gallery
  7. On the General tab select the source of your video:
    1. YouTube, Vimeo or Daily Motion – just provide a link to your video
    2. Self Hosted – upload the video file from your device.
      Note: it’s good to compress your file before uploading it. You can use a free online service, freeconvert.com to create a smaller mp4 video file.
  8. On the General tab, under:
    • Video Options – adjust video settings: auto-play, mute, loop, show/hide controls
    • Overlay & Lightbox – use an overlay image with custom play button instead of 1st frame of video
      Click Save button, to apply changes.

  9. Click Done → Publish to save changes to your page.

How do I add slideshows to my website?

Add Slideshow Module

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  6. On the Modules tab, drag & drop a Slideshow module to your page.
  7. On the General tab click Edit Gallery.
  8. Add some pictures to your Slideshow gallery. You can select pictures from Media Library or Stock Photos tab, or simply upload pictures from your device on the Upload files.
    Select desired pictures and click Add to Gallery → Update Gallery
  9. Adjust options on:
    • Genera tab – height of slideshow module, click action etc.
    • Playback tab – auto play options, speed and transition effect.
    • Controls – show/hide navigation.

      Click Save, to apply changes.
  10. Click Done → Publish to save changes to your page.

How do I add social icons to my website?

Add Social Buttons to your Page

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  6. On the Modules tab, drag & drop to your page a Social Buttons module.
  7. Select which buttons you would like to display, and click Save button.
  8. Click Done → Publish to save changes to your page.

 

Add Social Icons to your Page

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  6. On the Modules tab, drag & drop to your page an Icon Group module.
  7. On the Icons tab click Edit Icon → Select Icon.

    Select desired icon (use search box).
    Enter URL (link) to your social media page.
    Click Save, to apply changes.
  8. You can keep on adding more icons (click Add Icon button), or click Save, to apply changes.
    Optionally, you can style your icons on the Style tab.
  9. Click Done → Publish to save changes to your page.

How do I add code to my website?

The HTML module lets you insert custom code (e.g. external booking forms, external apps, iframes and javascript).

Add HTML Module

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. From Add New or Edit Pages drop-down list, select the page that you would like to edit.
  5. Once the Website Builder is loaded, click on plus button to open a Content Panel.
  6. On the Modules tab, drag & drop a HTML module to your page.
  7. On the General tab, paste your code, and click Save button, to apply changes.
  8. Click Done → Publish to save changes to your page.

Guide: Search Engine Optimization (SEO)

Note: SEO requires extensive research, as well as knowledge very specific to search engines. Therefore, we unfortunately cannot offer support on this topic. With our tutorial, we’d like to help you gain a better understanding for the SEO topic and show you how you can improve the search engine ranking of your website by yourself.

Please note that this article only provides you with helpful tips and advice that could help improve the ranking of your website. However, with SEO there’s no guarantee that your website will achieve a better ranking after you’ve implemented all of the mentioned improvements. Furthermore, it can take several weeks or even months before the changes on your website come into effect. Patience is key!

What is SEO

When typing a search request in Google, you’ll receive a list of websites that Google deems relevant in relation to the words that you’ve used in your search – the so-called Keywords. Google sorts these search results for you and shows the most relevant results first. Apart from websites, that’s also where you can find images, videos and maps.

As a website owner, you’d like your website to appear at the very top for certain search queries. You can optimize your website so that it comes out on top as often as possible for relevant search queries. This process is called Search Engine Optimization – or SEO for short. These optimizations influence the organic search results. On the opposite end of the spectrum, you’ve got Ads that are marked as such and always appear at the very top of the search results.

The following article in our blog provides you with a first overview of the SEO topic. It explains the basics and familiarizes you with the most important terms:

How do I get my website to appear in Google?

Your website first needs to be indexed before it can be found using the Google search. Google searches the internet for new websites at irregular intervals, so this happens automatically. This is generally referred to as crawling.

You can accelerate this process by making use of the Google Search Console.

How can I SEO optimize my pages and posts?

SEO optimize Page

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Pages located on the left-hand side of your Dashboard menu.
    Locate the Page on Pages list that you would like to SEO optimize, and click on its title.
  5. Click on SEO tab.
  6. Check the Title and Meta Description in the SEO tab.
    You can set these fields to automatic values, but it may be worth optimizing them manually at this stage.Make sure that TITLE tags are under 60 characters and contain your keywords. It is a good idea to add the name of your site to the end of each TITLE tag, but if you have a very long site name, this may be reducing the space for keywords.

    You can re-write a Meta Description to include your keywords, but the most important thing about this text is to accurately summarize the page’s contents and make users want to read more. Meta descriptions are shown in the search results after your links. Whereas there is no official limit to the length of the Meta Description text, Google only currently shows the first 160 characters.

    Avoid repeating the same Meta Description on all your pages!

  7. Click on Content Analysis tab.
  8. Once you have finished writing your  Title and Meta Description tags, you may want to review the content using Content Analysis feature.
    Enter your target keywords (separate with commas if you have more than one) and click Refresh Analysis.
    Red and orange lights will show you points that need attention.
    Green lights are things that you are doing well. Bravo!

    Click on Red and orange lights to get additional help on how to improve your SEO score.

SEO optimize Post

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click on Posts located on the left-hand side of your Dashboard menu.
    Locate the Post on Post list that you would like to SEO optimize, and click on its title.
  5. Click on SEO tab.
  6. Check the Title and Meta Description in the SEO tab.
    You can set these fields to automatic values, but it may be worth optimizing them manually at this stage.Make sure that TITLE tags are under 60 characters and contain your keywords. It is a good idea to add the name of your site to the end of each TITLE tag, but if you have a very long site name, this may be reducing the space for keywords.

    You can re-write a Meta Description to include your keywords, but the most important thing about this text is to accurately summarize the page’s contents and make users want to read more. Meta descriptions are shown in the search results after your links. Whereas there is no official limit to the length of the Meta Description text, Google only currently shows the first 160 characters.

    Avoid repeating the same Meta Description on all your pages!

  7. Click on Content Analysis tab.
  8. Once you have finished writing your Title and Meta Description tags, you may want to review the content using Content Analysis feature.
    Enter your target keywords (separate with commas if you have more than one) and click Refresh Analysis.
    Red and orange lights will show you points that need attention.
    Green lights are things that you are doing well. Bravo!

    Click on Red and orange lights to get additional help on how to improve your SEO score.

  • Troubleshooting

Guide: Troubleshooting

Your website is not displaying correctly, or some areas don’t load properly?
This is often caused by local settings or browser add-ons. But don’t worry – you should be able to solve these problems on your own.

Check your browser for the following items

  1. Have tried refreshing your Website/Page? If not, please follow this guide: Refresh My Website/Page
  2. Is your browser up to date? Check our system requirements for more information.
  3. Did you enable JavaScript in your browser? You’ll need to activate it in order to work on your website.
  4. Did you configure your browser to never accept cookies? If so, please change this setting. Without cookies, your website cannot be edited properly.
  5. Are you using script blockers like NoScript? If yes, make sure that it does not block any Garage Website Online scripts.
    To test this, deactivate your script blocker and see if this changes anything. Also make sure to deactivate any other plugins or add-ons of this kind.
  6. Do you use ad blockers like AdBlock Plus? If so, you’ll have to deactivate your ad blocker completely or put Jimdo on the list of exceptions.
  7. Are you using a security program such as Kaspersky, BitDefender, Avast, Eset, McAfee? If so, check your settings to see that scripts from Garage Website Online are not being blocked.
  8. Did you clear your browser cache? Clearing your browser’s cache lets you view the most updated version of your website. Please also check whether the problem occurs on other browsers as well.

Check our Network Status Page for any known issues we are experiencing now.

Should you continue to experience difficulties, feel free to send a message to our Support Team along with the following information:

  • Explanation of the error and when it occurs
  • Screenshot of the error and information about when it occurs. You can read about how to take a screenshot here
  • Details of your operating system and browser: open the website supportdetails.com in your browser and copy the data shown

What are the system requirements?

To use your website, all you need is a mobile device or a computer, an internet connection, and a web browser.

Requirements

Install the latest version of one of the supported browsers to use the Garage Website Online services:

We recommend using Google Chrome or Mozilla Firefox. If you’re not sure which browser version your computer is using, you can always check it out over at supportdetails.com.

 

Note
Using Garage Website Online services with the following browsers is not possible or only to a limited extent:

  • Microsoft Internet Explorer
  • Microsoft Edge Legacy
  • Opera Mini
  • Safari X (and older versions)

If you’d like to edit your website using a mobile Android device, please make sure to use at least Android version 4.3 (or newer).

Differences in Live Site and Editor | I can’t see the changes I have made on my site

Are you noticing differences between your live site and the Website Editor?
In most cases, this occurs when you haven’t saved changes in the Website Editor or not yet published them. Make sure to click Done → Publish in your Website Editor to check if this is the reason for the differences.

Refresh Your Page/Website

  1. Go to My Websites page in your account.
  2. Select the required site (click on site’s image).
  3. Click Edit Site button.
  4. Click an orange Refresh Page button located on the top bar.
  5. Preview your website now.
    You can also clear your browser cache: How to clear my web browser’s cache

My Website is not Loading | Unable to View My Live Site

If your website is not loading, or you are unable to view your live site, make sure that you are entering your domain name or site URL correctly in your browser.

Check our Network Status Page for any known issues we are experiencing now.

Review the questions below to determine the cause of the issue.

Do you receive an error message on your site?

Below are some common error messages you might see when there is a problem loading your site.
Select the error message you’re receiving for more information:

Is your site published?

If you just placed your order, please allow up to 48h, before trying to access your new website.
Once your website is published and online, we’ll send you a confirmation email.

Has your domain expired?

Domain names that are provided on your website purchase, are set to renew automatically, however, if you’ve cancelled your subscription or if there were payment issues, your domain may have expired. If you purchased your domain elsewhere, please contact your domain host to make sure your domain hasn’t expired.

Is your subscription active?

In order for your site to remain online, it needs to have an active subscription. All Subscriptions are set to renew automatically, however, if you cancelled your renewal or there were payment problems it may have expired.

You can check the status of your subscription in My Account page.
If your subscription has expired (is not active), simply re-subscribe or reactivate it from your account.

Contact Support

Should you find yourself unable to view or edit your website, please use this form to reach out to us. Our support team will provide you with a prompt answer.

 

How do I clear my web browser’s cache?

We recommend clearing your browser’s cache regularly to ensure smooth website editing.

What does it mean to “clear a browser cache”?

A cache is an invisible memory that acts as a buffer for all internet data coming through your browser. If you reopen a website, previously saved data is being used to load the website more quickly.

Sometimes, your browser keeps loading outdated data. This can lead to problems in displaying or editing websites correctly.

How do I empty my browser’s cache?

Depending on browser and device, the process can differ. Pick the right instruction from the list below:

PC and Mac

Mobile Devices

SSL Certificate Error | Security Certificate Error

An SSL certificate error occurs when a web browser can’t verify the SSL certificate installed on a site. Rather than connect users to your website, the browser will display an error message, warning users that the site may be insecure.

To resolve a SSL Certificate error message:

  1. Reload the page by pressing Ctrl + F5 (or Cmd + R on a Mac).
  2. Check that the URL you are trying to access is correct, then re-enter it in your address bar and press Enter.
  3. If you’re trying to access a page other than your homepage, go to the homepage URL (e.g., www.mycargarage.co.uk).
  4. Use another supported browser. If the error only occurs in one browser, clear your browser’s cache.

Note: Still receiving the error after refreshing?
Wait a few minutes and try again. This issue is usually temporary and solved in a matter of minutes.

Check our Network Status Page for any known issues we are experiencing now.

Should you find yourself unable to view or edit your website, please use this form to reach out to us. Our support team will provide you with a prompt answer.

Error 401 (Unauthorized)

If you receive an Error 401 (Unauthorized) message, it means you’re trying to access a page that you must first log in with a valid user ID and password to view.

To resolve a 401 error message:

  1. Check that the URL you are trying to access is correct, then re-enter it in your address bar and press Enter.
  2. Try to log in to your websites’ dashboard from My Account page.
    Select the required site (click on site’s image), and click Edit Site button.
  3. Use another supported browser. If the error only occurs in one browser, clear your browser’s cache.

Note: Still receiving the error after refreshing?
Wait a few minutes and try again. This issue is usually temporary and solved in a matter of minutes.

Check our Network Status Page for any known issues we are experiencing now.

Should you find yourself unable to view or edit your website, please use this form to reach out to us. Our support team will provide you with a prompt answer.

Error 403 (Forbidden)

A 403 Forbidden error is an HTTP status code that means you are unauthorized to view the page you are trying to access.

To resolve a 403 error message:

  1. Check that the URL you are trying to access is correct, then re-enter it in your address bar and press Enter.
  2. Try to log in to your websites’ dashboard from My Account page.
    Select the required site (click on site’s image), and click Edit Site button.
  3. Use another supported browser. If the error only occurs in one browser, clear your browser’s cache.

Note: Still receiving the error after refreshing?
Wait a few minutes and try again. This issue is usually temporary and solved in a matter of minutes.

Check our Network Status Page for any known issues we are experiencing now.

Should you find yourself unable to view or edit your website, please use this form to reach out to us. Our support team will provide you with a prompt answer.

Error 404 (Not Found)

If you receive an “error 404 not found” message when attempting to go to your live site, it means the page doesn’t exist on the server at the URL you’ve entered. This error message is an HTTP standard response code that most commonly occurs when clicking an outdated link that leads to a URL where a page used to exist.

To resolve a 404 error message:

  1. Reload the page by pressing Ctrl + F5 (or Cmd + R on a Mac).
  2. Check that the URL you are trying to access is correct, then re-enter it in your address bar and press Enter.
  3. If you’re trying to access a page other than your homepage, go to the homepage URL (e.g., www.mycargarage.co.uk), then access the page via a different link.
  4. Use another supported browser. If the error only occurs in one browser, clear your browser’s cache.

Should you find yourself unable to view or edit your website, please use this form to reach out to us. Our support team will provide you with a prompt answer.

Error 500 (Internal Server Error)

A 500 Internal Server Error is a general HTTP status code that means something has gone wrong with the server, but the server could not be more specific as to what’s wrong.

To resolve a 500 error message:

  1. Reload the page by pressing Ctrl + F5 (or Cmd + R on a Mac).
  2. Check that the URL you are trying to access is correct, then re-enter it in your address bar and press Enter.
  3. Use another supported browser. If the error only occurs in one browser, clear your browser’s cache.

Note: Still receiving the error after refreshing?
Wait a few minutes and try again. This issue is usually temporary and solved in a matter of minutes.

Check our Network Status Page for any known issues we are experiencing now.

Should you find yourself unable to view or edit your website, please use this form to reach out to us. Our support team will provide you with a prompt answer.

Error 502 (Bad Gateway)

A 502 (Bad Gateway) error is an HTTP status code indicating that a server didn’t receive a valid request from another server.

To resolve a 502 error message:

  1. Reload the page by pressing Ctrl + F5 (or Cmd + R on a Mac).
  2. Check that the URL you are trying to access is correct, then re-enter it in your address bar and press Enter.

Note: Still receiving the error after refreshing?
Wait a few minutes and try again. This issue is usually temporary and solved in a matter of minutes.

Check our Network Status Page for any known issues we are experiencing now.

Should you find yourself unable to view or edit your website, please use this form to reach out to us. Our support team will provide you with a prompt answer.

Garage Website Online Logo

Create professional website using Garage Website Online. With highly customizable, eye-catching templates, superfast reliable web hosting and customer care, GWO is a complete online business solution.

Facebook

Company

Support

Updates

Terms & Conditions

Refund Policy

Privacy Policy

Cookie Policy

© 2023 All Rights Reserved. Garage Website Online
Garage Website Online Logo
Log In
Sign Up

Privacy settings

Decide which cookies you want to allow.You can change these settings at any time. However, this can result in some functions no longer being available. For information on deleting the cookies, please consult your browser’s help function.

With the slider, you can enable or disable different types of cookies:

This website will:

  • Essential: Remember your cookie permission setting
  • Essential: Allow session cookies
  • Essential: Gather information you input into a contact forms, newsletter and other forms across all pages
  • Essential: Keep track of what you input in a shopping cart
  • Essential: Authenticate that you are logged into your user account
  • Essential: Remember your login details if Remember Me option checked

This website won't:

  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions

This website will:

  • Essential: Remember your cookie permission setting
  • Essential: Allow session cookies
  • Essential: Gather information you input into a contact forms, newsletter and other forms across all pages
  • Essential: Keep track of what you input in a shopping cart
  • Essential: Authenticate that you are logged into your user account
  • Essential: Remember your login details if Remember Me option checked
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country

This website won't:

  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions

This website will:

  • Essential: Remember your cookie permission setting
  • Essential: Allow session cookies
  • Essential: Gather information you input into a contact forms, newsletter and other forms across all pages
  • Essential: Keep track of what you input in a shopping cart
  • Essential: Authenticate that you are logged into your user account
  • Essential: Remember your login details if Remember Me option checked
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions

This website won't:

    This website will:

      This website won't:

        Save & Close