Website Builder: Adding Javascript & HTML

With Website Builder, you can add JavaScript and HTML code to your website to display custom page elements, such as third-party apps.

To Add Scripts

1.Log in to your Website Builder account.

2.Click Design Your Pages.

3.If necessary, from the Page menu, select the page you want to modify.

4.Click Popular, and then drag and drop the Script icon over a Drop Zone. Drop Zones display on your Web pages when you hover over them.

 

Adding & Editing Images in the Website Builder

1. To add a new image to your page, click and drag the image block icon from the Popular Menu to an area of your page (an orange DROP ZONE) will appear.

2.This will automatically open the image library menu. Use the tabs to navigate to the proper location to find the image you want to select.

Creating & Editing Text in the Website Builder

1. To add a new content block to your page, click and drag the content block icon from the Popular Menu to an area of your page (an orange DROP ZONE) will appear.

2. In many cases, this will automatically open the block for content editing. If not, simply click on the block again.

Editing Content Blocks in Website Builder

Once you have selected which page you would like to edit from the dashboard - you will see the Website Builder Editor. This is a WYSWYG (What You See is What You Get) style of editor which means you will not be required to edit, create or directly change html code to make changes to your site. However, these functions are available to you if you need to copy or insert html into your site.

Hover Over Elements: When you hover your cursor over elements in the page, the content blocks will become outlined with a dotted line.

NEED TO KNOW
A yellow dotted line = a content block that occurs on this page only
A gray dotted line = a content block that appears on multiple pages

You will also notice a gray settings icon appear in the top right corner of each content block. If you hover over the settings icon, you will see options available to edit this block only.