Using Zapier to build Qwilr Pages

Our Zapier integration lets you connect Qwilr with other apps, and generate personalized Qwilr Pages automatically. Zapier offers both free and paid plans.

Note: If you haven't used the Zapier integration before, please see our general Zapier article for more on how it works.

Before you start

Zapier offers a wide selection of apps you can use as the trigger point for your Zap - forms, spreadsheets, and CRM tools, to name a few. Each app will have slightly different information it can pass into Zapier, so there may be some variation from these basic instructions. If you need any help, please reach out to our team.

In this example, we'll create a Zap that begins when a client enters responses in a Typeform. From there, Zapier will use the details from the form to create a new Qwilr Page.

Before you build the Zap, you'll want to have: 

  • A template ready in Qwilr
  • A test form ready in Typeform

Note: Zapier allows sharing of Zaps, so here's a link to the one we've created in this article. You can open it in your Zapier account as a starting point.

Setting up the Qwilr Template

Step 1. First, build a Qwilr Page

Step 2. Convert the page to a Qwilr template. In the top right corner of the page, click on the Convert to Template icon.

Note: In Qwilr, your template will move from your dashboard to your template library. If you need to find it again, click the Create New button on your dashboard, and then choose From Template.

Step 3. Add some tokens to the page. Tokens indicate where the personalized details will go. You can add as many tokens as you need in any location. You'll define what the tokens are, but they'll be based on the information fields you're pulling in from the trigger app. In our example, we're basing the tokens on the fields in our form.

You can find instructions on creating tokens in this article. Here's an example from our Qwilr template, which has several tokens added.

You can decide how to word the tokens, but it's best to follow these general rules:

  • Don't use any spaces in your tokens. Instead of company name, use companyname or company_name.
  • Keep your tokens all lowercase. This just keeps the potential for errors lower. Instead of CustomerName. use customer_name or customername.

Trigger: New form response

Note: If you're using a different app as the trigger for your Zap, the process will be similar to what's shown here, but there may be small variations. Please reach out to our team if you have any questions about your own Zap.

Step 1. In Zapier, start a new Zap and choose Typeform as the trigger app. Then choose New Entry as the trigger.

Step 2. Click Continue, and then follow the prompts to connect your Qwilr and Typeform accounts.

Step 3. Once your accounts are connected, you'll be able to click on the Form field and choose the Typeform you want to use from the list. Then click Continue.

Step 4. Click Test Trigger. Zapier will search for the most recent response to this form in your Typeform account, and pull in that sample data. If your form doesn't have any responses yet, Zapier will pull in some placeholder data instead.

Step 5. Zapier displays the sample data like the example below. 

The top section displays your form's questions (preceded by ###), followed by the sample responses.

Below that, bold text shows the names of data fields that Qwilr allows Zapier to access. The grey text next to each data field is the sample response from your form. 

Having them side by side like this will make it easy to choose the data fields you'll need in the next step of the Zap.

Step 6. Click Continue to move on to the action step.

Action: Create a Qwilr Page

Step 1. Choose Qwilr as the action step for your Zap. The action Create Project will populate automatically. Click Continue.

Step 2. Follow the prompts to connect your Qwilr account to Zapier.

Step 3. Click on the Qwilr Template field. Zapier will display a list of your existing templates in Qwilr. Choose the one you want to use for this Zap.

Step 4. Zapier displays a Project Name field, which you can leave field blank. Qwilr will automatically use the title of your template as the title of each new page you make from it. 

If you include tokens in your template title, as we've done in this example, that will add personalized details to the page title, which is handy for locating the finished Qwilr Page later.

You can go back to Qwilr and update the template title at any time. 

Step 5. It's a good idea to have your template open in another browser tab for this step. Now it's time to give Zapier instructions about the tokens in your template. 

We'll connect each token to a specific field in the trigger app. In this example, we'll use fields from the Typeform.

Start by typing the first token from your template into the Variables field. Don't use the curly brackets here - just use the text between the brackets.

Note: As a quicker option, you can copy/paste the token text from your template into this field.

Step 6. In the Undefined field next to the token text, you'll choose the field from your Typeform that matches. In this case, our token is bride_first_name, so we'll choose the first name field from our Typeform.

Click on the Undefined field to bring up a list of all the available data fields from Typeform. Click Show All Options to expand the list. Then click on the field you want to match to your token.

Step 7. Click the + symbol to add another variable. 

Then repeat the process - type or paste the token text from your Qwilr template in the left field, and then choose the Typeform field to match it. You'll need to do this for each token you've used in your template.

Step 8. Click Continue. Then click Test & Continue. Zapier will create a test page in your Qwilr account.

If the test is successful, Zapier displays a message to let you know. 

If there's an issue and Zapier can't send a test email, it will present a troubleshooting guide. If you have questions, please reach out to us and we'll be glad to help.

Step 9. When you have a successful test, go to your Qwilr dashboard. You should see your template on the dashboard now, labeled as a Blueprint. Hover over it to reveal the View Children button, and click that to see the new test page.

The test page should have all the personalized details from the Typeform in place, like this.

Step 10. Head back to Zapier and turn on the Zap.

From this point, each time someone submits their responses on your Typeform, Zapier will create a new personalized page in Qwilr. You can then share it with the prospect.