Loading...

Knowledge Base
Save up to  70% off.  Start your website today!

Weebly Tutorial Walkthrough

As we upgrade our Customer Portal to an optimized and easy-to-use design, you may find some hosting products and/or services no longer available. Due to this update, Weebly is no longer offered by HostGator for new signups. If you currently have the service, there will be no change to your product or service.

Guide to Adding and Modifying Content

Once you have selected your theme, the next step in creating your unique and extraordinary website with the Weebly Builder is adding content and pages. The following tutorial will show you how to: Add and delete pages, Modify page settings, Configure the website menu, and Add key elements like text, title, image, gallery, and contact form to pages.


Managing Pages

As you start to build content in your Weebly drag-and-drop builder, you may find the need to add or delete a page. Based on the Weebly plan associated with your website, you may be limited to 6 pages with the Basic and unlimited with either the Pro or Business plan.

Add a New Page

To add a new page to your website:

  1. Select the Pages tab on the top menu.
    HostGator Weebly top menu bar with Pages selected screenshot
  2. On the left-hand side, click the + button at the top.
    Weebly Pages Menu
  3. Click Standard Page.
    Weebly Add Page Menu
  4. On the left-hand side, you can define the page name, select a header type and page visibility, add SEO Settings, and remove the page from the navigation menu.
    Weebly New Page Settings

  5. Click Done to save the new page.
  6. Click the Build tab in the top menu to begin adding content to the new page.

    HostGator Weebly new page screenshot


Delete a Page

To delete a page from your website:

  1. Select the Pages tab on the top menu.
    HostGator Weebly top menu bar with Pages selected screenshot
  2. In the left-hand sidebar, select the page you wish to delete.
    Weebly Page Selection
  3. Click Delete.
    Weebly Delete Button
  4. In the pop-up that appears, click Delete.
    Weebly Delete Confirm

Modify Page Settings

Once you have created a page, you can modify various elements of the page, including the page title, description, and metadata. To get started:

  1. Select the Pages tab on the top menu.
    HostGator Weebly top menu bar with Pages selected screenshot
  2. In the left-hand sidebar, select the page you wish to modify settings.
    Weebly Page Selection
  3. Click on SEO Settings at the bottom of the new page menu.
    Weebly New Page Settings
  4. The page settings dialog box will appear, allowing you to make adjustments to various settings:
    • Set the page title
    • Set the page permalink
    • Create a page description
    • Modify meta keywords to aid in SEO
    • Change the page header code
    • Change the page footer code
    • Remove the page from search engines
    Weebly New Page SEO Settings
  5. Once you are finished making changes, click the back arrow at the top.

Reorder the Pages

To move a page:

  1. Select the Pages tab on the top menu.
    HostGator Weebly top menu bar with Pages selected screenshot
  2. The left-hand sidebar contains the list of pages and the order that they will appear in the menu.
    Weebly Page Selection
  3. Select the page you want to move up or down in the menu by clicking on it in the navigation list.
  4. Drag the page to the place in the list where you want it to appear.

Create and Remove Sub-Pages

You can create and remove sub-pages using the same process to move a page in the navigation list. Instead of moving the page up or down in the list, drag the page over to the right to indent it under a page. This will make it a sub-page and create a drop-down menu to contain that page. To remove a sub-page, drag the page to the left to remove the indent.

Hide Page from Navigation

In addition to reordering your website's menu, you can also completely hide a page from the main menu.

  1. Select the Pages tab on the top menu.
    HostGator Weebly top menu bar with Pages selected screenshot
  2. In the left-hand sidebar, select the page you wish to hide.
    Weebly Page Selection
  3. Click the box for Hide in Navigation located under the page name.
    Weebly Hide page

Add Key Elements

The elements in the Weebly builder are similar to using blocks. You can structure the blocks to configure your content on the pages. Use the Build tab at the top of the page. Then click and drag the element over to the page to add it. When you drag the element over, a line will indicate where the element will be placed. Click on the links below for directions on how to use the following elements:

Did you find this article helpful?

 
* Your feedback is too short

Loading...