Skip to main content

Embed Code for Events

Learn how to find an event’s embed code in the CitySpark calendar or Admin and add the event to another page on your website.

J
Written by Jana Kloeppel

Each event has its own embed code that you can use to display that specific event on another page of your website.

There are two places where you can find an event’s embed code. The first is directly from the calendar.


From the Calendar

  1. Find the event you want to embed and select it. This will open the Event Details page.

  2. At the top of the Event Details page, you’ll see Promote, Bookmark, and Embed.

  3. Select Embed.

  4. A box will open with the embed code and an option to Copy the code to your clipboard.

  5. Copy the code and paste it into your website wherever you want the event to appear.

The event will then display on your website wherever you have added the embed code.


From the Admin

You can also find an event’s embed code directly from the CitySpark Admin.

  1. Go to the CitySpark Admin.

  2. Go to Events > Events > View All Events.

  3. Find the event using the search box. Be sure to adjust the date range so it includes the date when the event is taking place.

  4. Select Inline Edit for the event.

  5. The embed code will appear at the top of the panel that opens on the right.

  6. Select the Embed button to copy the embed code to your clipboard.

You can then paste the embed code into your website wherever you want the event to appear.


If you have any questions or need help, please reach out to support@cityspark.com.

Did this answer your question?