Carrd tutorials bundle
Get a bundle of all my Carrd tutorials from extrasfor.carrd.co
This bundle includes 4 premium tutorials:
— Testimonials tutorial for Carrd
— Pricing table tutorial for Carrd
— Mobile menu tutorial for Carrd
— Guide to SEO in Carrd
Plus 4 bonus free tutorials:
— Visual lists tutorial for Carrd
— Maker badge tutorial for Carrd
— Image hover effects tutorial for Carrd
— Paper corners tutorial for Carrd
Note these tutorials require Carrd Pro Standard or Plus.
Testimonials tutorial
See demo on extrasfor.carrd.co
You’ve probably noticed there's no obvious way to create a visually consistent gallery of quotes in Carrd. However, they can be achieved with a bit of work if you know how. This tutorial walks you through the steps.
My method allows you to take quotes from any source, and make them consistent. This is particularly useful if you’ve had Tweet shoutouts that include elements that make them visually messy – such as gifs, images, other comments, etc.
Find out how to implement these with my simple tutorial. You don’t need CSS knowledge to use it. However, knowing a little would help you tweak the code to your desired stylings.
Pricing table tutorial
See demo on extrasfor.carrd.co
There’s no obvious way to add a pricing table in Carrd, but it can be achieved with a bit of work if you know how. This tutorial walks you through the steps.
Find out how to implement this with my simple tutorial. You don’t need CSS knowledge to use it. However, it will help you to be comfortable or willing to tweak small amounts of code, so you can create your desired stylings.
Please note there isn’t a way to include a month/year toggle to your table, due to the limitations of Carrd. It’s purely a static but impactful display.
Mobile menu tutorial
The lack of a mobile menu is frustrating in Carrd, particularly when you have a number of jump links. On a mobile screen those links make your page a bit ugly and are hard to click.
So I set about making one recently, and now having it working on a few Carrd websites. Admittedly the solution does use a fair bit of code – I know that isn’t in the spirit of a no-code tool like Carrd, but sometimes you just have to 😝
Find out how to implement this menu with my tutorial. You don’t need code knowledge, but a bit of familiarity with it will help you implement.
Guide to SEO in Carrd
This is a simple guide to help Carrd builders leverage SEO. There are limits of what you can do on this in Carrd, due to the way the platform works. However, there are a number of ways you can optimise your sites for better search visibility.