How to add Image Accordion to a Carrd website

Embed Image Accordion on Carrd in just a few steps

Embed Image Accordion on Carrd

01
Create a Image Accordion plugin for Carrd On Common Ninja

First, create a Carrd Image Accordion plugin on Common Ninja.

On the plugins catalog, find the Image Accordion and enter the Editor.

Create a Image Accordion plugin for Carrd On Common Ninja
02
Save the Image Accordion plugin

When you're done creating the Image Accordion plugin, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the Image Accordion plugin
03
Copy the Image Accordion Embed Code

When you're ready to add the Image Accordion plugin to your Carrd website, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the plugin embed code. In the next steps, you will paste this code into your Carrd website.

Copy the Image Accordion Embed Code
04
Select where to add the widget

Now, let's head to the Carrd website's editor.

On the Carrd editor, select where you wish to add the Image Accordion.

Select where to add the widget
05
Add Item

Next, click the Add Item button (the “+” sign)

Add Item
06
Select Embed Element

Choose the “Embed Element”.

Note: the embed option is available only to Carrd Premium users.

Select Embed Element
07
Add the Image Accordion Embed Code

Now, simply paste the Image Accordion embed code you've copied before in the Embed Code's properties panel, in the Code area.

Add the Image Accordion Embed Code
08
Click Done

Click on the Done button of the properties panel.

Click Done
09
Publish your changes

Click Save to publish your changes.

Please note, the Image Accordion content will not show on the Carrd editor and will only be available on the published site.

Publish your changes