Try for free!

How to add Animated Headline to a LearnWorlds website

Embed Animated Headline on LearnWorlds in just a few steps

Embed Animated Headline on LearnWorlds

01
Create a Animated Headline widget for LearnWorlds On Common Ninja

First, create a LearnWorlds Animated Headline widget on Common Ninja.

On the widgets catalog, find the Animated Headline and enter the Editor.

Create a Animated Headline widget for LearnWorlds On Common Ninja
02
Save the Animated Headline widget

When you're done creating the Animated Headline 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 Animated Headline widget
03
Copy the Animated Headline widget embed code

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

Copy the Animated Headline widget embed code
04
Choose if to add by new section or by a new widget

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

There are two ways you can add the Animated Headline to your Learnworlds site, by adding a section or by adding a widget.

Choose if to add by new section or by a new widget
05
Method 1: Adding the Animated Headline with a new section

On the Learnworlds editor, click on Add New Section, wherever you wish to add the Animated Headline.

Method 1: Adding the Animated Headline with a new section
06
Click Embed

On the list on the left, click on Embed.

Click Embed
07
Click the Embed Image

Click the gray embed image.

Click the Embed Image
08
Enter the Embed code editor

Click on the Embed section you've added to your page.

Enter the Embed code editor
09
Add the Animated Headline embed code

Now, in the right panel in the Ebmeded Code window, simply paste the Animated Headline embed code you've copied before.

Add the Animated Headline embed code
10
Click Update

Click the Update button below.

Click Update
11
Method 1: Adding the Animated Headline with a new widget

You can add the Animated Headline by adding a new widget.

In the Learnsworld editor, click on Add Widget wherever you wish the Animated Headline to show.

Method 1: Adding the Animated Headline with a new widget
12
Select Embed Code

Select the Embed Code from the list on the left.

Select Embed Code
13
Click the Embed Code Image

Click the Embed Code Widget.

Click the Embed Code Image
14
Add the Animated Headline embed code

Now, simply paste the Animated Headline embed code in the Embeddable Script window on the right panel.

Add the Animated Headline embed code
15
Click Update

Click the Update button below.

Please note: the Animated Headline content will not show on the Learnworlds editor and will only appear on the preview and on the published site.

Click Update