Adding HTML or Javascript to a web page

Although WYSIWYG Web Builder is not an HTML editor, you can insert custom HTML to web pages generated by the software.

Insert Custom HTML
The most common way to insert HTML into a web page is by using the HTML object. You can use this to add counters, ads, banners or javascripts. Select Menu->Insert->HTML to add the HTML object to your page. Double click the object to edit its properties. Now you can enter a description of the HTML (so you can identify the code later) and the HTML code. WYSIWYG Web Builder will automatically add position information to the HTML so the counter, ad, banner etc will be displayed in the position of the HTML object. It's also possible to use the HTML object to insert code inside the <head> tag or at the start/end of the page/body by selecting another Type. See the help for more details about that.
In this window the HTML generated by Web Builder is displayed. To insert your own code, select the appropriate Tab. Select if the code should be inserted at the Start of Page, Between Head tag, Inside Body tag, Beginning of Body, End of body or end of page.


Insert Object HTML
It's also possible to insert custom HTML for a specific element, so you can for example add an extra attribute. From the menu select Edit->HTML to display the Object HTML window.
HTML Object
Insert Page HTML
This method should be used if you want to insert HTML in the <head> or <body> tags of the page. From the menu select Page->Page HTML to display the Page HTML window.
In this window the HTML generated by the software is displayed. To insert your own code, select the appropriate Tab. Select if the code should be inserted at the Start of Page, Between Head tag, Inside Body tag, Beginning of Body, End of body or end of page. There is also an option to insert custom style attributes.


IMPORTANT NOTES:
When you insert code in the Page HTML window, make sure you DO NOT include the <!DOCTYPE>, <html>, <head> or <body> tags! These tags (for the HTML page structure) are already generated by WYSIWYG Web Builder.

In general, we do not provide support for custom code or custom scripts. By that we mean code/script that was not created by the WYSIWYG Web Builder. We assume that if a user wants to use JavaScript, PHP, ASP or any other scripting language, he/she has the necessary programming skills to manage his/her scripts. The tools we provide are meant only for advanced users and for users who are knowledgeable enough to manage their scripts using those tools.

If you have limited experience or knowledge about scripting and troubleshooting custom code, we strongly recommend that you look into hiring a web developer to assist you. We can only support code that was generated by the software.


Help! The inserted HTML does not work!
If the code you have inserted does not work then keep in mind that WYSIWYG Web Builder does not change the inserted code in any way!
The HTML will be inserted and published  "AS IS".

Common reasons for code not working are:
- did you remove the <!DOCTYPE>, <html>, <head> and <body> tags from the code?
- the code is invalid. For example: maybe you have accidentally missed copying a closing tag?
- the code depends on other scripts/files that you did not include (you can embed external files with the File Publisher object).
- the code conflicts with other code on the page (remove html, head and body tags, verify that there's only one jQuery library on the page).
- the code requires a different document type setting (in Page Properties)
- the code was inserted in the wrong place in the page.
- the code only works when it's published to a web server (like facebook scripts).

Related tutorials:
Include Javascripts in your web page.
Adding cool image effects using the Script.aculo.us Javascript