This Knowledgebase Article will show you how to do this.

How to Clone a Website Created with the Website Builder

Cloning a website you’ve made with the Website Builder is really easy.

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: When the Website Builder Admin opens, you will be presented with a list of the websites you’ve created.

Hover over the site you want to clone, then click the Clone button.

Step 4: When the Clone Site tool opens, you will see a few options.

• The Source Site is the site the clone is based on.
• The Site Address will be the address + directory into which you want the new site installed.
• For Site Title, enter the title of the new site.
• Enter the email address you wish to use to administer the new website.
• Choose your language.

When you’ve configured the required options, click Save.

Step 5: The site will be cloned and you will be given a link to login to the new site.

And that’s how you clone a website using the Website Builder.

This Knowledgebase Article covers how to manage tags in the Website Builder.

Managing Tags in the Website Builder

Managing tags in the Website Builder is super easy!

How to Add a New Tag in the Website Builder

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: Once the Site Admin opens, click Blog from the menu on the left, then click Tags.

Step 5: You will be presented with a list of your current tags. To add a new tag, click Add New in the top right corner.

Step 6: A modal will appear with a few options:

Enter the name of the Tag, as well as the slug or URL friendly version, and you can give the new tag a description, if you like.

To add the new tag, click the blue Add New Tag button.

How to Change the Details of an Existing Tag

If you click on an existing tag, you are presented with the following options:

On this page you have the following options:

• Name – You can edit the name of the Tag.
• Slug – You can change the slug of the Tag.
• Description – You can edit/insert a description for the Tag.

Be sure to click the blue Update button after making any changes to save!

How to View Blogs Assigned to an Existing Tag

If you click on the numerical value in the Count column, you will be taken to a list of the Blog posts using that Tag:

How to Delete a Category

Spring Cleaning? You can easily delete a category by checking the tick-box next to the category name, then from the Options menu, choose Delete, then click Apply. See the GIF below:

And that’s how you manage Tags in the Website Builder!

This Knowledgebase Article will show you how to add Categories to your Blogs!

How to Manage Blog Categories in the Website Builder

How to Add New Categories to Your Blog

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: Navigate to your Blog area by clicking Blog to expand the menu. Once the menu expands, click Categories.

Step 5: Once the Categories page opens, you will be presented with a list of the existing categories for your site, along with the description of the category, if you’ve set one, plus the category slug (or short name) and a count of how many Blogs are using that category.

There is also a search if you find that you have so many categories, they can’t be displayed on a single page, or you just need a faster way to find the one you’re looking for.

How to Change the Details of an Existing Category

If you click on an existing Category, you are presented with the following options:

• Name – You can change the name of the Category.
• Slug – This is the URL friendly version of the category name and usually contains all lowercase characters, which are letters, numbers, and hyphens.
• Parent Category – if you have multiple categories, you can Sub Categorize them further to enhance and bolster organization.
• Description – Not all themes will show a description, but if you have one for your category, you can enter it here.

If you change any items on this page, be sure to click the blue Update button to save your changes.

How to View Blogs Assigned to an Existing Category

If you click on the numerical value in the Count column, you will be taken to a list of the Blog posts using that Category:

How to Create a New Category

From the Categories page, you can create a new Category by clicking Add New in the top right corner.

After clicking Add New Category, a modal will appear, like the one below:

Give your Category a name, as well as a slug. If you want to sub categorize this new category, you can choose a parent category from the drop down menu.

If you wish, you can also enter a description.

When you’re ready to add the new Category, click the blue Add New Category button.

How to Delete a Category

Spring Cleaning? You can easily delete a category by checking the tick-box next to the category name, then from the Options menu, choose Delete, then click Apply. See the GIF below:

And that’s how you manage Categories in the Website Builder!

This Knowledgebase Article will guide you through how use Custom HTML with the Website Builder.

How to use Custom HTML with the Website Builder

Using Custom HTML with the Website Builder is easy!

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: Click Pages, then All Pages.

Now, if you are going to insert a Custom HTML widget on a page that already exists, you would select that page and edit it. Since I’m going to do this on a new page, I’m going to click the Add New button, which is located just beneath “All Pages”.

Step 5: Once the Page Editor opens, click the X next to “Edit Page Settings”, which is in the top left corner. This will reveal the widget menu. See he GIF below:

Step 6: Scroll through the widgets in the panel on the left side until you come to the Website Builder Widgets area.

Look for the Custom HTML Widget, and drag it onto the page in the area which says “Empty column please Drag Widgets”.

Because the widget has no content when first added, the page won’t look much different after adding the widget. You will, however, notice the text “Empty column please Drag Widgets” has disappeared” and on the left side, the Edit Custom HTML tool has opened.

Let’s take a look at the different options we have for the Custom HTML tool.

Beneath the Options section, you have these options when it comes to customizing your Custom HTML Widget:

• Background Style
  • This is a setting that is specific to the page layout. You can change the whether the background appears as a normal background or if you want the background to change when you hover over it.
• Background Type – This setting allows you to choose from the following settings:
  • None – There will not be a background. This means the background of the page will be white, unless otherwise stated in Custom CSS.
  • Color – You can specify a custom color for the background.
  • Gradient – You can specify a custom gradient. A gradient is a smooth transition between 2 or more colors, which can give a cool effect.
  • Image – You can upload a custom image to use as your background.
• Box Style – This setting allows you to adjust the padding and margin for the box that contains your blog post.
• Border Style – This setting allows you to control the following settings:
  • Normal – You can have a normal border which is always there.
  • Hover – You can have a border that only appears when the area it contains is hovered over.
  • Border Type – You can choose from the following border types:
    • Solid
    • Double
    • Dotted
    • Dashed
    • Grooved
  • Border Radius – You can adjust the radius of the border around the box it contains to give it rounder or sharper corners.
• Font Style – This setting allows you to control the following settings:
  • Font Family – This setting will allow you to change the font used on the entire page.
  • Font Size – This setting allows you to change the size of the text used on the page.
  • Font Style – This setting allows you to choose from the following font styles:
    • Normal
    • Italic
    • Oblique
      • What is Oblique? Oblique type is a form of a type which slants slightly to the right. It is similar to Italic, but it does not use different glyph (individual letter) shapes.
• Position Styles – By enabling this feature, you can control the fixed positioning of the box containing the Custom HTML widget.
• Animation – This is a neat feature that lets you give some character and flair to your Custom HTML widget. You can configure various animations such as:
  • Animation:
    • Fading:
      • Fade In
      • Fade In Down
      • Fade In Up
      • Fade In Left
      • Fade In Right
    • Zooming:
      • Zoom In
      • Zoom In Down
      • Zoom In Up
      • Zoom In Left
      • Zoom In Right
    • Bouncing:
      • Bouncing In
      • Bouncing In Down
      • Bouncing In Up
      • Bouncing In Left
      • Bouncing In Right
    • Sliding:
      • Sliding In
      • Sliding In Down
      • Sliding In Up
      • Sliding In Left
      • Sliding In Right
    • Rotating:
      • Rotating In
      • Rotating In Down
      • Rotating In Up
      • Rotating In Left
      • Rotating In Right
    • Effects:
      • Light speed in
      • Bounce
      • Pulse
      • Rubber band
      • Flash
      • Swing
      • Jello
      • Tada
      • Wobble
      • Rollin
      • Head shake
      • Shake
  • Hover Animation – These animations happen when the cursor hovers over the Custom HTML widget and includes the following styles:
    • Grow
    • Shrink
    • Pulse
    • Pulse Grow
    • Pulse Shrink
    • Push
    • Pop
    • Buzz
    • Buzz Out
    • Float
    • Sink
    • Bob
    • Hang
    • Bounce In
    • Bounce Out
    • Rotate
    • Grow Rotate
    • Skew Forward
    • Skew Backward
    • Wobble Vertical
    • Wobble Horizontal
    • Wobble Bottom to Right
    • Wobble Top to Right
    • Wobble Top
    • Wobble Bottom
    • Wobble Skew
  • Scrolling Sticky
    • Top
    • Bottom
    • None
• Motion Effects – these are effects to give the text in the Custom HTML widget a little bit of jazz. You can choose from:
  • Scrolling – so the text is always moving.
  • Mouse – the text only moves when the cursor hovers over it.
• Responsive – This setting allows you to hide this page on certain devices, such as desktops, tablets, or mobiles.
• Attributes – With this setting, you can apply custom attributes using code.
• Custom CSS – if you want to change certain elements on the page using CSS, you can paste in the code to do that here.

Beneath the Settings tab of the “Edit Custom HTML” Widget, you have the following settings:

The Title is where you would enter the title or heading text for the HTML widget.

The content box is where you would paste your Custom HTML code. After pasting it, the page will automatically update to and render the code you have pasted so you can see it in preview.

You can also paste custom CSS code here to change the way the box contains the HTML content to make the page look more fancy, if you wish.

When you’ve finished and are ready to publish, be sure to click the Publish button in the top right corner.

Otherwise, if you want to safe a draft, just click the Update button in the top right corner to save.

And that’s how you insert and use the Custom HTML Widget in the Website Builder!

This Knowledgebase Article will instruct you on how to reset your website back to “factory defaults”.

How to Reset a Website Created with the Website Builder

Resetting a website created with the Website Builder back to it’s factory default settings is super easy!

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: When the Website Builder Admin opens, look for the Reset button in the top right corner. Click the Reset button.

Step 5: A modal will open and give you the option to reset the following:

• Reset all Pages.
• Reset all Blog Posts.
• Reset full site.

Select the Reset option you want, then click the blue reset button.

You will be asked to confirm this action.

Click the blue Continue button to indicate you are okay with proceeding.

Step 6: Your site will be reset and you will be returned to the initial site setup:

And that is how you reset a website built with the Website Builder!

This Knowledgebase Article will show you how to change the language of the website built with the Website Builder.

How to Change the Language Used on a Site Created with the Website Builder

Changing the language is very easy!

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: Click Settings from the menu on the left side, then click General.

Step 5: When the General Settings open, look for the “Site Language” field. Click the dropdown to choose a language.

Be sure to click Save Changes at the bottom of the page (not pictured in the image above).

And that’s how you change the Language on a website built with the Website Builder!

This Knowledgebase Article will show you how to use the Clone Page feature to save you time when creating new pages.

How to Clone a Page in the Website Builder

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: Click Pages from the row of options on the left, then click All Pages.

To duplicate a page, hover over the page you want to clone/duplicate, then click the Clone icon.

Step 5: You will be taken to the editor where you can edit the layout and begin adding new content for this page.

Be sure to click Publish in the top right corner when you’ve finished!

And that’s how you Clone a page in the Website Builder!

This Knowledgebase Article covers how to manage menus in the Website Builder and how to create a new menu.

Managing Your Menus and Creating a New Menu

Managing Your Menus

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: Once the Website Admin page comes up, click Menus from the row of options on the left.

Step 5: Keep in mind, most of the themes in the Website Builder have a default Header Menu, which is the default menu. You can edit this menu from the Menus area:

Take note of the menu structure. This is the order in which the menu items will appear on all of your pages wherever the menu appears. For the menu above, this is the Header Menu, so it’s the menu that appears at the top of the page.

You can edit the menu items individually and control individual aspects of them. To do this, click the downward facing arrow at the end of the menu item title.

When it comes to editing a menu, there are a lot of options.

Let’s take a look at these options and what they mean:

1. The menu name gives you the option to change the name of the menu for easier identification.
2. The Navigation Client Areael indicates the title of the item as it appears in the menu.
3. Title Attribute gives you the option to use custom code with CSS to change the appearance or other attributes of the title as defined by CSS.
4. Open link in new tab allows you to set this menu item so that when people click on it, the URL referenced by the menu item opens in a new tab.
5. With CSS Classes, you have the option to assign a specific class to this menu item using Custom CSS.
6. The Link Relationship (XFN) field allows you to enter the value for your link relationships, if you are using these. You can read more about them here.
7. You can enter a description for the menu, if you wish. This is an interesting use of SEO, and depending on the theme you selected, the description may show. Therefore, be sure to use something that is relevant to the description being shown. Perhaps you can use this as a subtitle or caption to your menu.
8. The move option allows you to move the menu item up or down the menu.
9. This text indicates the original title of the menu item.
10. You have the option to remove the menu item or cancel your changes with these options.

Adding Items to an Existing Menu

You have several options when it comes to adding items to your menu.

As you can see from the image above, you can choose from the following sections of your website to add it as a menu item:

• Pages
• Posts
• Custom Links
• Categories

This makes menus very versatile, and not just for linking to pages. You can link to categories, specific URLS, even those that aren’t located on your own site.

When selecting one of these items, use the checkbox, then select Add to Menu.

Be sure to click Save Menu in the lower right corner to save your menu changes.

Deleting a Menu

If you find you no longer need this menu and don’t wish to rebuild it, you can delete it by clicking delete menu:

You will be asked to confirm if you are 100% sure you wish to delete the menu, so don’t live in fear about accidentally clicking this link and destroying your menu.

Rearranging Items on a Menu

You can rearrange the items in a menu by dragging and dropping them into your desired order. See the GIF below for an example:

Be sure to click Save Menu when you’ve finished arranging the items as desired.

Creating a Menu

If you need additional menus, you can create them by clicking ‘create a new menu’.

After clicking create a new menu, you’ll need to give your menu a name:

Be sure to click Create Menu when you’ve given it a name.

Now you can add items into the menu:

1. You can add items from this area into your menu.
2. The Menu Settings allow you to control certain settings, such as:

• Whether you want new, top level pages (meaning pages that aren’t beneath another; top-level pages are your main pages) to be automatically added to the menu.
• Where you want the menu to appear. The theme you’ve chosen will dictate where you can add your menu. If you want to make it your primary menu, you can use the settings here to do that. Alternatively, as you can see, I can make this new menu my Social Links menu.

Be sure to click Save Menu to save your changes!

And that is how you manage your menus and create new ones in the Website Builder!

This knowledgebase article describes how to edit and configure these using the Website Builder.

How to Add Your Site Title and Description with the Website Builder

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: Once the Site Admin area opens, click Settings, then click General.

You will have the option to edit your Site Title and Tagline, or Description here.

Be sure to click the blue Save Changes button at the bottom to save your updates!

And that’s how you update your site title and description!

This knowledgebase article will guide you through adding your custom logo to the website!

How to Add Your Custom Logo to the Website Builder

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: To add your custom logo, you need to access the Header that is on every page. To do this, click Pages from the menu on the left then click All Pages.

Next, click Edit next to Header.

Step 5: The page editor will open and you will be able to modify the 3 widgets at the top.

See the GIF below to see where each widget is placed:

• On the left, the “My Website” area is it’s own widget.
• In the center is the widget which contains the top menu for your website.
• To the right is the widget which currently contains social media links.

To edit one of these areas, click the pencil while hovering over that area. See below:

To add your custom logo, you’ll need to delete the widget:

The widgets menu will appear from the left. Choose an Image widget.

Note, the menu on the left has changed from the widget selector to the Edit Image settings. Click into the space where it says “Choose Your Image” to open the Media Library.

Once the Media Library is open, click “Upload Files” at the top to upload your custom image.

To upload files, drag and drop them anywhere on the page, or use the “Select Files” button in the middle of the page to select them from the file picker.

When you’ve finished, click Insert at the bottom left. The image will be inserted into the header which is used on all of your pages.

And that’s how you insert your custom logo on your website which you created using the website builder.