How to add Image Hover Effects to a Landingi landing page

First, create a Landingi Image Hover Effects integration on Common Ninja.

On the integrations catalog, find the Image Hover Effects and enter the Editor.

When you're done creating the Image Hover Effects integration, 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 Hover Effects integration to your Landingi landing page, 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 integration embed code. In the next steps, you will paste this code into your Landingi landing page.

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

In the Landingi editor, select the HTML Element at the bottom of the left panel.

Drag and place the HTML Element on your page, wherever you wish the Image Hover Effects to show.

Double click the HTML Element you've added to enter the HTML window.

In the HTML code window, simply paste the Image Hover Effects embed code you've copied before.

Click the Save & Close button at the right bottom corner of the HTML window, to save your change and close the window.

Click the Publish button at the top right corner of the screen.