Carrd Tutorial. Learn how to use the No Code tool
Posted: Sun Dec 22, 2024 8:09 am
In this tutorial we want to help you learn how to use the Carrd tool in more depth , so that you can take advantage of its features and create your websites in the most professional way.
If you don’t know the tool yet, we recommend reading the article “Carrd; The No Code Tool to Create “One Pages” first.
table of contents [ show ]
General concepts
The builder is designed to be straightforward and simple, while at the same time it has grown to include some interesting and useful features. Its basic interface has remained largely unchanged (in a good way). Here's how it breaks down:
Canvas
The highlight of the interface is the taiwan whatsapp number Canvas, and it's where you'll not only see a (mostly live) preview of the site you're building, but also what you'll use to move and organize your elements, as well as access two base elements found in every Carrd site:
Background - The background of the site. This can be set to a solid color, a gradient, an image, or even a video.
Page . Where all the other elements of the site are located. It can be repositioned and styled in a variety of ways.
Properties panel
Clicking on an element will bring up a properties panel with several tabs for manipulating and changing its various properties and settings. The exact set of tabs will vary depending on the type of element you are working with, but most will generally have at least the following:
The parent tab of the element with properties specific to its type (in this case, a text element).
An Appearance tab with all the properties related to the appearance of the element.
A Settings tab with additional advanced settings (requires Pro Plus or higher).
If you don’t know the tool yet, we recommend reading the article “Carrd; The No Code Tool to Create “One Pages” first.
table of contents [ show ]
General concepts
The builder is designed to be straightforward and simple, while at the same time it has grown to include some interesting and useful features. Its basic interface has remained largely unchanged (in a good way). Here's how it breaks down:
Canvas
The highlight of the interface is the taiwan whatsapp number Canvas, and it's where you'll not only see a (mostly live) preview of the site you're building, but also what you'll use to move and organize your elements, as well as access two base elements found in every Carrd site:
Background - The background of the site. This can be set to a solid color, a gradient, an image, or even a video.
Page . Where all the other elements of the site are located. It can be repositioned and styled in a variety of ways.
Properties panel
Clicking on an element will bring up a properties panel with several tabs for manipulating and changing its various properties and settings. The exact set of tabs will vary depending on the type of element you are working with, but most will generally have at least the following:
The parent tab of the element with properties specific to its type (in this case, a text element).
An Appearance tab with all the properties related to the appearance of the element.
A Settings tab with additional advanced settings (requires Pro Plus or higher).