Hazel is a universal windows platform (UWP) app, it can be installed directly from the...
Download and install HazelHazel Website Designer is compatible with devices running Windows 10 and Windows 11....
Download and install HazelPlease see update steps below: 1. Close this app if it’s currently open...
Download and install HazelDownloads from the Microsoft Store are linked to your Microsoft account. Once installed, you...
Download and install HazelHow to create a PayPal payment button Log in to your PayPal account at...
Sell onlineFile format Each website is saved in a file with "hazel" extension, this is...
Getting started with HazelWhat is a responsive section A page is made up of many responsive sections....
Getting started with HazelEmail links: For emails, please add a hyperlink in the following format: mailto:me@domain.com...
Create web linksHow to export a page to HTML (for publishing) Open page Go to...
Export web design to HTML formatOpen your website in Hazel Go to Command Bar > Publish > Import Page...
Upgrade to Hazel ProAdd a navigation menu: Click on the section Edit button ("Pencil" icon) Click...
Menu and web navigationHow to add custom code into the Body section Add "HTML Snippet" object...
Add custom codeTo link to a local PDF file, all you have to do is create a...
Create web linksGoogle Analytics is a popular tool used for measuring and tracking visitor traffic. To...
SEO and web trafficHow to add a shared website header and footer If you have multiple pages...
Website header and footerHeaders and footers are just regular responsive sections. The default footer in most templates...
Website header and footerHow to add a new page To add a new page to the website,...
Getting started with HazelYou can generate a sitemap file directly from the app by going to...
Upgrade to Hazel ProExport web design to HTML To export your design to HTML, please go to...
Getting started with HazelTap on the Add (+) button for the section you wish to embed the web...
Embed website widgets1. Add section to page 2. Add "HTML Snippet" to section 3. Enter...
Embed website widgets1. Add section to page 2. Add "HTML Snippet" to section 3. Enter...
Embed website widgetsAdd a new section and assign it as a "website header" so it appears on...
Website header and footerAdd a navigation menu into header section: Put header section in "Edit" mode (button...
Menu and web navigationAdd background image: Command bar > Page Properties Background Image Choose Save...
Getting started with HazelClick on the section Add icon ("+") Choose "Action Button" Customize...
Create web linksIn this example, we want to add a big title banner with section background image....
Getting started with HazelAdd new section with gallery Command bar > Add (+) Add Page Section...
Images, galleries and slideshowsAdd a new page by going to: Command bar > Add > New Page...
Getting started with HazelCreate a blank website: Launch the Hazel app and choose the "New Blank" template...
Getting started with HazelSet home page title: Command bar > Settings > Page Properties Update to...
Getting started with HazelRight click image and choose "Image Properties" Set Style to "Rounded" Check checkbox...
Images, galleries and slideshowsCenter navigation menu: Open Menu Settings Enable "Center" checkbox This will center...
Menu and web navigationAdd new section: Command bar > Add > "Add Page Section" > "Single Column...
Images, galleries and slideshowsAdd new section: Command bar > Add > "Add Page Section" > "Single Column...
Getting started with HazelAdd new section and gallery: Command bar > Add (+) > Add Page Section...
Images, galleries and slideshowsFor this example, we will create a website with a total of 4 pages and...
Getting started with HazelThere are two types of text links: 1. Links applied to phrases...
Create web links⦁Open Section Properties and assign an ID to the section. Please select a unique...
Create web linksCommand bar > Settings > Page Properties > scroll down to the "Custom Header Code"...
Add custom codeUpgrading to Pro edition removes watermarks and unlocks advanced features. How to...
Upgrade to Hazel ProAll downloads and purchases from the Microsoft Store are linked to your Microsoft account....
Upgrade to Hazel ProHazel Pro is a visual website designer that allows you to create websites without needing...
Add custom codeFont Awesome provides vector icons and social logos for your website. This is one...
Add custom code