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.

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


Beautiful Examples of Embedding
Wanderlust Festival wraps the embed with their custom navigation:

Together Boston adds their sponsor logos below the embed:
embed-sponsor


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.

HTTPS / SSL Sites
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


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

WordPress.com: Sched Embed and the WordPress Plugin do not work on wordpress.com sites. Unfortunately 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 Embed to install and activate. Alternatively, you can download and manually install it.

Wordpress Sched Embed

    1. Customize your embed options on Settings => Appearance.
    2. 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:
    https://YOUREVENT.sched.com/embed-googlesites.xml
  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


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.

Together Boston embedded Sched on their black background theme:
Dark Background


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:
adjustwidth


Related search: embed without script tag