How to add Logo Slider to a Webnode website

Embed Logo Slider on Webnode in just a few steps

Embed Logo Slider on Webnode

01
Create a Logo Slider widget for Webnode On Common Ninja

First, create a Webnode Logo Slider widget on Common Ninja.

On the widgets catalog, find the Logo Slider and enter the Editor.

Create a Logo Slider widget for Webnode On Common Ninja
02
Save the Logo Slider widget

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

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

Copy the Logo Slider Embed Code
04
Click on Add Content

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

In the Webnode editor, click on Add Content button wherever you wish the Logo Slider to show.

Click on Add Content
05
Select HTML element

Select HTML from the content element list.

Select HTML element
06
Add the Logo Slider embed code

in the Insert HTML window, simply paste the Logo Slider embed code you've copied before.

Add the Logo Slider embed code
07
Save your changes

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

Please note: the Logo Slider content will not show on the Webnode editor, and will only show on the published site.

Save your changes