The Webpop Design View is where all assets related to your website reside.  You can think of it as the root of your web server.  All project TPL, HTML, CSS and Javascript files are located here. In addition, the Design View is where you define editable areas within your site based on what you have structured in the Content area of the Webpop Admin.

It is important to note that you have two options when it comes to working with your files in your Webpop projects. Your can either use the Webpop Design area and built-in code editor or FTP.

Webpop Built-in Code Editor

Within the Webpop Design area you have all the functionality that you would if you were using an FTP client. You can upload files from your local system, create, edit and delete files and folders on the server. When you select a file in the File Explorer, the Main View Port will change into a powerful coding environment.

One advantage of working with the Webpop built-in code editor is the code completion available for the templating engine used throughout Webpop CMS. The templating engine is used to pull, filter and display dynamic content from the Content area of the Webpop admin.  More information about the templating language can be found here.

The editor supports common keyboard shortcuts:

• cmd/ctrl + s for save.
• Highlight code and hit tab or shift+tab to shift code in and out of indention.
• cmd/ctrl + z and cmd/ctrl + shift + z for undo and redo.

FTP

If you prefer to use FTP, simply follow these steps:

1. Add ftp.webpop.com for the server
2. Enter your Webpop account email for your username
3. Enter your Webpop account password for the server password

That’s it! You’re ready to upload and work with your files.