Try for free!

How to add Timeline to a Mozello website

Embed Timeline on Mozello in just a few steps

Embed Timeline on Mozello

01
Create a Timeline widget for Mozello On Common Ninja

First, create a Mozello Timeline widget on Common Ninja.

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

Create a Timeline widget for Mozello On Common Ninja
02
Save the Timeline widget

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

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

Copy the Timeline Embed Code
04
Add new Block

Let's head to your Mozello website editor.

On the Mozello editor, click Add Content Block to add a new block wherever you wish to add the Timeline.

You can also use an existing content block.

Add new Block
05
Add Text Block

On the window that opens, select a Text Block.

Add Text Block
06
Delete the default content

You can delete the default text in the Text Block you've added, or add the widget to the text.

Delete the default content
07
View the HTML of the block

You can use the HTML view of the block to add the widget code to the block.

View the HTML of the block
08
Use the Insert Code option

Or, you can use the Insert Code option.

Use the Insert Code option
09
Add the Timeline embed code

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

Add the Timeline embed code
10
Close the Code window

Click the Insert Code button to add the code and close the window.

Please note: the Timeline will only show on the preview and on the published site.

Close the Code window