Automation Widget

Available for

  • Team, Ultimate and Enterprise editions

Get in touch with Sales for licensing questions.

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

  • 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.

  1. From the Setup Setup_gear.png page, scroll down to the Automation section and click on Automation Widgets. The Automation Widgets page opens.

  2. Click New.

    The Create Automation Widget page opens.

  3. 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}, {} and {} 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)

  4. Email Templates

    Select any required email templates.

  5. 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 ColorContent Color, and Box Color using CSS color codes or CSS color names.

  6. Click Save.

    The widget is added to the list.

  7. 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:

  1. Click on the widget name in the list of widgets to view the URL for distribution.

  2. 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:

  1. Click on the widget name in the list of widgets.

  2. Expand the IFrame & Appearance window.

  3. Copy the IFrame HTML Code.

  4. Paste the copied code into the website.

    Customize Background ColorContent 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:

  1. 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=""></script>

  2. 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>

  3. Provide an ID to the IFrame element and disable scrollbars.

    As an example:

    <iframe id="memsource-iq" scrolling="no" ... ></iframe>

  4. 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> 
  <script src=""></script>
  <script type="text/javascript" src="./iframeResizer.min.js"></script>
  <script type="text/javascript"> $(document).ready( function () { $('#memsource-iq').iFrameResize({
  heightCalculationMethod: 'documentElementScroll' }); }) </script> 
  <div style="width: 530px; margin: 0 auto;" >
  <iframe id="memsource-iq"   scrolling="no" width="530px" height="400px" frameborder="0"
Was this article helpful?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question you can leave a public comment below or Submit a request to our Support team.
Thank you for your feedback.



Article is closed for comments.