How to Edit Carrd Templates on Carrd

Visit carrd.co and log into your account. You'll land on your Dashboard where all your sites and templates are listed. This is your starting point for accessing any template you want to edit.

On your Dashboard, locate the template you want to edit. Custom templates appear under the Custom category if you've saved them previously. Click the template to open it in the builder, or select Choose a Starting Point to browse template categories (free or paid) and pick one like Blank page to enter Edit Mode.

The builder opens with your template loaded. You'll see a canvas displaying your site with editable elements like text, images, and containers. The interface uses a drag-and-drop system, making customization intuitive. Note that Pro Lite or higher is required to build and save custom templates.

Click Page in the top properties panel or sidebar to adjust site-wide settings. You can modify Width (default: auto or 800px), Margins (default: 0px—drag sliders to adjust), or add a Background Image by clicking Add Image to upload a custom image or select from Carrd's library. Set size, position, and repeat options for your background.

Click any text element to open its properties panel on the right. Change the content directly, and use Markdown formatting: wrap text in **text** for bold, *text* for italic, or [text](URL) for links. Adjust alignment (left/center/right), color (default: black), font (e.g., Poppins), and size. Click the brush icon in the upper left to access advanced properties like line spacing, letter spacing, margins, and drop shadow.

Click any image element to open its properties. Replace placeholder images by clicking Add Image and uploading from your computer or selecting from Carrd's library. Set width and height (default: auto), position (left/right/center), and shape (square or round). Add borders and margins as needed. Include alt text and SEO parameters for accessibility and search optimization. Mobile versions can be configured automatically or manually.

Click the + (plus) icon to add new elements such as video, audio, gallery, buttons, links, icons, tables, or containers. Drag elements to reorder them on the page or nest them inside containers. Containers are powerful: you can set multiple columns, adjust width and height, add background colors and patterns, and configure margins. This allows you to create complex layouts with organized sections.

Carrd allows you to add animations to enhance user experience. You can animate elements on page load, element load, section change, or link hover. For example, add a zoom-in effect on section change to emphasize transitions. Access animation options by clicking on the element or section and looking for animation settings in the properties panel.

Click the Save icon (floppy disk) in the top bar. Check Save as an offline draft if you want to continue editing later without publishing. Add a Title (e.g., 'My Site') and Description (for SEO) if prompted. Your changes are saved locally until you're ready to publish.

Click Preview to test your site's responsive design on desktop and mobile views. Switch to mobile view by clicking the mobile icon in the builder to ensure text, images, and buttons display correctly on phones. Once satisfied, click Publish and set your site's URL. Optionally, save your design as a reusable template under the Custom category (Pro Lite+ required). For public template sharing, go to Dashboard > Manage icon > Template sidebar > check Public radio button > Save Changes.