Using the HTML component

This tutorial shows you how to use the HTML template.

The HTML component is very useful. This allows you to embed any code that you want onto the page.

  1. Click and drag the HTML component into a dropzone on the page. It looks like this '< />'.

  2. Click on the highlighted HTML component to open the HTML editor.

You can see that the bottom half of the editor window had opened up a text box. You can enter HTML in here and see the results int he editor above immediately.

  1. Click outside of the HTML editor box or the close icon to close the editor.

And there is your HTML component.

Latest Tutorials


Learn how to position and style buttons in Shogun's drag and drop page builder.

Read Tutorial

Full Width Box Element

Use the Box element in Shogun to create a full width layout on your page.

Read Tutorial

How to create a page

Simple tutorial on how to create a basic page in Shogun, save it, and see the preview of what it will look like live.

Read Tutorial