Hazel is a universal windows platform (UWP) app, it can be installed directly from the...
Hazel Website Designer is compatible with devices running Windows 10 and Windows 11....
Please see update steps below: 1. Close this app if it’s currently open...
Downloads from the Microsoft Store are linked to your Microsoft account. Once installed, you...
How to create a PayPal payment button Log in to your PayPal account at...
File format Each website is saved in a file with "hazel" extension, this is...
What is a responsive section A page is made up of many responsive sections....
Email links: For emails, please add a hyperlink in the following format: mailto:me@domain.com...
How to export a page to HTML (for publishing) Open page Go to...
Open your website in Hazel Go to Command Bar > Publish > Import Page...
Add a navigation menu: Click on the section Edit button ("Pencil" icon) Click...
How to add custom code into the Body section Add "HTML Snippet" object...
To link to a local PDF file, all you have to do is create a...
Google Analytics is a popular tool used for measuring and tracking visitor traffic. To...
How to add a shared website header and footer If you have multiple pages...
Headers and footers are just regular responsive sections. The default footer in most templates...
How to add a new page To add a new page to the website,...
You can generate a sitemap file directly from the app by going to...
Export web design to HTML To export your design to HTML, please go to...
Tap on the Add (+) button for the section you wish to embed the web...
1. Add section to page 2. Add "HTML Snippet" to section 3. Enter...
Add a new section and assign it as a "website header" so it appears on...
Add a navigation menu into header section: Put header section in "Edit" mode (button...
Add background image: Command bar > Page Properties Background Image Choose Save...
Add text box to section Click on the section Add icon ("+") Choose...
Click on the section Add icon ("+") Choose "Action Button" Customize...
In this example, we going to add a web form to the "Contact" page to...
In this example, we want to add a big title banner with section background image....
Add new section with gallery Command bar > Add (+) Add Page Section...
Add a new page by going to: Command bar > Add > New Page...
Create a blank website: Launch the Hazel app and choose the "New Blank" template...
Set home page title: Command bar > Settings > Page Properties Update to...
Right click image and choose "Image Properties" Set Style to "Rounded" Check checkbox...
Center navigation menu: Open Menu Settings Enable "Center" checkbox This will center...
Add new section: Command bar > Add > "Add Page Section" > "Single Column...
Add new section and gallery: Command bar > Add (+) > Add Page Section...
For this example, we will create a website with a total of 4 pages and...
There are two types of text links: 1. Links applied to phrases...
⦁Open Section Properties and assign an ID to the section. Please select a unique...
Command bar > Settings > Page Properties > scroll down to the "Custom Header Code"...
Upgrading to Pro edition removes watermarks and unlocks advanced features. How to...
All downloads and purchases from the Microsoft Store are linked to your Microsoft account....
Hazel Pro is a visual website designer that allows you to create websites without needing...
Font Awesome provides vector icons and social logos for your website. This is one...