The Complete Overview of How to Add Pages in Carrd
Carrd’s page system operates on two fundamental principles: **implicit linking** and **layered visibility**. Unlike traditional CMS platforms, Carrd doesn’t use a traditional "pages" folder—instead, each section (or "page" in common parlance) is a modular component tied to a URL path or a navigation trigger. This design choice allows for ultra-lightweight sites but demands a shift in workflow. For example, what you might call a "page" in WordPress is in Carrd a **section with a custom link**, a **button redirect**, or a **hidden tab**—each requiring distinct setup steps. The process of **how to add pages in Carrd** begins with a decision: Will this be a visible menu item, a hidden utility page, or a dynamically loaded section? The answer dictates whether you’ll use the **Site Menu**, **Custom Links**, or **Conditional Logic** features. Even the platform’s naming conventions can trip up users—terms like "Plan" (for pricing tiers) or "Site" (the container) often collide with the user’s mental model of "pages." Clarifying these distinctions upfront is critical, as skipping this step leads to wasted time debugging navigation issues.Historical Background and Evolution
Carrd’s page management system emerged from a core philosophy: **simplicity as a competitive advantage**. When the platform launched in 2015, the web was dominated by bloated, multi-page builders that demanded technical knowledge. Carrd’s founders bet that users would prefer a tool where a single page could serve as a portfolio, store, and resume—if only they could navigate the underlying structure. Early versions of Carrd forced users to **how to add pages in Carrd** via manual URL editing, a process that required familiarity with browser developer tools. This changed in 2017 with the introduction of **Site Menus**, a feature that let users create dropdown navigation without touching code. The update was a turning point: suddenly, adding a new "page" (now framed as a "menu item") became as easy as dragging a link into place. Yet, the terminology persisted—users still referred to sections as "pages," even though Carrd’s documentation called them "links." This semantic gap created confusion, particularly for those migrating from platforms like Squarespace or Wix, where pages are explicit entities. The solution? A hybrid approach: treat Carrd’s "pages" as **functional units** rather than static containers.Core Mechanisms: How It Works
Under the hood, Carrd’s page system relies on **relative URL paths** and **JavaScript-based routing**. When you **how to add pages in Carrd** via the Site Menu, you’re not creating a new HTML file—you’re defining a path (e.g., `/about`) that triggers a specific section to load when that URL is visited. This is why Carrd sites load so quickly: the entire site is a single HTML file, with sections conditionally displayed based on the URL. For example, visiting `/contact` might hide the hero section and reveal a form—all without a page reload. The catch? This system requires careful planning. Unlike traditional builders, you can’t simply "add a page" and forget about it. Each new section must be **explicitly linked**—either through the Site Menu, a button, or a custom link. Skipping this step means the section exists in your editor but remains invisible to visitors. Advanced users leverage **conditional logic** (e.g., showing a section only if a URL contains `/portfolio`) to create dynamic layouts, but this adds complexity. The trade-off? A site that feels cohesive and lightweight, even with dozens of "pages."Key Benefits and Crucial Impact
The ability to **how to add pages in Carrd** efficiently isn’t just about functionality—it’s about control. Unlike platforms that lock you into rigid templates, Carrd’s modular approach lets you design a site that grows organically. A musician can start with a single page for their bio, then later add a **hidden merch store** or a **members-only section** without overhauling the entire structure. This flexibility is particularly valuable for freelancers, small businesses, and creatives who need to iterate quickly. The impact extends to SEO and user experience. Because Carrd sites load as single pages, search engines index them as unified entities, which can be a double-edged sword. However, by strategically using **custom links** (e.g., `/blog/post-1`), you can create pseudo-pages that rank independently. The key is balancing Carrd’s limitations with its strengths—prioritizing clarity in navigation while avoiding the pitfalls of overcomplicating the site map."Carrd’s page system is like a Swiss Army knife: it does one thing exceptionally well, but only if you know how to unfold the right tool." — *Alex Danco, Product Strategist*
Major Advantages
- Zero Bloat: Unlike WordPress or Shopify, Carrd doesn’t force you to manage separate pages—everything lives in one file, reducing hosting costs and load times.
- Dynamic Navigation: Use **dropdown menus** or **conditional sections** to create multi-layered sites without writing custom code.
- Hidden Pages: Add utility pages (e.g., password-protected content or admin dashboards) that only appear when triggered by a link or button.
- URL Flexibility: Customize paths like `/resume` or `/projects/2023` to match your branding, improving shareability and SEO.
- Mobile-First Design: Carrd’s responsive system ensures that pages (or sections) adapt seamlessly across devices, a critical factor for modern audiences.
Comparative Analysis
| Feature | Carrd | Alternative (e.g., Webflow) |
|---|---|---|
| Page Management | Modular sections linked via URLs/buttons; no traditional "pages" folder. | Explicit page-based CMS with drag-and-drop editors. |
| Navigation Setup | Site Menu or custom links; requires manual linking of sections. | Automatic menu generation from page titles; supports nested hierarchies. |
| Hidden Content | Conditional logic or password-protected sections via plugins. | Native member areas or role-based access controls. |
| Performance Impact | Single-file architecture = faster load times, but limited scalability. | Multi-page sites may slow down with heavy assets, but offer more flexibility. |
Future Trends and Innovations
As Carrd evolves, the line between "pages" and "sections" may blur further. Expect to see **AI-assisted layout suggestions** that automatically propose page structures based on content type (e.g., "You’re building a portfolio—here’s how to organize your work"). Another trend? **Deeper integrations with external CMS tools**, allowing users to pull dynamic content (e.g., blog posts) into Carrd without manual updates. For now, the platform’s strength lies in its simplicity—but as user demands grow, so too will the sophistication of its page management tools. The biggest shift could come from **serverless functions**, enabling Carrd to handle more complex routing (e.g., `/user/[id]`) without requiring workarounds. Until then, the best way to **how to add pages in Carrd** remains a mix of native features and creative problem-solving—like using a **custom link** to simulate a traditional page structure.
Conclusion
Carrd’s approach to **how to add pages in Carrd** challenges conventional wisdom about web design. It’s not about creating standalone pages but about assembling a cohesive experience from modular components. The learning curve is steep for those accustomed to traditional builders, but the payoff—speed, simplicity, and scalability—is undeniable. The key is to embrace Carrd’s philosophy: **less is more**, and every "page" should serve a clear purpose. For those ready to dive in, the process is straightforward once you internalize the platform’s logic. Start with the Site Menu for basic navigation, then explore custom links and conditional sections for advanced use cases. And remember: what feels like a limitation at first (e.g., no traditional pages) often becomes a superpower when wielded correctly.Comprehensive FAQs
Q: Can I add a new page without affecting my existing site menu?
A: Yes. Use the **Site Menu editor** to add a new link without altering existing items. Alternatively, create a **custom link** (e.g., `/new-page`) that bypasses the menu entirely. This is useful for hidden or utility pages.
Q: Why does my new "page" (section) not appear when I click its link?
A: This usually happens if the section isn’t **properly linked** or lacks a matching URL path. Double-check: 1. The section has a **custom link** (e.g., `/about`) set in its settings. 2. The link in your menu or button matches the section’s path exactly. 3. The section isn’t set to **hidden** in its visibility options.
Q: How do I create a multi-step form that acts like separate pages?
A: Use **conditional sections** with URL-based triggers. For example: - Step 1: Link to `/form-step-1` and show Section A. - Step 2: Use a button to redirect to `/form-step-2`, hiding Section A and showing Section B. This mimics a multi-page form without creating actual pages.
Q: Can I password-protect a specific "page" (section) in Carrd?
A: Not natively, but you can use a **third-party plugin** like Carrd’s "Password Protect" or a workaround with **conditional logic** and a hidden input field. For example: - Add a password input field. - Use JavaScript to check the password and toggle section visibility.
Q: What’s the best way to organize a large number of "pages" in Carrd?
A: Group related sections under **dropdown menus** in the Site Menu. For example: - Main menu: "Work" → Dropdown: "Projects," "Clients," "Case Studies." - Use **custom links** for deep linking (e.g., `/work/project-1`). Avoid overusing dropdowns—keep navigation intuitive for mobile users.
Q: Does Carrd support pagination for lists (e.g., blog posts) without plugins?
A: No, but you can simulate pagination using: - **Conditional sections** (e.g., show only 5 items per "page" via URL parameters like `/blog?page=1`). - **Custom JavaScript** to filter content dynamically. For true pagination, consider embedding an external CMS (e.g., Ghost) via an iframe.
Q: How do I remove a "page" (section) without breaking my site?
A: Delete the section in the editor, then: 1. Remove any **links** pointing to it (check Site Menu, buttons, and custom links). 2. Update **URL paths** in your sitemap or external references. 3. Use the **Preview** mode to test navigation after deletion.
Q: Can I add a 404 page in Carrd?
A: Not directly, but you can create a **custom error page** by: 1. Adding a section with your 404 content. 2. Using a **custom link** like `/404`. 3. Redirecting all invalid URLs to this link via Carrd’s **Custom Code** (e.g., in the `
` section).Q: Are there limits to how many "pages" (sections) I can add?
A: Carrd’s free plan allows up to **10 sections**, while Pro plans support **unlimited sections**. However, performance may degrade if you exceed ~50 sections due to increased JavaScript complexity. Optimize by: - Combining related content into single sections. - Using **collapsible elements** for long pages.
Q: How do I make a section appear only on certain URLs?
A: Use **conditional visibility** in the section settings: 1. Click the section’s gear icon → **Visibility**. 2. Select **"Show only if URL contains"** and enter a path (e.g., `/portfolio`). This is ideal for dynamic layouts (e.g., showing a portfolio section only on `/portfolio/*` URLs).
