Extras for Carrd

Extra functions & styles to use on Carrd.co websites

By Mark Bowley


Ecwid shop widget

You can add a shop to a page with a widget from Ecwid.com.

Note: The shop below is a test version only, please do not enter any credit card details.


Instagram gallery

By combining this Elfsight widget with Carrd, you could make a beautiful gallery website just from your Instagram feed (example).

Cost: $5/mo to remove the Elfsight logo (you’ll get $15 off via my link).


Colourful list (using CSS)

I created this as there’s no native way to add static, coloured blocks in Carrd.
Find out how to implement it on my tutorial page.

Label

Label

Label

Label

Label

Label

Label

Label


Pricing tables

This pricing table is built in Elfsight and embedded as a widget in Carrd.

Cost: $5/mo to remove the Elfsight logo (you’ll get $15 off via my link).


Tweet gallery

This gallery of tweets is built in Elfsight and embedded as a widget in Carrd.

Cost: $5/mo to remove the Elfsight logo (you’ll get $15 off via my link).


Hover effects (using CSS)

CSS animations are fairly easy to add in Carrd, using a little code and an Embed element. Find out how to implement this one on my tutorial page.

Mouse over the image below to see a CSS hover effect.


Big, seamless sections

These are actually achievable from the native Carrd stylings. To create them, you need to make a Container full width, add a background image, and make sure the Page element has Spacing of 0.

Section heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Section heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Other tips