The Automation Widget provides a secure and easy way to embed Submit files functionality into a website or local intranet.
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.
-
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.
Pre-requisites: At least one existing Service.
If providers are to be used, ensure the project template for the service includes them.
From the Setup
page, scroll down to the section and click on Automation Widgets. The page opens.-
Click New.
The 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.
-
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.
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 window.
Copy the .
-
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 or 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>