Raw HTML

With Sandvox Pro you can add Raw HTML pages and pagelets to a site. This allows you to use your own completely custom HTML code within a standard Sandvox page or pagelet. For some Raw HTML pagelet ideas, have a look at the "Raw HTML pagelet examples" article.

The ability to use custom HTML code is an advanced, pro-level ability of Sandvox. Because of the extent of HTML and the many ways in which HTML can be incorporated into a Sandvox site, Karelia does not attempt to provide its own HTML tutorial, nor can it provide specific troubleshooting advice related to an individual user's HTML code.

If you would like to explore the possibilities that using HTML in your Sandvox site presents and need some assistance, we encourage you to visit the following third party sites that specifically address HTML issues:

Before publishing, please be sure to validate any Raw HTML pages or pagelets.

A Raw HTML page
A Raw HTML page
A Raw HTML pagelet
A Raw HTML pagelet

Code Editing

To edit the code of Raw HTML page or pagelet:

  1. Select the page or pagelet.
  2. From the Edit menu choose "Edit Raw HTML…"
  3. Edit your code in the window that appears.

You can also double-click part of the Raw HTML page or pagelet's content in the Web View to begin editing the code.

As you type in the editing window, the changes are updated live in the Web View.

Settings

To access a Raw HTML page's settings:

  1. Click the page in the Site Outline to select it.
  2. Open the Page Inspector. The top half contains general page attributes; the bottom holds settings specific to the Raw HTML page as listed below.

To access a Raw HTML pagelet's settings:

  1. Select the pagelet by clicking it.
  2. Open the Selection Inspector. The top half contains general pagelet attributes; the bottom holds settings specific to the Raw HTML pagelet as listed below.

HTML type

The type of HTML code used. Select from:

Also see the "HTML code guidelines and tips" article for information on what to select.

Fill entire page

Only available when using a Raw HTML page. If checked, the HTML content will fill the entire page, creating a completely custom design. Be sure to include all necessary tags such as <head> and <body>.

Code Guidelines

For information on correctly using a Raw HTML page or pagelet, please see "HTML code guidelines and tips."

How can we improve this page? Let us know.