Try for free!

How to add Catalog to a Ucraft website

Embed Catalog on Ucraft in just a few steps

Embed Catalog on Ucraft

01
Create a Catalog widget for Ucraft On Common Ninja

First, create a Ucraft Catalog widget on Common Ninja.

On the widgets catalog, find the Catalog and enter the Editor.

Create a Catalog widget for Ucraft On Common Ninja
02
Save the Catalog widget

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

When you're ready to add the Catalog 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 Catalog 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 Catalog will show.

Place the Custom HTML element on your page
07
Add the Catalog embed code

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

Add the Catalog embed code
08
Save your changes

Click the Embed Code button to save your changes.

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

Save your changes