Automation Widget (AW)

Available for

All paid editions

The Automation Widget provides a secure and easy way to embed Submit files functionality into a website or local intranet.

Automation Widget Functionality

The widget provides these functions:

Selection of source and target languages.
Service selection.
Upload or Drag and drop files for translation or remove if required.
If set in the widget, files can be uploaded from online repositories,

Only available in the Client Portal.
Set an email address.

Requires only initial verification.
Set time and due date.
Enter Purchase Order Number.
Add a note.
Check word count and pricing.
Upload of reference files.

Automation Widget Use Cases

Translation agencies provide multiple Automation Widgets to their customers.
- Facilitate easier submission of jobs from both internal and external clients.
- Distributed to different internal business units to streamline internal translation processes.
Associate with Services and Project Templates
- Pre-specify project settings; price lists, translation memories, term bases, etc.
Create specific widgets.
- One widget specified for internal use, others with different specifications for external customers.

Set up Automation Widget

Pre-requisite: At least one existing Service.

From the Setup page, scroll down to the Automation section and click on Automation Widgets. The Automation Widgets page opens.
Click New.

The Create Automation Widget page opens.
Complete required fields:
- Name
  
  Provide a name for the widget. This name will not be displayed in the widget itself.
- Service
  
  Select the services that this widget will perform.
- Automatically Select all Languages
  
  Select whether users should select languages manually or if languages should be selected automatically.
- Default Project Title
  
  Template macros, such as {order.number}, {order.email} and {order.date} can be used to create project names.
- Allow users to specify Project Name
  
  Choose whether users should be able to set a project title themselves from the widget page, or if a default name should be applied.
- Assign Widget to new Submitters
- Connectors
  
  Select connectors that Submitters can use.
  
  Submitters must sign in to the Memsource Client Portal to use connectors; they are not available to anonymous Submitters.
- Default Project Owner
- Widget UI Language
- Welcome Message
  
  This message will be shown to users accessing the site. The following HTML elements and attributes are supported:
  - <b>, <strong>, <u>, <i>, <em>, <p>, <br> (supported attributes: title, style, class)
  - <img> (supported attributes: title, style, class, src, alt, width, height)
  - <a> (supported attributes: title, style, class, href, target)
Email Templates

Select any required email templates.
IFrame & Appearance

Modify the IFrame HTML Code and customize the widget itself.
- IFrame HTML Code
  
  This is available only after a Widget has been created and is used to embed the Widget into a website. See Embedding the Widget.
- Customize Background Color, Content Color, and Box Color using CSS color codes or CSS color names.
Click Save.

The widget is added to the list.
Click on the widget name to view the URL for distribution.

The URL or the entire widget can be embedded into a website.

Embedding the Widget

There are three methods to embed the widget into a website or an intranet page. The first two do not require expert knowledge, while the last one should be handled by a webmaster.

Widget URL

Follow these steps:

Click on the widget name in the list of widgets to view the URL for distribution.
Use the URL on a website or intranet page.

Widget IFrame

The entire Widget form can be embedded into your website or intranet page. This provides a seamless experience if the Widget is presented as an integral part of website.

Follow these steps:

Click on the widget name in the list of widgets.
Expand the IFrame & Appearance window.
Copy the IFrame HTML Code.
Paste the copied code into the website.

Customize Background Color, Content Color, and Box Color using CSS color codes or CSS color names.

Widget IFrame with Resizing

Without resizing support, the widget layout may be slightly altered, or a scroll bar may appear within the widget. This does not affect the functionality, but it may not look as nice.

A more advanced method of using the IFrame with Javascript provides automatic resizing of the widget when the Note or Paste Text fields are expanded.

The Automation form uses the IFrame-resizer Javascript library to provide the desired functionality and a clean and simple API.

To enable Widget IFrame with Resizing, have the webmaster follow these steps:

Create access to the Jquery library. As an example, include the following HTML code in the <head>;</head> part of the web page:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
Create access to the IFrame-resizer library.

As an example, include the following HTML code in the head section:

<script type="text/javascript" src="<path-to-iframeResizer-parent-folder>/iframeResizer.min.js"></script>
Provide an ID to the IFrame element and disable scrollbars.

As an example:

<iframe id="memsource-iq" scrolling="no" ... ></iframe>
In the head section of the HTML, add the following HTML/Javascript code:

<script type="text/javascript"> $(document).ready( function () { $('#memsource-iq').iFrameResize({ heightCalculationMethod: 'documentElementScroll' }); }) </script>

This is a simple HTML page that implements all the steps above. It assumes the iframeResizer.min.js file is located in the same folder as the example HTML page:

  <!DOCTYPE html> 
  <html> 
  <head> 
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script type="text/javascript" src="./iframeResizer.min.js"></script>
  <script type="text/javascript"> $(document).ready( function () { $('#memsource-iq').iFrameResize({
  heightCalculationMethod: 'documentElementScroll' }); }) </script> 
  </head>
  <body> 
  <div style="width: 530px; margin: 0 auto;" >
  <iframe id="memsource-iq"   scrolling="no" width="530px" height="400px" frameborder="0"
  src="https://cloud1.memsource.com/web/submitJob/1-soXGd-xgCbx?embedded=true"/>
  </iframe> 
  </div> 
  </body> 
  </html>