Embed In Your Site

Integrate Sched into your own website by using the simple embed code. Your audience stays on your site and can still publish updates to your site.

Embed Tutorial Video

During your free trial, embed integration works for logged-in admins only. Attendees will only see a link to your Sched site until you buy this option.

Install Instructions

Customizing Your Embed

Install the Embed Code in Your Site

  1. Go to Settings => Appearance and copy your embed code.
  2. Paste your embed code into your site where you want it to appear.

If you are embedding into an HTTPS site, change each instance of HTTP inside the code to be HTTPS ​and a secure version will be served.Embed HTTPS

Install the Embed in a WordPress Site

WordPress Plugin
If you use a self-hosted version of WordPress to manage your event site, use the WordPress plugin to embed your schedule.

WordPress.com: The plugin does not work on wordpress.com sites. They filter out javascript and do not allow users to install plugins.

  1. Go to the Plugins menu in your WordPress dashboard.
  2. Click “Add New” and search for “Sched Event Management Software” to install and activate. Alternatively, you can download and manually install it.
  3. Wordpress Plugin

  4. Customize your embed options on Settings => Appearance.
  5. Copy and paste the WordPress optimized code into your site.

Copy Code Directly To Your WordPress Site
While we recommend using the plugin, you’re also able to copy and paste the embed code to your site.

Create a new post or page and follow these steps:

  1. Click the “Text” tab.
  2. Paste your Sched embed code into the text area.
  3. Click “Publish” to update your WordPress site.

Wordpress Embed

Install the Embed in a Google Site
Make a custom gadget to display your Sched page when embedding onto a Google Site.

Please note: It’s not possible to embed Sched on New Google sites. You use Classic Sites to embed Sched with the gadget.

  1. When editing your Google Site, go to “Insert” and select “More gadgets.”
  2. More Gadgets

  3. Select “Add gadget by URL” and paste this URL:
  4. Replace “YOUREVENT” with your Sched event subdomain and click “Add”
  5. Gadget-URL

  6. In your gadget settings, set the width to 100 percent, and the height to at least 800 pixels. You can make the height taller to avoid scroll bars.
  7. Check the box for “Include a scrollbar on gadget when necessary.” and click “OK”
  8. Gadget-Settings-1024x615

  9. You will see the custom gadget on your page. Click “Save” and you’re done.

Google Embed

Embedding Different Pages
When you embed, your attendees start on the simple view of your schedule. You can also embed specific views of your schedule (simple, expanded, grid) or directory (speakers, sponsors, exhibitors).

  1. Go to Settings => Appearance​.
  2. Click “Customize.”
  3. Select a view option from the “1. Choose Initial View” drop-down menu.
  4. Copy your updated embed code and install on your site.

OpenStack customized their embed to show the expanded schedule to attendees:
Expanded View

ComicCon set up multiple embeds of Sched on their site, with each showing a different view of Sched.

Dark Background
Increase readability on dark backgrounds, change the text to white (instead of black).

  1. Go to Settings => Appearance​.
  2. Click “Customize.”
  3. Click “Embed on dark background” to update the text color.
  4. Copy your updated embed code and install on your site.

Juneteenth Virtual Festival embedded Sched on their dark background theme:

Adjust Width
The embedded schedule is responsive and will scale to any width you place it in.

You can manually control the width of that the embed displays by wrapping it in a fixed-width div:
<div style=”width: 600px;”></div>

Example of wrapping the embed code in a fixed-width div:

Related search: embed without script tag