1. Knowledge Base
  2. >
  3. Results
  4. >
  5. Weebly Tutorial Walkthrough

Weebly Tutorial Walkthrough

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. In the following tutorial, we will show you how to: Add and delete pages Modify page settings Configure the website menu 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. For information on how to upgrade to Weebly Pro or Business to get unlimited pages and other premium features, please see the following article:

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, 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 re-ordering 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 on 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: