This tutorial will help you create magical falling animations to add to your webpage. If you’re interested in floating animations, check out this tutorial here. At first glance, it may seem challenging or code-heavy to add falling animations to a webpage. However, we can easily add this effect in Hatch using our physics mechanics and…
Tag: landing page
How to customize an embedded Google Form
Google Forms are a helpful tool to gather data for event RSVPs, quizzes, sign ups and much more. In this tutorial, we’ll show you how to customize and style an embedded Google Form in your Hatch page. If you want to start from scratch, you can follow the directions immediately below. Alternatively, to get a…
How to remix a Hatch template: from infographic to storefront
In this tutorial we’ll walk through how to modify our infographic template. Using our remix function we can make some edits and create a new landing page for a cafe. We’ll also cover how to use multiple pages in one Hatch site. Remix a Hatch template for all sorts of projects, from menus to maps…
How to connect a custom domain name to your Hatch site
How to connect a custom domain name to your site
Made with Hatch: the community showcase
Welcome back to the Hatch Community Showcase, where we spotlight the exceptional projects crafted by the brilliant minds within our creator community! Join us as we embark on a journey through the extraordinary works of our talented community members. Be prepared to be amazed by the sheer brilliance of the projects created by you, our…
New URLs for your Hatch websites
We have exciting news! All your Hatch projects have new URLs that begin with and center you! Don’t worry– all your old links still work. You will still have your old URLs with your username at the end of the website address, also known as the slug line. With this new update, your new URLs…
How to customize a Hatch template
Working with templates is a great way to start learning how everything works in the Hatch editor. In this intro tutorial, we’ll walk through how to customize a Hatch template. We’ve chosen this template below from the Hatch gallery. The link will open in another tab, right in the Hatch editor, if you want to…
Benefits of a one-page website
A single page website displays all of your content on one scrolling page. This format focuses on readability and it’s an ideal choice to share a key pieces of information. The streamlined approach of one-page websites has made it a very popular pick for all kinds of brands, artists, and businesses. Let’s explore the benefits…
How to make a multipage Hatch website
Welcome to the era of interactive website design, where you can unleash your creativity and build robust, interactive websites that captivate your audience. The key to creating awesome and fully developed websites is making the multipage experience flow seamlessly. To maximize these features for user engagement, we will need the basics of how to make…
Start here! A step-by-step walkthrough of Hatch
New to Hatch? We’ve got your questions covered with this comprehensive getting started guide for beginners. It’s also for people looking for a refresher! This ultimate Hatch tour includes a step-by-step walkthrough of Hatch, as well as an index of all the basics. Welcome to the grand primer of the entire Hatch editor. Learn how…