You can now configure your theme to make Userflow dismiss flows when a user clicks on the modal backdrop (the semi-transparent layer behind modals).
Look for the new Modal backdrop behavior option under the Modal section in the theme editor.
The default setting remains Do nothing.
We’re excited to announce our new Zapier integration.
The Userflow-Zapier integration enables you to instantly connect Userflow with 3,000+ apps to automate your work and find productivity super powers.
You can now make images and videos in your flows extend all the way to the sides, achieving a cool full-width look.
This is made possible by the new Margin settings in the image/video popover. Simply click an image and check Margin.
To extend the image to the sides, add a negative margin (such as -24 pixels).
At Userflow, security is of the utmost importance. Today we’re releasing a new security feature called Identity verification.
Identity verification adds an additional security layer to your Userflow.js snippet, by requiring a special signature, which only your back-end can compute via a secret key provided by Userflow. This prevents malicious third parties from posting data to Userflow on behalf of your users.
We strongly recommend that you configure and enforce identity verification to safe-guard your users’ information.
Userflow now works out-of-the-box with iframes. It even works with iframes inside of iframes. Go crazy with iframes.
The only requirement is that your iframes and the top-level document is on the same domain. Besides that, there’s nothing special you have to do to use Userflow with iframes.
We’ve added a few content-related REST API endpoints, which your back-end can use to e.g. look up whether a specific user has seen a specific flow, or to fetch a list of flows that users may start in your app.
You can now read the following resources via the API:
GET /content - lists all your flows, checklists and launchers. GET /content_versions - contains the actual contents (such as survey questions and checklist tasks) of content objects in a versioned manner. GET /content_sessions - a session is a specific user’s journey through a specific flow. Spoiler: We’ve partly added this for our upcoming Zapier integration. Ask us if you’d like early access to our Zapier app.
We are very excited to announce the launch of our bi-directional HubSpot Integration. This useful integration will allow you to better integrate Userflow into your sales and customer success processes and e.g. auto-start flows based on HubSpot properties and keep track of onboarding events in HubSpot.
We’ve made an improvement in Userflow.js, such that it actively reacts to events and user attribute changes made in the background. By “background”, we mean events posted or user attributes changed via our back-end REST API, or via integrations such as Segment and HubSpot that can sync data into Userflow.
Before, Userflow.js would not react immediately to e.g. an event tracked via Segment (which is delivered to Userflow asynchronously). Only once the user performed some action on the page, such as the URL changing, Userflow.js would detect the new event. This meant that you could not, for example, mark a checklist task as completed when a Segment event was tracked.
This now works out-of-the-box 📦.
This is the 5th and last shorter part of our SaaS Onboarding series. If you have not read the previous 4, they are listed below
In this last shorter blog post, we will focus on the last part of the SaaS onboarding journey, namely tracking your success.
We’ve added some new formatting options to our rich content editor, so you can make your content stand out even more than before.
The new formatting options include:
Find the new options in the toolbar. Hover over each icon to see its keyboard shortcut. Some formatting is automatically applied, such as when you start a line with - (a dash and a space), you get a bulleted list, or 1. to get a numbered list.
We also have a nyfty new color picker, which you’ll also find in the theme designer now:
The color picker remembers all colors you’ve previously used. You can enter your own color codes, or you can get a quickstart using the color palette from Material Design.
