Try for free!

How to add Image Grid Slider to a Ucraft website

Embed Image Grid Slider on Ucraft in just a few steps

Embed Image Grid Slider on Ucraft

01
Create a Image Grid Slider widget for Ucraft On Common Ninja

First, create a Ucraft Image Grid Slider widget on Common Ninja.

On the widgets catalog, find the Image Grid Slider and enter the Editor.

Create a Image Grid Slider widget for Ucraft On Common Ninja
02
Save the Image Grid Slider widget

When you're done creating the Image Grid 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 Image Grid Slider widget
03
Copy the Image Grid Slider Embed Code

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

Copy the Image Grid Slider Embed Code
04
Click Element

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

In the Ucraft editor, click on the Elements button on the left panel.

Click Element
05
Select Custom HTML element.

In the element list, find the Custom HTML element.

Select Custom HTML element.
06
Place the Custom HTML element on your page

Drag and place the Custom HTML Element on your page, wherever you wish the Image Grid Slider will show.

Place the Custom HTML element on your page
07
Add the Image Grid Slider embed code

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

Add the Image Grid Slider embed code
08
Save your changes

Click the Embed Code button to save your changes.

Please note: the Image Grid Slider will show only if you've connected a domain to your Ucraft website.

Save your changes