GUIDE: Carrd Co 📖

I’ve seen a fair few people asking how to do certain things in Carrd Co, so I’ve decided to create a general guide for anyone who might need help with building their page. :blush: Please ignore any typos.


IMPORTANT NOTE

Not all functions will be available for your plan, some of them may only be available for paid plans. I have a Pro Plus plan, so some of my features and limits will not be available/the same as yours.


GETTING STARTED

Navigating your Dashboard

Icons Below your Sites and What They Mean

Navigating your Account and Plan + Changing your Plan


Plan tiers will also typically have different variations that you can choose from. If you upgrade from a free plan to a paid plan and create sites or a number of sites that exceed the limitations of the free plan, you will not be able to downgrade to the free plan again until you remove what exceeds the free plan’s limitations.

Creating a Carrd and Choosing a Template



Functions that you may regularly use for each element of your site:
image

Functions and Settings you may regularly use:
image

To MOVE elements of your site, CLICK and DRAG. A light blue-green line will appear as a guide so you know where your element will sit if you “drop” it.


BACKGROUNDS

What is a Background?

It serves as the ‘back wall’ behind all other elements of your page. You can have solid colors, gradients, slideshows or an image as your background, but it is best to choose and adjust a background that will make your text visible and readable.

Choosing a Background Type and Customizing a SIMPLE Background





Adding and Adjusting an IMAGE Background

Adding and Customizing a SLIDESHOW Background




PAGE SETTINGS

What is the Page?

The page is what your elements sit on top of and what your background sits behind. Your page can have its own shape, its own color and its own layout, separate to your elements (text, images, etc) and separate to your background.

Adjusting your Page



IMAGES (Story Titles, Covers, Art, GIFs, PNGs)

What are Images?

Images are pictures that can have different formats, such as JPEG, JPG, GIF, PNG etc. These can be added to your website wherever you wish to place them, the most common images used are profile pictures and story covers.

Adding and Adjusting Images




ICONS

What are Icons?

Icons are symbols, sometimes logos that act as links. For example, you can have an email icon and once pressed, the viewer will be redirected to a mail page to send you an email. You can have multiple icons side by side that can redirect viewers to different apps/sites that you use.

Adding, Adjusting and Removing Icons




EMAIL URLs FOR ICONS

mailto:user@domain.ext
Where and How To Insert your Email URL

ALTERNATIVE URL FOR GMAIL IN PARTICULAR:

http://mail.google.com/mail/u/user@gmail.com

The same applies to this URL as the one above. You insert this in the URL slot for your email icon, link, button and replace “user” with your email address. DO NOT INSERT BOTH URLs, YOU ONLY NEED ONE.


SLIDESHOWS

What are Slideshows?

Slideshows are a short function that displays different slides (which are typically different images) instead of just one image.

Adding and Adjusting Slideshows







BUTTONS

What are Buttons?

Button links are boxes that can be colored, outlined and contain text, they can also redirect viewers to whatever links you place into them. They are essentially a better looking alternative to the basic underlined hyperlink. Button links can be adjusted to be more rounded, more angular, colorful, solid, mostly transparent and you can have them horizontal or vertical depending on your personal preference and page space.

Adding Button Links


Adding Icons to your Button Links and Customizing your Button Links



DIVIDERS

What are Dividers?

Dividers are lines used to separate different sections of your page and create a cleaner and more organized aesthetic, but they do not redirect your viewers to anything, they are purely cosmetic.

Adding Dividers to Separate your Text/Sections

Customizing your Dividers


COUNTDOWNS

What is a Countdown?

Countdowns can be used to countdown to the release of your story and upon release, the countdown can redirect readers to your story if you add your share link to it.

They can also be used for other announcements like giveaways, countdown to going live, countdown to next chapter update to name a few.

Adding and Setting a Countdown



TEXT

What is Text?

You can add text to your page if you want to write something to your readers, whether it’s a description of your story, a bio, a question, information or even a quote.

Adding Text


Customizing your Text



LINKS

What are Links?

Links are URLs used to redirect your page viewers to other sites, like your story, your spotify playlist, a charity that you support, your backgrounds and overlays. They can even be used to redirect viewers to specific parts of your page.

Adding and Customizing a Link





CONTAINERS

What are Containers?

Containers are designated areas that can contain more than one element in a selected area. The most common is text beside an image.

Adding and Adjusting a Container






CONTROLS

What are Controls?

Controls are markers used to categorize and separate different parts of your page. These include the commonly used Scroll Points and Section Breaks.

Adding Controls

SECTION BREAKS:




SCROLL POINTS:



Difference Between Scroll Points and Section Breaks

• Scroll Point Controls are Yellow, but Section Break Controls are Blue-ish.

• Scroll Points are best used when you want to be able to quickly redirect viewers to specific sections of your page where they can still scroll and up down afterwards if they want to. It’s like if you have one very long script with numerous chapters on a piece of a very long piece of paper, and you had a scroll point at every chapter. If they wanted to visit chapter 37 out of 50, you could provide a link at the top that would automatically scroll them to chapter 37.

• Section Breaks are similar, but not quite the same. You can imagine that very same long piece of paper with all of those chapters on it, well let’s just say that you added Section Breaks every 5 chapters. Those Section Breaks would act like a separate piece of paper, rather than the one. If you provide a link to navigate to say chapters 1-5, viewers would not be able to see chapter 6 and onwards because chapters 1-5 is like it’s own page because of the Section Break. When you use Section Breaks, I highly recommend that you add a “Go Back” Button link (or just a normal link that says “Go Back” or something similar so they can exit that Section Break by going back to your ‘home’ page and look at your other sections).

• “Can I have Scroll Points inside of Section Breaks?” Yes, you can.

Which one is the best for me? Scroll Points or Section Breaks?

It really depends on your personal preference and the size of/how long your page is. I personally prefer Section Breaks because I like to categorize my sites into different “pages.”
I’d suggest Scroll Points if:

  1. Your site is not very long and you have different titles down it.
  2. Your Section Breaks are long, hence Scroll Points within them could be handy.
  3. You personally prefer Scroll Points.
  4. You’d prefer your viewers can scroll up and down your page/section without being “cut off.”

I’d suggest Section Breaks if:

  1. Your site is on the longer side and you have different titles down it.
  2. Your personally prefer Section Breaks.
  3. You’d prefer your viewers do not scroll up and down the rest of your page upon choosing to go to x section.

HOW TO USE SECTION BREAKS AND SCROLL POINT CONTROLS
You will be using your Section Break/Scroll Points names to navigate to them.
You can either use standards links, button links or icons to navigate to your Section Breaks/Scroll Points, you do this by inserting your own Carrd Co site URL into the appropriate link/button/icon and the Section Break/Scroll Point name on the end of it with no spaces. E.g:

https://schittwriter.carrd.co/#stories

https://schittwriter.carrd.co/is my Carrd link and #stories is the name of one of my Section Breaks that contains my stories.


PUBLISHING YOUR SITE

How to Publish and Save Drafts




Remember that your site description is visible to others when you share it! That’s why it’s always good to keep it short, concise and accurate for your viewers and potential viewers.


VIEWING YOUR SITE (AFTER PUBLISHING)

How to View Your Site


MY OTHER GUIDES

Navigating your Portal (Beginners)

GUIDE: Navigating Your Portal

Finding Background/Overlay/Folder Owner in Google Drive

GUIDE: Finding Background/Overlay/Folder Owner (Google Drive)

25 Likes

Thank you! Bookmarked

1 Like

Very helpful! Bookmarking!

1 Like

Bookmarking this! Thank you:)

1 Like

Thankyou! Bookmarked :smiley:

1 Like

Thank you so much for the tutorial! Also I’ve been having a problem with adding my email. If it’s no trouble, can you please share a tutorial about it?

1 Like

You’re welcome!
And what exactly are you having issues with? Finding your email URL and adding it? Changing your profile’s email? Or something else? :thinking:

I’ll definitely be considering adding more tutorials since the stuff above pretty much only covers the basics with sites. I’ll need to add more for navigating plans, managing profiles, site sharing etc. So, if I know your exact issue, I may make a tutorial to help you and others who have the same issue. :blush:

2 Likes

Yes this is what I need help with!

1 Like

Okay, I’ll definitely make a tutorial for that or link one. :joy:🤷
Are you with Gmail or are you with a different email service? Just so I know which one to definitely include in order to help you.

2 Likes

I’m with my iCloud email as that’s very much easy for me to access every time! 🥲

1 Like

Bookmarked!

1 Like

I’ve updated the guide and this part might work for you? (:

2 Likes

Thank you so much! I will check it out!

1 Like

You’re welcome, I hope it works for you! :blush:
I didn’t test it out with any iCloud emails because I pretty much only use Gmail so I don’t know for sure if it will be successful, but let me know if it doesn’t work.

2 Likes

It worked omg!!! It worked! Thank you so much! I can die in peace in now 🥲 Thank you so so much!

1 Like

Hooray! I’m glad it worked! :star_struck:

2 Likes

Thank you once again! :heartpulse:

1 Like

thank you for tutorial also

1 Like

No problem and welcome to the community!

1 Like

Is section breaker only on premium? cuz I am unable to use it

Or I did it wrong :expressionless: