The Basics

  1. Overview
  2. The Basics

Understanding Blocks

Blocks are the foundations to building your website page. Think of them like building blocks. Here's everything you need to know about them. We've even saved a heap of block templa ...

Saved Blocks & Layouts

Want to save blocks and layouts to use later that you've designed? Easy! Here's how you can do that. If you have made a block that you want to use again in the future and keep al ...

Premade Layouts

This is why we built Template Websites! As part of our platform you get access to hundreds of premade and predesign page layouts to save you so much time in getting your website ...

Understanding the Elements

The elements are the individual design items or elements you can add into the page. They are the individual pieces of the puzzle that make up your entire page. Here's a little insi ...

How to Reorder Blocks

Learn how to easily reorder blocks on your page using the sidebar. This tutorial walks you through selecting, dragging, and rearranging blocks with a simple click-and-drag. You'll ...

Global Styling

Global styling allows you to create presets for all your headings and text, with changes to your tablet and mobile responsiveness. Any change applied to these styles will be reflec ...

How to Add Links

This tutorial walks you through linking options, including URLs, jump links to blocks, on-click pop-ups, and downloadable files. Learn how to apply links to buttons, columns, image ...

How to Manage Fonts

Learn how to manage and customize fonts directly within the builder. This tutorial covers how to access the typography settings, remove unused fonts, and set a default font. You'll ...

How to Use Padding and Margins

Create a well-structured layout using padding and margins in the builder. This tutorial explains how padding adds space inside an element’s boundary, while margins adjust spa ...

Responsive Design

Ensure your website looks great on desktop, tablet, and mobile with the builder’s responsive design tools. This tutorial covers how to switch between different device views, ...

Creating and Customizing Headers & Footers

Learn how to add and customize headers and footers for seamless navigation across your website. This tutorial covers selecting pre-designed header and footer blocks, making them gl ...

Creating and Customizing Menus

Create and style menus for seamless navigation on your website. This tutorial covers setting up a menu in the CMS, adding pages, and adjusting layout and styling options. Explore a ...

How to Use Global Blocks

A great take on templates, global blocks allow you to create a block and then use it again, all linked: make a change to one, and the others will update with the change. This is gr ...

Adding Animations and Scroll Effects

Add dynamic animations to your website using entrance animations and scroll effects. Applying bounce, fade, and zoom effects for engaging entrances, adjusting animation timing, and ...

Adding Multiple Language

Add multiple languages to your website, whether you're using the free version (limited to one extra language) or the pro version for full multilingual support. This tutorial walks ...