How to add Multi-Row Image Slider to a Elementor website

Embed Multi-Row Image Slider on Elementor in just a few steps

Embed Multi-Row Image Slider on Elementor

01
Create a Multi-Row Image Slider widget for Elementor On Common Ninja

First, create a Elementor Multi-Row Image Slider widget on Common Ninja.

On the widgets catalog, find the Multi-Row Image Slider and enter the Editor.

Create a Multi-Row Image Slider widget for Elementor On Common Ninja
02
Save the Multi-Row Image Slider widget

When you're done creating the Multi-Row Image Slider 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.

Save the Multi-Row Image Slider widget
03
Copy the Multi-Row Image Slider Embed Code

When you're ready to add the Multi-Row Image Slider widget to your Elementor 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 Elementor website.

Copy the Multi-Row Image Slider Embed Code
04
Select the HTML widget on Elementor.

Now, let's head to the Elementor's editor.

On the Left panel, enter Widgets and scroll to the HTML widget.

Select the HTML widget on Elementor.
05
Or use the search to find the HTML Widget

You can also filter the widget list by searching for the HTML widget.

Or use the search to find the HTML Widget
06
Place the HTML widget on your page

Drag and place the HTML widget wherever you wish the Multi-Row Image Slider to show.

Place the HTML widget on your page
07
Add the Multi-Row Image Slider Embed Code

Now, in the HTML Code window on the left panel, simply paste the Multi-Row Image Slider embed code you've copied before.

Add the Multi-Row Image Slider Embed Code