How to export, publish and test your new website

Export web design to HTML
To export your design to HTML, please go to command bar > Publish > Export Page As HTML

Exported files
Exporting a page will generate the HTML file and a folder containing media files (such as photos) used on the page. Exported files may also contain additional folders for web frameworks and scripts. You will also see header and footer files being generated, these are used for site-wide shared headers and footers.

Please upload all exported source files to your web server. If you make a change to the design, please note these files need to be updated to reflect the latest change.

Publish using FTP client
You can upload exported files to your website using a FTP client.

If you do not already have a FTP client, there are a number of great FTP client apps available, both free and paid.

Many of our users like FileZilla and CyberDuck.

The upload process is usually quite straight forward, but each web service provider may have slightly different setups. Please get in touch with your web host for more detailed instructions on how to upload files to your website.

Publish using File Manager
File Manager is a web based tool that allows you to publish files to your website.

You should be able to locate the link to your website's File Manager from the web host control panel. Detailed instructions vary depending on your web host provider, please get in touch with your web host for more details.

Launch your web browser and navigate to your web host's File Manager.
Open your file folder structure and navigate to the web publishing folder, this is the folder containing all the existing HTML files for your website. (this is usually a folder named the same as your website domain or a folder named "public_html")
Upload the exported files for your web page. If you are making an update to an existing page, please choose replace to override existing file.

File Manager reference links for selected web host providers:

Hostgator
https://www.hostgator.com/help/article/how-to-upload-a-file-using-the-file-manager

GoDaddy
https://ca.godaddy.com/help/manage-files-in-my-linux-hosting-account-12426

Yahoo! Small Business
https://help.smallbusiness.yahoo.net/s/article/SLN20419

Dreamhost
Dreamhost's version of File Manager is called "WebFTP"
https://webftp.dreamhost.com/

Publish using Web Disk
What is Web Disk?
Web Disk is feature provided by most modern web host provider. By mapping your website web disk to your computer, you can export your web design source files directly to your website (skipping the file upload step).

How do I set up Web Disk?
Before you can access your files remotely using Web Disk, please verify the Web Disk feature is supported by your web host. Set up an account for Web Disk if one is required (some web hosts do not require a separate account and supports connections via your existing FTP account credentials)

How do I connect to Web Disk?

Start File Explorer, click Computer, and then click Add a network location
Click Next, choose a custom network location, and then click Next.
In the Server address text box, type the Web Disk address provided by your web host. It is usually in a format to https://example.com:2078
Replace example.com with your own address.
Click "Connect"
Type in username and password for Web Disk account when prompted.

How to set up publish to Web Disk directly from Hazel?

Open your website in Hazel
Go to Command Bar > Publish > Export Settings > Assign Export Directory > Select mapped Web Disk
Navigate to the web publishing folder, this is the folder containing all the existing HTML files for your website. Select your website publishing folder (this is usually a folder named the same as your website domain or a folder named "public_html")
Check "Customize Launch Link Settings" and enter your website URL

Test your website
Locally on your computer:
You can click on the exported HTML directly to view in any web browser. Please note you need to upload your files to a web server that supports PHP if you wish to test out web form features such as email delivery and Google reCAPTCHA.

After the page is published:
Launch your website on different devices and browsers to make sure all content load as desired.

If you use web forms, submit test forms and check your emails to verify receipt.