How to add or change iFrame embed codes

Rossware’s CyberOffice offers several website interfaces that may either be: (a) displayed to your customer in stand-alone mode (i.e., via a webpage that, though it shows with your own company’s branding, is nevertheless independent of your company’s website); or (b) embedded directly within your website.

Not surprisingly, many companies prefer embedding. It’s very doable, but requires a little more setup than if you simply use stand-alone presentations. This document tells you how to do it.

Please begin by understanding there are six interface contexts that you may want to embed within your website. They are: (1) initial online bookings; (2) requests to schedule on third-party-dispatched jobs; (3) requests to schedule for completion after parts arrive; (4) requests for appointment confirmation; (5) invitations for technician tracking; and (6) invitations for job-status-checking. Two and three use the exact same same interface, while one through four use identical embed code.

The general concept is you or your professional web-developer will create a separate webpage for each CyberOffice interface that you wish to embed in your website. Within the HTML that defines each such page, you’ll place a simple line of textual code that defines the needed iFrame and contains code to indicate what is its source of content (i.e., the CyberOffice element that fits into it).

But what is that “simple line of textual code?”

At https://www.dashboard.rossware.com, we’ve created a simple tool that will very easily create this code for you. That interface looks something like this:

The general concept is, for scenarios 1 through 4, you’ll focus on the first box (as shown above) and assure you’ve selected to see “Embed Code.” The system creates such code as you need to insert into the HTML that defines your webpage of interest. Simply copy and paste into that page’s HTML. You’ll of course do similarly for the tech-tracking and job-status-checking contexts.

If you’ve prior setup to use embedded CyberOffice resources but connected to older (pre Feb 2020) Rossware systems, you simply need to locate the specific code that was involved in those iFrame definitions, and replace per above.

If, on the other hand, this is the first time you’re setting up for embedded CyberOffice interfaces, there are two more things to do.

First, if you have links (buttons probably) on your webpage that you want customers to click on so as to go to any of these resources, you need to have the associated hyperlinks point to the actual pages of interest (i.e., the ones with embedded iFrames contained within), as opposed to the Rossware-CyberOffice-direct URLs (if you use the direct URLs, the CyberOffice interfaces will instead appear in stand-alone mode).

Second, you will need to equip the SD-CyberLink utility with wherewithal to know what are your embedded pages, so that it can inform the balance of the system accordingly. There is a simple section in the utility where you need to place the applicable URLs to you own such pages:

It’s not more complex than that.