How to add Image Accordion to a Lodgify website

First, create a Lodgify Image Accordion widget on Common Ninja.

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

When you're done creating the Image Accordion widget, 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 widget to your Lodgify 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 widget embed code. In the next steps, you will paste this code into your Lodgify [site_type].

Now, let's head to your Lodgify website's editor.

In the Lodgify editor, enter the page you wish to add the Image Accordion

Click the Add New Widget button at the top of the page.

and select the Raw HTML widget from the widget list.

Now, in the window that opens, simply paste the Image Accordion embed code you've copied before.

Click the Save button at the bottom of the HTML window, to save your changes and close the window.

Please note: the Image Accordion content will not show on the Lodgify editor and will only show on the preview and on the published site.

Now drag the new widget you've added to the page, and place it wherever you wish the Image Accordion will show.

Click the Publish button at the left top corner of the page.