Using External Code Sources

External Code Sources (External Source in the editing menu) is a way to insert code into the body of your document without interfering with the content management system.

Normally inputting HTML into the body of the CMS will result in showing the HTML code itself instead of parsing it. This is the protect you, the user, your site, and the system in general from code that users may not understand, nor have the ability to correct in the case of an error.

First, start by logging into the editing interface and navigating to the page you want to edit. On the right, about half way down the list of things you can do there is an "external source" option. Click on it to open the options for your site.

Image of Silva Editing Interface showing external source field

Select the code source you want to use (in this case the Arbitrary HTML Code Source)  and click on "add external source."

Image of Arbitrary HTML Form Field

This opens the text field you need to paste your code into. So please, paste your code in the field and click "add external source".

Silva places the code in the body of the file.

Silva puts the necessary code in place in the body of your document. NOTE: It puts the code wherever your cursor is in the page, so put your cursor where you want it.

When you're done hit Save and then Public Preview to see what the page will look like.

Previewing the document shows what it looks like in the finished markup.

If you are satisfied with the external source content, click Publish to release the page into the world.

That's it. You're done. I hope you found this tutorial helpful.