Customizing Your Website + App
      Back to home
      1. Help Center
      2. Customizing Your Website + App

      Embed In Your Site

      Note: This feature is available on our Boost and Ultra 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
      Beautiful Examples of Embedding Wanderlust Festival  e1
      Install the Embed Code in Your Site
      Note: this feature is available on our Boost and Ultra 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.
      e4 HTTPS / SSL Sites
      If you are embedding into an HTTPS site, change each instance of HTTP inside the code to HTTPS ​and a secure version will be served. e5
      Install the Embed on 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.
      e6
      1. Customize your embed options on Settings => Appearance.
      2. Copy and paste the WordPress-optimized code into your site.
        [video mp4="https://sched.com/wp-content/uploads/2021/02/embed_code2.mp4" loop="true" autoplay="true"][/video]
      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.

      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.”
      e8
        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"
      e9
        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"
      e10
      1. You will see the custom gadget on your page. Click "Save" and you're done.
      e11
      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 it on your site.
      ComicCon set up multiple embeds of Sched on their site, with each showing a different view of Sched. e12
      Remove Sidebar
      The default sidebar includes ways to search and filter your schedule. You can remove it and a “Search” tab displays in your main menu instead.
      1. Go to Settings => Appearance.
      2. Click "Customize."
      3. Click to enable "Remove sidebar."
      4. Copy your updated embed code and install it on your site.
      ComicCon removed the sidebar from showing on the Sched embed on their website. e13
      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 it on your site.

      e14

      Juneteenth Virtual Festival
      embedded Sched on their dark background theme: e15
      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: e16
      Related search: embed without script tag