How Do I Manage My Website Builder Tool?

1. Log in to your account.
2. On the left side of the page, click Websites or Hosting.
3. Select the website or package you want to edit, then click the Manage button.
4. Depending on your product, do one of the following:
   • If you see Website Packages, click Launch Website Builder.
   • If you are in the Hosting control panel, click the Create/Edit your Website link.

In this section, you will learn how to:

• Change Your Website's Design
• Change Your Website's Background

If you want to change the colors of your website, please check How Do I Change Site Colors Using CSS?

Changing Your Website's Design

1. In the builder, click the Design & Layout tab, then select the Designs option.
   
   
    
2. In the Choose a Design panel, browse or search for a design you like.
3. Click a design thumbnail to see a preview with your website's content.
   
   
    
4. If it's a free design, click the Select button to apply it. For premium designs, you will need to purchase it before applying. You can try a premium design with your website contents using the Preview It with Your Site option on the Design Preview window.
   
   To customize your website design, use the options available in the Design & Layout area of the Website Builder Tool.
   
   
    

As always, you can preview your new design the way it would appear on your live website using the Preview option on the top right corner of the page. Make sure to publish your website for your new design to appear live to your website visitors.

Changing Your Website's Background

To change the background color:

1. Go to the Design & Layout tab and select the Background option.
   
   
    
2. In the Color Preview panel, click the color you want to use, or enter a specific hexadecimal value.
   
   
    
3. Click the green checkmark to apply the color.

To change the background image:

1. Go to the Design & Layout tab and select the Image option.
2. From the Insert your background image panel, choose to upload a new image, select an existing file, or choose from the free image library.
    
   • Upload an image file from your computer.
   • Select from the files that you have stored in the Website Builder Tool.
   • Choose from our library of free images.
   • Apply the default background image that comes with the design template that you chose for your website.
   • Remove the background image using the Do not display a background image option in the drop-down list.
   
   
   
    
3. Follow the prompts to apply the image to your background.

To begin, click the Page Editor tab, select the page you want to work on, and click inside a content block. In this section, you'll find instructions for:

• Formatting Your Page
• Editing Content Blocks
• Managing Images
• Managing Text

Formatting Your Page

Creating Tables

Click the table icon in the toolbar, select the number of rows and columns, and then click OK.

Using Responsive Elements Layouts

Click the Layouts icon in the Page Editor toolbar to insert pre-formatted, responsive content blocks and then click OK.

Editing Content Blocks

This builder offers two types of content blocks:

• Pre-Formatted Blocks
• Custom Blocks

Pre-Formatted Blocks

These are added using the main Add Content Block button in the toolbar. They come with a pre-set structure, and you can only change basic table and cell settings.

Custom Blocks

These are added by clicking the + button on an existing block. They give you the flexibility to choose your own layout.





After clicking the OK button, you will see your new content block.

Managing Existing Blocks

Once a block is on your page, you can manage it using the icons that appear when you select it:

• Click the up and down arrows next to the blocks to reorder them.
  Note: This is only posisble if you have multiple content blocks.
• Click the x button next to the content block to remove it.
• Click the magnifying glass icon next to the content block to edit its properties.
• Click the + button to add a new custom block below the current one.

Managing Images

Accessing Image Manager

1. Once you have accessed the Website Builder, either select Page Editor or Edit your site now.
2. Click the section with the picture you would like to edit.
   
   
    
3. Click on the picture so that it is highlighted in blue. You will notice that the Image Manager icon on the top left is no longer greyed out and can be selected.
4. The Image Manager should appear once clicked.
   
   
    

Adding an Image

To add an image, follow the steps below:

1. Once in the builder, open the Page Editor tab.
2. Select the page you want to edit.
3. Select the content block where you want the image to go.
   
   
    
4. Select the cell where you want the image, then open the Image Manager.
5. Click the Addbutton.
6. Choose the image you want to add from your local file manager, then click the Open button.
7. Select the Upload Files button in the Upload Queue to add the image to the Image Manager.
8. Select the image and click the OK button to place the image in the selected cell.
   
   
    

Replacing an Image

To replace an image, follow the steps below:

1. Click on the existing image to select it.
2. Find and select the image you want to replace your current image with. Once selected, the image should be highlighted with a blue box around it.
   
   
    
3. Add an ALT tag or description of the image in the Alt Text section.
   
   
   Note: If you do not add an ALT tag or description of the image, a message will appear asking you to address this step.
4. Then click the OK button on the bottom right-hand corner.

Managing Text

Editing Text Style

To edit text style, follow the steps below:

1. Click inside a text block and highlight the text you want to change.
   
   
    
2. Click on Font Family, and a dropdown menu will appear, showing you the available font options.
   
   v
3. Click on Font Sizes, and a dropdown menu will appear, showing you the available font sizes.
   
   
    
4. Click on the Text Color icon, and a dropdown menu will appear, showing you the available colors.
   
   

Replacing Text Content

To replace text, please follow the steps below:

1. Click the Page Editor tab.
   
   
    
2. Find the content block you want to change.
3. Click the content block to edit it. The "Please wait…" bar appears.
4. Highlight the text you want to change. To keep the style that is currently programmed for the text, highlight all but the first and last characters of the text.
   
   
    
5. Enter the new text that you want to put in.
   
   
    
6. Delete the first and last characters remaining from the original text.

This guide has provided a comprehensive walkthrough for managing your legacy Website Builder. You can now access the editor, customize your site's overall design and background, and perform detailed content edits, including formatting pages and managing text and images to keep your website up to date.