The ScreenSteps Online Knowledge Base Everything you need to know about ScreenSteps
Blue mango logo white 250
  • Table of Contents
  • Contact Us
ScreenSteps Documentation » API Examples » Inserting a ScreenSteps Live iframe into a web page

Topics

  • WordPress 5
    • What do I need to have to get started?
    • A quick note about WordPress permalinks
    • How do I install the ScreenSteps Live plugin?
    • How do I configure the ScreenSteps Live plugin?
    • How do I view content?
  • HTML and Javascript Widgets 1
    • Adding a ScreenSteps Live Search widget to your site
  • FogBugz Widgets 1
    • Adding a ScreenSteps Live widget to FogBugz
  • iFrame - Search From Any Web Page 1
    • Inserting a ScreenSteps Live iframe into a web page
  • Reference Lessons 4
    • Create an API Access user in ScreenSteps Live
    • Finding Your Space ID or Permalink
    • How to create a Zendesk CSS Widget
    • How to convert your old Zendesk template to the 2011 template

Quicklinks

  • Downloads
  • View forums
  • Submit a help request
  • Contact us
  • Retrieve a lost license key

Last Updated

Dec 23, 2010

Download Lesson PDF

Download Manual PDF

Other Resources

  • ScreenSteps Desktop & Workgroup

  • ScreenSteps 2.9
  • ScreenSteps Workgroup
  • Customizing HTML Templates
  • ScreenSteps: Tips & Tricks
  • Creating Word Templates
  • Publishing to Blogs & Wikis
  • ScreenSteps Live

  • ScreenSteps Live
  • Setting up a New Admin, Editor or Author on ScreenSteps Live
  • ScreenSteps Live Support Client
  • Integrating ScreenSteps Live With Other Services
  • Collaborating on ScreenSteps Live
  • ScreenSteps Live Remote Authentication
  • ScreenSteps Live API
  • API Examples
  • Implementation Guides

  • Creating a Software Manual With ScreenSteps
  • Creating a ScreenSteps Live Support Site
  • Zendesk and ScreenSteps Live
  • Help Scout and ScreenSteps Live
  • FAQs

  • FAQs

Comments

0 comments for this lesson

  • Prev: Adding a ScreenSteps Live widget to FogBugz
  • Next: Create an API Access user in ScreenSteps Live

Inserting a ScreenSteps Live iframe into a web page

This lesson will show you how to insert a ScreenSteps Live iframe into a webpage. With this iframe you can allow your users to search your ScreenSteps Live account from anywhere.

Example Code

###
<iframe src ="http://bmls.screenstepslive.com/spaces/screensteps.iframe" width="100%" height="300" style="border:none;">
<p>Your browser does not support iframes.</p>
</iframe>
###

Above is some example code. You should replace bmls.screenstepslive.com/spaces/screensteps.iframe with the url to your ScreenSteps Live space.

You can set your own custom height and width settings.

Notice that the url has an "iframe" extension on it. This will tell ScreenSteps Live to format the content for the iframe. If you don't include this extension then the search box won't look correct in your web page.

Example

Example

This is an example of what the iframe might look like.

Media_1246993584825

And here are some search results.

Now you can just add this iframe to any page where you would like your users to be able to search your ScreenSteps Live content.

  • Prev: Adding a ScreenSteps Live widget to FogBugz
  • Next: Create an API Access user in ScreenSteps Live

Comments (0)

Add your comment

E-Mail me when someone replies to this comment
Blue Mango Learning Systems © 2012