Celero was build so that you don't need to use new tools or create new processes

What is interactive content?

Interactive content is content that allows customers to actively engage with it.
PDFs are traditionally static and almost "offline".   With interactive content, the customer is not just a passive viewer, but becomes an integral part of a dynamic, two-way experience.

What are some example for interactive content?

Content consumers today demand more. businesses are utilizing interactive elements in their content marketing to maximize engagement. Interactive content takes many forms and can be applied to any marketing programs that typically make use of content to deliver results.

Do I need to start from scratch?


Your eBooks, Whitepapers, Presentations, Guides and any Illustrator, Indesign, Figma or Sketch file can now automatically become interactive content!

All you need to do is follow this guide, export your content to PDF and drop it in Celero.

How long does it take to learn?

Good news! Everything you need is right here.
With other products, to create interactive content, you would need to learn new editing tools, or wait for developers.

With Celero, you are now in control.

You can produce interactive content using the editing tools you already know: Illustrator, Indesign, Figma,  Sketch, Microsoft Office, Google Drive or any other.

Interactive Content Options

If you have links in your content, you have to do absolutely nothing more!

Links you already have in your content will be automatically recognized by Celero.

If possible, Celero will open those links in a dialog overlay, rather than a new tab. This helps the customer stay in their journey, and when they are done drilling down on an additional topic, they can close it and continue on the journey.

Here is an example of a link opened as a dialog where one presentation was linked to another:

In this example a normal "Request a demo link" opened as a dialog from within the content itself:

If your links open in a new tab, it is probably because the site you're referring to doesn't allow embedding.

Some of the reasons for this are listed below. If it is your own website, you can change the header to allow it. If it is someone else's website, you will need to contact them.

1. Your website returns a X-Frame-Options header.
If the following setting is there "X-Frame-Options: DENY", embedding the page is not allowed. More information

2. Content-Security-Policy header containing "frame-ancestors".
If this header is present, you should include the base URL of your content in order to allow embedding. More information

Embedding Video in your content

In some scenarios, you would want to have customers view a video right from within your content.

To achieve this, simply pick an object in your editor that you can link and enter a URL with the following structure:

http://celero/video_standalone?src=<url to video>


Here are some parameters you can add customize the URL:

  • autoPlay - by default is false, allows you to autoplay the video (autoPlay=true) upon content open

  • poster - a URL to an image that will appear before the user clicks to play

Adding a video popup dialog (with lightbox)

In some scenarios, it would be valuable to have the video popup as a dialog with a lightbox so that the user is not distracted by the rest of the content.
Clicking away from the video will bring the user back to the content.

you would want to have customers view a video right from within your content.

http://celero/video_dialog?src=<url to video>


Adding an Animated GIF to Content

GIFs are graphic file formats that combine multiple images to make a looping animation.  Since they’re just a series of static images, there is no audio component. Typically, GIFs are just a few seconds in length, though they can be much longer.

To place an animated GIF on your content, just link any element in your content with the following syntax

http://celero/image?src=<url to GIF>

It is a good idea to link an image in your content or to actually place the GIF in your content itself as a placeholder and link it to the GIF url.