[Video] Install and Modify a PO Template

purchase-order-videoPurchase Order Approval is a very routine day-to-day workflows. Many customers choose Live Forms to digitize this workflows.

Starting with one of our pre-built templates, you can easily customize it to create your own fully electronic, mobile-capable and business-ready PO in very little time. You won’t need expensive and hard-to-find skills like iOS/Android app development or HTML5/CSS3 expertise to create a beautiful, electronic app that just works on all devices.

At frevvo, we just digitized a completely customized Purchase Order approval workflow for a University customer in 45 man-hours.

Watch this short (7 min) video to quickly see how. We’ll show how to:

  • Install a pre-built PO workflow template with a single click.
  • Modify it to meet business requirements (we’ll add a Finance step).
  • Run it in frevvo’s Cloud.

Hundreds of customers are already benefiting. Why not give it a whirl? Sign up for a free trial and see for yourself. It takes 30 seconds, and you can install a template and try it out instantly.

Tracking with Google Analytics


Google Analytics is a freemium web analytics service offered by Google that tracks and reports website traffic. It’s the most widely used web analytics service on the Internet. If you’re using Google Analytics, you can integrate frevvo forms and workflow traffic into Analytics.

The simplest way to track form or workflow usage is to add your Google Analytics Tracking Id in the form’s Tracking Id property. Now every time someone uses this form or workflow, frevvo will transmit a Pageview to Google Analytics. You’ll be able to see this as a standard web page view in all Analytics reports.

If you wish, you can enable fine-grained tracking. For example, you want to track events like specific value changes on the form, form submission etc. You can use Custom JavaScript to call Google Analytics during these events.

Here is a sample script to call Google Analytics when user submits the form:

var CustomEventHandlers = {
setup: function(el) {
if (CustomView.hasClass(el, ‘s-submit’)) {
FEvent.observe(el, ‘click’, this.submitClicked.bindAsObserver(this, el));
submitClicked: function(evt, el) {
_gaq.push([‘_trackEvent’, ‘Purchase Order form submitted, ‘clicked’]);

You can observe a wide variety of events on any control in your form and track them individually at any level you desire. Please see the documentation for details on custom event handlers.

[Workflow Template] Travel Authorization and Reimbursement


8.5m video. Create your own fully functional travel authorization & reimbursement workflow

Travel Authorization and Reimbursement is a common workflow that’s used by employees to request authorization for expenses prior to travel and t
hen to reconcile actual expenses before submitting for payment. If actual expenses exceed estimated expenses, the workflow will obtain additional approval. Finally, the workflow routes to the Finance Department for payment.

We’ve created this short (8.5m) video to help you install, configure and try out this template. We know that it’s one of our most frequently downloaded workflow templates.

Click on the image to view the video and see how you can start with a pre-built template and have a fully-functional travel authorization workflow in less than 15 minutes. You can also view the documentation for this template.

frevvo 7.1: Submissions Search

We’re always working on improving frevvo based on customer feedback. We have ambitious longer-term plans but we’re tackling some of the most common requests ASAP.

frevvo V7.1 (which will be available later this year) includes one such item: the ability to search for submissions based on form data. There’s also a new Submissions View and Excel export. Let’s take a look using a Contact Form.


Searchable Fields wizard

First, you have to define your Searchable fields using a wizard. Simply add/remove Searchable fields as desired. Once defined, frevvo can also go back and re-index your existing submissions so you can search them using the same fields. In our Contact Form, we’ve chosen First Name, Last Name and Email Address.

Then, go to the Submissions View for the form. By default, you’ll see the Submissions for the past month with no other filters applied. Searchable Fields appear in the table if they fit.

Expand the Submissions Filter Section. You can filter and search for submissions by a wide variety of criteria. There’s Date Range and Submission State but you can choose other criteria including the Searchable fields. You can also create a logic expression as shown in the image. We’re searching for Submissions this year where the email address contains frevvo.com and the first name begins with either M or P as the shown in the logic expression field.


Filter/Search for submissions

If the columns don’t fit on the screen (for example, on a mobile device), you can click + for any row to view them. As usual, you can double click any submission to view details (XML document, PDF, attachments, signatures etc.) and delete unwanted submissions.


Expand/Collapse individual submissions to view details

Similar functionality is available in the Task List as well – we’ll describe it in a separate article. And, in a future release, we plan to unify these user interfaces so you can handle tasks, submissions and reports from the same place in the UI.

frevvo + Google Apps: Part 7. Single Sign On using your Google Apps credentials

As of October 2015, Google Apps can now act as a SAML Identity Provider. Since frevvo also supports SAML, you can easily sign in to your frevvo Cloud tenant or On-premise system using your Google Apps credentials. The complete walk-through below shows you how to setup Google as the Identity Provider and frevvo as the Service Provider to configure SSO. This walk-through is for Cloud. On-Premise is similar but has an additional step to generate a certificate.

Google as the Identity Provider

Follow the steps below. Screens are shown in the images below.

  1. Login to your Google domain as an admin, go to the admin portal and click through to Apps > SAML Apps. If you have any existing SAML apps, you’ll see them here. Click the big PLUS (+) sign at bottom right to add a new one. A wizard will appear.
  2. In Step 1, click the “Setup My Own Custom App” link at the bottom of the screen.
  3. In Step 2, choose Option 2 and Download the IDP metadata file.
  4. In Step 3, you can provide a name for your application, a description and a logo.
  5. In Step 4, you must enter the Service Provider (frevvo) details. For ACS URL, type https://app.frevvo.com:443/frevvo/web/saml/SSO/alias/{tenant}. For Entity Id, type https://app.frevvo.com:443/frevvo/web/alias/{tenant}. In both cases, replace {tenant} with your cloud tenant. For example, https://app.frevvo.com:443/frevvo/web/saml/SSO/alias/ashish-saml.com. Leave the built-in Name Id attribute configuration alone.
  6. In Step 5, you need to add a new Attribute Mapping:
    User Id | Basic Information | Primary Email and click Finish.
  7. You should see the Setup Complete screen show up. Click OK.
  8. Your new SAML App will be displayed. Click the three dots at right and turn ON SSO. You can choose to turn it ON for everyone in your domain or for specific sub-domains.

Create users in Google

At this point, you’ll need to create your users in Google or move existing users into the appropriate sub-organization if you are limiting access to your SAML app in Google. You won’t have to create new users or move existing users if you enabled the SAML app for everyone in your Google domain.

However, you’ll need a user in your Google domain to serve as the tenant administrator. Either, create a new one or choose an existing one (there’s nothing to do as long as you choose someone).

Create users in frevvo

You need to ensure that the user you chose/created as the tenant admin exists in frevvo. Once we switch over to SAML, all authentication will use Google Apps credentials and you won’t be able to login using your current tenant admin or other users. We’ll use CSV upload. The file syntax looks like this:


The fields are your Google login (e.g. prajakta.deshmukh@frevvo.com), your frevvo tenant id (e.g. ashish-saml.com), any password (it is not used), the first name, last name and email address. In the roles field, use the roles indicated above.

  1. Login as the current tenant admin user.
  2. Click on Manage Users.
  3. Click on Download CSV users file.
  4. Edit the file to setup at least one Google User (the one you chose/created as the tenant admin).
  5. Click on CSV Upload (the Excel looking icon) and upload the file to create this user.

frevvo as the Service Provider

Now, we need to setup frevvo. Follow the steps below (also shown in the image below):

  1. Generate the SP metadata file from frevvo. Visit the URL: https://app.frevvo.com:443/frevvo/web/saml/metadata/alias/{tenant} in your browser. Replace {tenant} with your cloud tenant. Right click to View Page Source and save as an XML file.
  2. Login to your Cloud account as tenant admin and click the Edit Tenant button.
  3. In the Security Manager section, click the Change button, choose SAML in the drop down that appears and click Ok. NOTE: Free Trial accounts do not show the Change button. If the Change button is not visible in your tenant, please contact customer support.
  4. The SAML configuration section will appear. In the Service Provider section, we must paste the SP metadata file we generated in Step 1 above. Unfortunately, the file contains an XML prolog (highlighted in the image below) which must be removed. Paste the contents of this SP metadata file without the prolog into the Service Provider text area of the configuration form.
  5. In the Identity Provider section, paste the IDP metadata file we generated and saved in the Google setup above. Once again, the file contains an XML prolog. Paste the contents of this IDP metadata file without the prolog into the Identity Provider text area of the configuration form.
  6. Check Authentication Only. This means SAML will authenticate the user but not retrieve any of the attributes. Users are not automatically discovered upon first login. Therefore, you must create users & roles using CSV upload.
    • If you do not wish to select the Authentication Only option, you’ll need to map other attributes in Google first before you can assign them in Frevvo. First Name, Last Name, and Email should be pretty straight forward since these attributes are surfaced by the Google SAML IdP app. The other attributes may be more difficult.
  7. With the Authentication Only option, attribute mapping only includes one attribute, the User Id. Since we mapped the email address to the User Id attribute in Google while setting up the SAML app, we can simply map the frevvo attribute to User Id in the configuration form.
  8. Submit the form and we’re done.

How to use your new SAML tenant

  1. Logout of all your Google accounts to test.
  2. Go to the tenant URL: https://app.frevvo.com:443/frevvo/web/tn/{tenant}/login. Replace {tenant} with your tenant id.
  3. You will be redirected to the Google login page.
  4. Login to Google as the Google user you chose/created as the tenant admin.
  5. You will be redirected to frevvo to the Manage Tenant screen.

The user id displayed in frevvo at the top will look like {user}@{domain}@{tenant} which is a bit confusing but is purely cosmetic.

Load other users in frevvo

Before your other Google users can login to frevvo using their Google Apps credentials, they must first be created in frevvo. You can download users from Google Apps as a CSV file (uncheck the create a Google Sheet option), modify it  to follow frevvo’s syntax as above and upload it. You can also login as the tenant admin Google user and create users and roles using the UI.

Once the user exists in frevvo, he/she can login using Google credentials and the system will behave as expected according to the roles assigned to the user.

frevvo + Google Apps: Part 6. Leave Approval Workflow

In previous articles in this series, we saw how you can save (write) submissions to a Google Sheet, use the Google Distance Matrix API to automatically calculate mileage and reimbursement amounts, create dynamic pick lists from a Google Sheet(read), update a Google Sheet and save your documents to Google Drive.

Today, we’ll put it all together and create a Leave Approval workflow. It has several steps.

1. Employee Requests Leave


Leave Request form

First, the employee logs in to the system (either directly to frevvo or integrated with Active Directory or other LDAP or SAML) and requests leave by filling out a form. This form reads Annual and Sick days from this Google Sheet for the currently logged in employee, shows them in the pick list labels and sets up the pick list options so that the employee can only select a valid # of days. The employee then signs the request digitally. This locks the section from being further edited. Finally, the employee sends the request to his/her manager for approval.

2. Manager Approval


Manager Approval (Smartphone)

The workflow then routes the request to that employee’s manager for approval. Since frevvo knows who the employee is, it can route to the specific person that needs to approve. The manager will get a notification email with a link to the leave request. He/she can then access the leave approval via the built-in task list and approve the request. If there are questions/concerns, the manager can reject it back to the employee for more information.

3. HR Department Processing

Finally, the workflow routes to the HR department for processing. Once HR has completed processing, the HR manager can click Finish and the workflow completes.

4. Update Google Sheets & Save to Google Drive

Once the workflow completes, the Google Sheet is automatically updated to reflect the changes in available days. The system will automatically subtract the number of approved days from the number that were originally available so that the data in the Sheet is always up-to-date.


PDF uploaded to Google Drive

The PDF Leave Approval document is also uploaded to Google Drive. The workflow is configured so that frevvo’s Google Connector will create a subfolder with the employee’s first and last names and the leave start date and upload the PDF of the approval to that subfolder so that it’s very easy to find at a later date.

5. Notify the Employee

Finally, the employee who originally requested the leave is also notified via email that the leave was approved and the PDF document is attached to the email. This way, the employee can save the documents for his/her records.

Does your organization use Google Apps? Are you interested in digitizing your day-to-day approval workflows and forms integrated with Google Apps? Visit our website to view examples, watch videos, sign up for a free 30-day trial or contact us for more information.

frevvo + Google Apps: Part 5. Saving documents to Google Drive

google_drive_logo_3963Does your organization uses Google Apps? You can combine frevvo + Google Apps to create some really cool and useful solutions. In previous articles in this series, we saw how you can save (write) submissions to a Google Sheet, use the Google Distance Matrix API to automatically calculate mileage and reimbursement amounts, create dynamic pick lists from a Google Sheet (read) and update a Google Sheet.

Today, we’ll look at how you can save documents to Google Drive and, essentially, use Google Drive as an affordable system for managing documents. Again, it’s a common scenario. When a Permission Form is signed, or a Leave Approval workflow completes, or a Purchase Order is received, you want to save the documents somewhere. Many companies still save them in email folders as attachments or manually drop them into a shared network drive. With frevvo, you can automatically upload them to Google Drive.


Upload to Google Drive

As before, you have to first get an access token. This is a one-time step. Login to your Google account and then visit: https://app.frevvo.com/google/consent. Follow the prompts and copy the access token and save it. Detailed documentation is here.

We’ve created a sample form and a shared Google Drive folder for demo purposes. Ironically, it’s a paper permission form that a parent must sign so students can use less paper and do things electronically 🙂

Click on the link above or on the image, fill in a student name, sign the form and enter an email address (don’t worry, it’s only used for this demo to email you the signed PDF. We won’t save it, it won’t appear on the PDF and it won’t be saved to Google Drive). When you submit, the form gets uploaded to Google Drive and saved in a folder with the student’s name so you can easily find it later. You’ll also get an email.


Save to Google Drive wizard

How can you connect your own form or workflow to Google Drive. It’s easy:

  1. In Google Drive, create a parent folder that will hold all the submissions for this form.
  2. In the Form Designer, simply click on the Doc Actions (what happens to my data) wizard and select the “Save to Google Documents” option.
  3. In the wizard that appears, enter your credentials (see above for how to get an access token).
  4. Select the parent folder you created earlier in Step 1.
  5. For Submission folder, you may enter a fixed value (not recommended) or use a template. In this case, we have chosen the StudentsName control. For example, if you enter John Adams in the Student Name control, the submission documents will be stored in a subfolder called JohnAdams.

That’s it. Try it out for yourself using our sample form and see how the form PDF is saved to Google Drive. If your form had attachments (e.g. receipts for an Expense Report) they would also be saved into the subfolder.

Interested in learning more? Visit our website to view examples, watch videos, sign up for a free 30-day trial or contact us for more information.

Like what you see? Check out Part 6 where we put it all together to create a leave approval workflow that connects with a Google Sheet, routes between multiple users for signatures, updates the Google Sheet and saves PDF documents to Google Drive.