Blog



Connecting TransForm with Evernote Through Zapier

Zapier logoZapier lets you instantly connect Alpha TransForm to 1,000+ other web services, allowing you to automate day-to-day tasks and build workflows between apps that otherwise wouldn't be possible. This includes tools such as Evernote, a popular note taking application used for a wide variety of tasks, including task tracking, drafting articles, or capturing ideas.

We recently demoed a Zap in our TransForm Tuesday Webinar that generates a new note in Evernote whenever a new TransForm form is submitted. The form was a "Travel" form that captures the following information: date, location, title, text entry, and one or more photos. While this information could be viewed easily from within the TransForm app, it would be nice to have them automatically formatted and added to an Evernote Notebook where they can be tagged, searched, or shared with colleagues.

Translating Data Groups into Embedded Images

TransForm can integrate directly with Evernote, however if your form contains Data Groups . Zapier has limited support for arrays, which are only supported in apps and triggers that have added line item functionality.

Unfortunately, Evernote does not support line items in their Add a New Note action. In order to include a beautiful listing of photos and descriptions in the Note, the images need to be preprocessed into the desired format for the Note. To do this, we'll use the Code Zap.

Transform Evernote

 

1. Add a new Zap between the TransForm and Evernote Zaps. Select Code from the list of Built-in Apps:

Transform Evernote Zaps

 

2. Select Run Javascript from the Create list.

Zapier Action

 

3. In the Input Data section, select the Data Group fields you would like to include in the Evernote template. Be sure to give the fields meaningful names (they'll be referenced later in our JavaScript template.)

Evernote Data Groups

 

4. In the Code section, add the JavaScript to parse the input to the format needed in the Evernote template. Evernote supports basic HTML for embedding images and formatting text. The example below takes the variable shown in the image above and builds a set of images with descriptions.

// Convert to array of URLs
var images;
images = inputData.images.split(",");

// Convert to an array of descriptions
// IMPORTANT: This will fail if commas are used in descriptions!
var desc;
desc = inputData.descriptions.split(",");


var imgHTML = "";
var i;
for (i = 0; i < images.length; i++) {
    imgHTML += '<h3>Photo '+(i+1)+'</h3>'+desc[i]+'<img src="'+images[i]+'">';
}

output = [{imgs: imgHTML}];

5. Include the formatted images from Step 2 in the Note template.

Evernote Content

 

6. Test your Zap and turn it on.

Now, whenever a new form is submitted to Alpha TransForm, it will automatically generate a new entry with the photos captioned and rendered as images instead of URLs.

Start creating your own Zaps for Alpha TransForm today.

 

alpha transform logoRead the announcement on Zapier integration coming to Alpha TransForm.

Get a free 30-day trial of Alpha Transform.

 

 

How 5G Changes Everything for Mobile App Development
How Mobile Inspection Apps Help Airstream Improve Quality and Cut Costs

About Author

Sarah Mitchell
Sarah Mitchell

Technical Writer and Documentation Expert at Alpha Software

Related Posts
Enterprise Mobility Leads the Way to Digital Transformation
Enterprise Mobility Leads the Way to Digital Transformation
The Essential Alpha TransForm User's Guide
The Essential Alpha TransForm User's Guide
Spreadsheets Cost Your Company More Than You Think. Here’s How to Solve That.
Spreadsheets Cost Your Company More Than You Think. Here’s How to Solve That.

Comment

Subscribe To Blog

Subscribe to Email Updates