How to add Image Accordion to a Webflow website

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

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

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.

When you're ready to add the Image Accordion plugin to your Webflow 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 Webflow website.

Now, Let's head to your Webflow website's editor.

On the Webflow editor, click on the Add Item button at the top of the left menu.

Find and select the Embed Item under the Advanced section.

Please note: the Embed item is available only if you have a Webflow premium account.

Drag and place the Embed item on your page, wherever you wish the Image Accordion to show.

Now, in the HTML Embed Code window, simply paste the Image Accordion embed code you've copied before.

Click the Save & Close button to save your changes and close the code window.

Please note: the Image Accordion content will not show on Webflow's editor and will only appear on the published site.