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…
Tag: no code
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 add links to Hatch pages
Add links to Hatch pages We can make anything a link. Photos, buttons, text, videos, gifs–you name it… they’re all linkable! Any of these assets can act as buttons. Using the links feature, we can transfer our viewers to other sites or even other pages of our project. In this tutorial, we’ll learn how to…
How to make an interactive animated e-card
To celebrate Mother’s Day, we’ve created an adorable virtual card in the style of a photo gallery you can remix. Swap out your own photos and messages for mom or anyone you want to share a caring note with! This step-by-step guide will walk you through how to make an interactive animated e-card that will…
How to make a links page for an online shop
When promoting an online store on social media, shop owners benefit from driving traffic to multiple storefronts. After all, providing buyers with as many options as possible can increase sales. However, Instagram and TikTok have limits on how links are placed in posts and profile pages. This is the reason for the ubiquitous #linkinbio hashtag…
How to add music to a links page
Musicians have so many different platforms to share music and should be able to promote them all. However, Instagram, TikTok, and Twitter limit the space allowed for links to other sites. With room for just a single link in a bio, a musician may find it difficult to choose what to feature. Just one link…
Cool interactive webpage effects for 2023
Personal webpages and websites are a great way to promote yourself and your brand, outside of social media platforms. Adding cool interactive webpage effects to your website can make your design stand out and engage your audience in fun and surprising ways. Here are some of the coolest effects to use on your personal webpage. …
How to add gravity effects to a webpage with no-code physics
Make any element on your webpage bounce, fall, float, and bump around without knowing how to code. In Hatch, it’s easy to add gravity effects to a webpage using our physics properties. In another tutorial we worked with a physics-based template by copying the core functionality. This tutorial will walk through how the physics properties…