Start Free Trial
Create New Event

Support Center

Embed In Your Site

Table of Contents

Note: this feature is available on our Plus and Premium Plans. Contact us if you would like to upgrade your plan.

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 #

Note: this feature is available on our Plus and Premium Plans. Contact us if you would like to upgrade your plan.

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

Embed Code

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 #

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.

Wordpress Plugin

  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.”

More Gadgets

    1. Select “Add gadget by URL” and paste this URL:
      https://YOUREVENT.sched.com/embed-googlesites.xml
    2. Replace “YOUREVENT” with your Sched event subdomain and click “Add”

Gadgeturl

    1. 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.
    2. Check the box for “Include a scrollbar on gadget when necessary.” and click “OK”

Gadgetsettings1024X615

  1. 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.

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

Screenshot 2020 11 20 125605

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:
Screenshot 2020 11 20 130248

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

Was this guide helpful? #

What are your Feelings