How to Add Elements to Carrd

beginner 5 min read Updated 2026-03-24

Quick Answer

Click the + button in the top right of Carrd builder to add elements like Text, Button, or Image. Drag to position, customize in the sidebar properties panel via Content and Appearance tabs, then click Done. Fix common issues like Unfinished Elements by assigning required media.

Get Deal → Partner

Try Carrd Full Carrd Review

Prerequisites

Active Carrd account with a site created
Access to Carrd builder interface
Basic familiarity with drag-and-drop interfaces
Pro Plus subscription for advanced features

Step-by-Step Instructions

Access the Add Element Menu

Click the + button located in the top right-hand corner of the Carrd builder interface to open the add element menu.

Select Element Type

From the dropdown menu, choose your desired element type such as Text, Button, Image, Container, Embed, Video, Audio, or Forms. The element will automatically appear on your page.

Start with basic elements like Text for headings or content.

Position the Element

Use drag and drop to move the new element to your preferred location on the page. Elements stack underneath previous ones by default.

Open Properties Panel

Click the element to open its properties panel in the sidebar. Here you can edit content like text, images, URLs, or other specifics depending on the element type.

Properties vary by element; for example, Buttons allow URL and label edits.

Customize Content

Modify font, size, color, alignment, and other content-specific options in the properties panel. For Text elements, select heading or subheading styles.

Access Appearance Settings

Click the Appearance tab in the properties panel to adjust visual styles including colors, sizing, borders, backgrounds, and animations.

Use this for consistent styling across elements.

Create Element Styles

For reusable styles, click Appearance, then the style dropdown in the upper-right of the panel, and select Add Style. Name it and link other elements to apply changes site-wide.

Ideal for maintaining uniform design on multiple similar elements.

Add Advanced Containers

For columns, add a Container element, set Type to Columns, and adjust widths (minimum 20%). Add elements inside columns for layouts.

Embed Custom Code

Pro Plus users: Add an Embed element, set Type to Code, and paste HTML, CSS, or JavaScript. Optionally set a label.

Use for custom features not natively supported.

Save Changes

Click Done to close the properties panel and apply all customizations. Save your site to persist changes.

Test on preview before publishing.

Common Issues & Troubleshooting

"Unfinished Elements" Error

Assign missing required content like images in Gallery or Container backgrounds. Click Go to element to locate issues highlighted in red outlines, then republish.

Published Site Appears Blank

Check for incomplete elements or invalid custom code. Save as offline draft if not ready, ensure all media is uploaded, and clear browser cache.

Element Styles Not Applying

Verify elements are linked to the style via Appearance dropdown. Edit the base style to update all linked elements simultaneously.

Custom Code Not Working

Confirm Pro Plus subscription, set Embed Type to Code, and validate HTML/CSS/JS syntax. Test in preview mode.

Drag and Drop Not Responding

Refresh the builder, check for browser glitches, or switch browsers. Ensure no overlapping elements block interaction.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Carrd website before purchasing.

Visit Carrd View Carrd Pricing