Wednesday, January 30, 2013

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.
 

5.In the Enter JavaScript text box, delete the default scripting, and then enter your script.
Default Scripting
 

 
 
 
 
 
 
 
 
Pasted in Script
 
6.Click OK.
7. Your javascript will be displayed as an icon. If you click on the icon - you will see the black tool box appear to the left of the icon and you can click it to edit the script.
8. Click the Save button.
9. In order to preview your script - you will need to preview the page or site. Click on the Pages tab in the menu bar and click Preview Page.
 
10. You will then see what your script will look like.
NOTE: JavaScript does not execute in the Page Designer. You must use Preview mode to execute it.
 
To Add HTML
1.Log in to your Website Builder account.

2.Click Design Your Pages.

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

4.Click the content block you want to edit, and then click the HTML icon (shown in green here).

5.Enter the HTML code you want to use.

6.To ensure your HTML is formatted correctly, click Verify and Update HTML, and then click OK.
To see your changes online, you must publish your website.
This information is directly from the ThisIsMyDomainUSA website builder help section.

No comments:

Post a Comment