Settings Panel
The Settings panel is where you configure your project’s identity, fine-tune how it exports, and connect it to a publishing destination. Think of it as the control room for your entire project.
Opening Settings
Click the gear icon at the bottom of the left toolbar, or press Ctrl+, (Windows) / Cmd+, (macOS). The Settings panel opens with three tabs: Project, Export, and Publish.
Project tab
The Project tab stores metadata about your site:
| Field | Description |
|---|---|
| Site Title | The name of your website — used as the default <title> and in navigation menus |
| Author | Your name or your organization’s name — embedded in the HTML <meta name="author"> tag |
| Description | A short description of the site — used as the default meta description when no page-level description is set |
| Created | The date the project file was first created (read-only) |
| Last Modified | The date the project file was last saved (read-only) |
| Project File (.rsd) | The full path to the .rsd project file on disk. Click the folder icon to move the project to a different location |
Export tab
The Export tab controls what Site Designer produces when you click Export Site:
Output folder Click Browse to choose where exported files are saved on your computer. Site Designer creates the folder if it does not exist. All HTML, CSS, JS, and asset files are written here.
Minify HTML When checked, Site Designer removes whitespace and comments from exported HTML files, reducing file size by 5–15%.
Minify CSS Removes whitespace and comments from all CSS files. Recommended for production. Disable temporarily when debugging styles.
Minify JavaScript Compresses and obfuscates JavaScript. Note: this applies only to JavaScript added directly through Site Designer — external library files (Bootstrap, Foundation) are already minified.
Include source maps When minification is on, source maps let browser DevTools show the original un-minified code for debugging. Enable during development; disable for production deploys to avoid exposing source code.
Asset path prefix
If your site will be hosted in a subdirectory (e.g., https://example.com/my-site/), enter the prefix /my-site/ here. Site Designer prepends this to all asset paths in the exported HTML so links resolve correctly.
Publish tab
The Publish tab connects Site Designer to your hosting provider so you can publish directly from the app without an external FTP client.
S-Drive (CoffeeCup Hosting)
If you host your site through CoffeeCup’s S-Drive service:
- Enter your S-Drive username and password.
- Click Test Connection to verify credentials.
- Select the remote folder where your site files should be uploaded.
- Click Publish to push all exported files to the server.
FTP/SFTP server
For any FTP or SFTP hosting provider:
| Field | What to enter |
|---|---|
| Server | Your FTP hostname (e.g., ftp.example.com) |
| Port | 21 for FTP, 22 for SFTP |
| Protocol | FTP, FTPS, or SFTP |
| Username | Your FTP account username |
| Password | Your FTP account password |
| Remote path | The folder on the server (e.g., /public_html/) |
Click Test Connection to verify the settings before publishing. Click Publish to upload the current export to the server.
