Displaying a website as the main slide content

Making a tutorial or assessment for your library catalog, a database, or other website? You can display it directly inside your tutorial slides. This allows users to interact with the website while taking your tutorial.

Is a website not displaying in your slide?

If there's a blank area where your website should be displaying, it could be due to one of the following reasons:

  • The site is being loaded over HTTP, but your tutorial is being loaded over HTTPS. This causes a mixed content error, preventing the nonsecure content from displaying in your tutorial. Try changing the website's URL to use HTTPS instead.
  • The website's provider has prevented the site from opening inside of frames. This is configured directly in the website's headers, so there's unfortunately no way to bypass this restriction. Instead, try providing users with a link to launch the page in a new window, or use screenshots or a video to demonstrate how to use the site.

Standalone tutorials

  1. Edit your tutorial.
  2. From the workpad, add or edit a slide.
  3. In the Slide Display pane, click on   Edit Slide Content.
  4. Under Slide Content, select the Website/URL radio button.
    • Please note: this screenshot shows the available options for a standalone tutorial.
    • These options will look a little different from an embedded tutorial. Please see the section below for more info.
  5. Enter the full URL for your website in the text field.
  6. Optionally, select the Prevent this site from loading in a new window checkbox to prevent the site from breaking out of the slide's frame.
    • This can come in handy if the site you want to use is automatically opening in a new browser tab or window, instead of inside of the frame (which some sites will do to prevent opening in frames).
    • This will only apply to the site when it first loads -- it does not prevent links on that page from opening in a new tab or window.
  7. Click the Save button.

Editing a slide's content

Entering a URL to display 

Embedded tutorials

Although embedded tutorials do not have slides, we know it can still be helpful to see what you're trying to describe in your tutorial. For example, if you're making a tutorial to embed inside of your catalog, you can choose to display it in LibWizard while you're working. That way, you can see it on screen without having to flip back and forth between LibWizard and your catalog page.

To get started, just edit your embedded tutorial and follow the steps above.

Related Articles