Case study
Signups to use Adalo’s integration jumped 40% after embedding Zapier with Quick Account Creation into their app builder. Read more about Adalo’s user experience and results.Example implementation
This video demonstrates how to implement Quick Account Creation using the Zap template element within Adalo's platform. This provides users with a faster, seamless sign-up experience.
Prerequisites
- New or existing implementation of the Workflow Element, or Workflow API.
- Access to your user’s first name, last name, and email on the page supporting Quick Account Creation.
Add support to embed elements
1
Visit the generator
Go to the generator tool for
the Workflow Element.
2
Customize
Customize the visual design and features of the embed solution of choice.
3
Generate your embed code
Generate the embed code in HTML, Vanilla JS, React, Angular, or Vue.js.
4
Replace placeholder properties
Replace the placeholder values set to
sign-up-email
, sign-up-first-name
,
and sign-up-last-name
in the code Body. All three values and the client ID
are required for Quick Account Creation.5
Embed your embed code
Embed both the Head and Body code on your product’s page.
client-id
sign-up-email
sign-up-first-name
sign-up-last-name
Add support to the Workflow API
Redirect users to the Zap editor
After an account is created with this implementation, a user token still needs to be procured to access specific Workflow API endpoints. Generally, since the user will already be signed in to their newly created account in an active session on Zapier, users won’t have to explicitly sign in again when prompted with Zapier’s OAuth flow.1
Use the URL below to initiate Quick Account Creation, then redirect users into the Zap editor with the Zap template set in the parameters:
2
Replace the following query parameter placeholders in the URL:
Parameter | Requirement | Explanation |
---|---|---|
client_id | Required | Your application Client ID. |
template | Required | An ID of a Zap Template. |
sign-up-first-name | Required | First name of the user signing up. |
sign-up-last-name | Required | Last name of the user signing up. |
sign-up-email | Required | Email address of the user signing up. |
refer or referrer | Required | URL of the page where the user clicked the link. |
Procure a token and redirect users to a custom URL
This implementation allows a new Zapier account to be created, provides an access token to Zapier’s Workflow API, then allows you to redirect users to a custom URL of your choosing.1
Use the URL below to initiate Quick Account Creation, then redirect users to a specified URL:
2
Replace the following query parameter placeholders in the URL:
Parameter | Requirement | Explanation |
---|---|---|
redirect_uri | Required | The page the user will be redirect to after OAuth. |
scope | Required | Space (%20 ) separated values. See the API reference for more information on specific scopes required. |
response_type | Required | Set to code . |
client_id | Required | Your application Client ID. |
sign_up_first_name | Required | First name of the user signing up. |
sign_up_last_name | Required | Last name of the user signing up. |
sign_up_email | Required | Email address of the user signing up. |
When Quick Account Creation is enabled
- If the user is already logged into Zapier, they are redirected to the Zap editor.
- If the user’s email is already associated with a Zapier account, but the user is not logged in, they are redirected to Zapier’s sign-in page.
- If the user’s email is not associated with an existing Zapier account, they are redirected to the consent page.
- If the user consents to the terms and selects “Continue”, a Zapier account is created on their behalf and they are redirected to the Zap editor. They receive an email to finish setting up their account shortly after the account is created.
- If the user closes the consent page, no Zapier account is created.
- If there is an error creating an account, the user is redirected to an error page.
- In the event a user wants to sign up with a different email than the one supplied, they can edit that email within the consent page.
- In the event a user has an existing Zapier account, but it’s not under the supplied email they also have an option to sign in to any other account from the consent page.