Importing HTML into Page Editor

Owned by Sherral Trotter, created
Last updated: Apr 13, 2023 by Baylee Banks
3 min read

This article explains how to take existing HTML code and copy it into a new page in Cascade.

Table of Contents

 Instructions

Add an Interior Page

  1. Click + Add Content.

  2. From the Add Content menu, click Add a New Page.

  3. Select Interior Page and click Choose.

  4. Name your page, paying attention to Naming Requirements.

  5. Select Placement Folder.

  6. From the Choose a Folder panel, click Browse and select the correct folder for your page.

  7. Click Choose.

  8. Enter a Display Name (optional) and Title.

Page Name appears in your Site Directory and will show in the URL when live. Consider a short description that describes the content of your page.

All assets are organized by Display Name in the Site Directory. Other users can view assets by Display Name in the Site Contents.

Title appears in the top navigation of your webpage.

*For more information, refer to the article Titles, Names and Display Names.

Add Content Row with Feature Text 

  1. From the Content Row-Content Type drop-down menu, click Feature Text.

     

  2. Add Content Title (optional).

Import HTML

  1. Find the button marked with the < > symbols that reads Source Code. 

  2. Paste your HTML code in the Advanced Editor or write your own code.

 

  • Be aware of <img src> tags and where they source their assets from. If your code was imported from an existing website, it is likely that the <img src> tag is referencing images and assets from the same (old) URL’s.

  • Links in the original code must be reconfigured to find the correct image or asset within your new Cascade directories.

  • The preview window will show any broken image links that exist. Refer to How to Insert an Image to replace lost images/assets.

Submit Changes

  1. Click Preview Draft.

  2. Click Submit.

Page is saved and shows in the Site Directory.