Cookies on our website
Big Blast Design
Take control of your business

Call us now on 01279 755155

Connect with me at Twitter (click here) Click here for my LinkedIn page Click here to join me at Google Plus
Home > Website CMS > Other functions > View source of page

View HTML source

Text formatting Text alignment Table functions Forms Miscellaneous functions
Insert imageMake linkMake internal page linkCutCopyPasteSpecial charachtersPage propertiesUpload filesMultiple image upload / resizePreviewInsert Flash objectInsert roll imageFull screen editingFind and replacePaste WordToggle absolute positionHTML source viewCustom markersPage choicesInsert page content markerInsert menu marker 1Insert menu marker 2Insert cart content marker

Source - Switch the editor between Design and source code modes

Shows the source code or HTML of the page for direct editing, thus:


This is for advanced users only. It applies to both templates and pages. If you are really unsure, take a copy of the page first and try it there!

NB if you don't know what you re doing with HTML, please do not touch this!

Important: Editing the HTML directly must be your own responsibility. However, you always have the option of re starting if you mess up a page but you will lose the current work on that page!

To add html, such as an affiliate banner code or JavaScript into the page, we suggest the following method.

1) Click on the advance checkbox at the top of the admin panel and then click on the miscellaneous tab in the page editor.

2) Place your cursor where you wish to add the code and write xxxxx

3) Click on the source button to get the html source.

4) Click on the Find and replace Find and replace button.

5) In the find window, write xxxxx and then click on go. This will find and highlight the xxxxx in the code. You now know that you will not break the html in the page, provided you don't highlight more than the xxxxx (and the code you are about to paste is not broken already!).

6) Click cancel on the find and replace. Now copy the html and then paste it into the page at the point of the xxxxx, making sure you have just this highlighted. It will be replaced.

7) Click on the source button again and the page SHOULD turn back to a normal page. If it does not, we suggest you click on the page list, cancel the error telling you that you have not saved and come back to the page to try again without having saved it. If you placed a banner or something else which is obvious onto the page, it should show up at this stage. JavaScript which has no effect on the page view will not show up until you preview or publish the page.

8) If you are happy with what you have done, save the page and then preview it.


Simple JavaScript operations (counters / banners etc.), usually get added straight into the page where you wish them to show BUT we would advise NOT to do this, as web pages inherently updated code when it is saved and visually displayed, which may well corrupt the JavaScript when you next save it. Instead, use the snippet editor facility to paste code into the page. This allows you to easily see where the code has been placed, and to edit it outside the web page, without having to find it in the source code. Easy! Just as importantly, the snippet editor doesn't corrupt the code and the code is placed back in the page just as the page is published to prevent corruption.

If you have some advanced JavaScript which needs to be in the head of the page, this must be added within the template, not in the page editor. The function, if it is to show on the page and this is not part of the template, may need to be added separately onto the page editor using points 1) - 8) above.

Last update: 17.12.2016