Extras for Carrd

Extra functions & styles to use on Carrd.co websites

By Mark Bowley

• Shop widget
• Instagram gallery
• Pricing table
• Tweet gallery
• Colourful list
• Hover effects
• Seamless sections

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.

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.

Made by @markbowley

See also deckof.carrd.co

Other tips

• Carrd font list