How to

Adding or Embedding Celero Microsites to an existing website

Create microsites from any asset while maintaining the existing website structure.

Adding or Embedding Celero Microsites to an existing website

Using Celero, you can easily create microsites from any design, while still keeping your existing website structure.

Why Embed your PDFs, designs and presentations in your website?

The benefits of embedding Celero Microsites include the ability to easily create microsites from any design while maintaining the existing website structure. This allows for a seamless integration of additional content or features without the need for extensive redevelopment. By following simple steps to add a Celero Microsite, users can enhance their websites with personalized and customizable content, improving user experience and engagement.

How can I add a Celero Microsite to my website?

Adding a Celero Microsite to an existing website is easy.

Follow the steps below to add an example Celero Microsite (https://custom.yourdomain.com/s/1234abcd/your-microsite) to your main website (www.yourdomain.com).

Before you start: Ensure your domain is authorized to access Celero Microsites

We will need to add your domain (e.g. www.yourdomain.com) to the authorized list of domains that can access Celero Microsites. Just send us a message and mention the domain name you would like to authorize.

See instructions here

Two options

Celero offers two straightforward methods for embedding microsites on your website:

1) via oEmbed or by directly inserting oEmbed code (Recommended if your website technology supports it).

2) Using a script

Option 1 - Using oEmbed

What is oEmbed?

oEmbed is a format for allowing an embedded representation of a URL on third party sites. The simple API allows a website to display embedded content (such as photos or videos) when a user posts a link to that resource, without having to parse the resource directly.

To learn more about oEmbed, please view the oEmbed website.

How Do I use it with Celero?

Simply go to the Microsite you want to embed, open the share menu by clicking the "Share" button on the top right, and choose "Embed on your website".

Follow the instructions in your website designer, and everything should happen automatically.

How Do I embed Celero in Wordpress?

Use the Embed block to display content from third-party online services on your website.

Follow this guide from Wordpress and paste the Celero Embed link.

Option 2 - Using a script

Step 1: Load the Celero Pages Javascript

On your page include the following script tag:

This typically goes inside the <head> tag, but it is not mandatory to add it there, so feel free to include it anywhere on the page.

<script src="https://files.celero.io/celero-pages.js"></script>

Step 2: Add the Celero Microsite to your page

To add the microsite onto the page, you will need to add an html element with the URL of your Celero Microsite.

Simply go to the Microsite you want to embed, open the share menu by clicking the "Share" button on the top right, and choose "Embed on your website".

Follow the instructions under Option 2 to get your unique link to embed.

Place it In your website designer, and everything should happen automatically.

Sophie Moore
Sophie Moore
Marketing
Follow us on: