Zapier Interfaces: A no-code app builder powered by automation

App fatigue is real. We cobble together solutions—like using different form builders or landing page builders—to account for all our business needs. But trying to find a one-size-fits-all solution (one that's powered by automation) can be virtually impossible.

That's why Zapier built a solution so you can create your own solution—regardless of your tools or technical know-how. Zapier Interfaces is a form and webpage builder—powered by automation—that lets you collect and surface the data you need to best manage your workflows.

What you'll find in this guide:

• What is Zapier Interfaces?

• What can I create within Interfaces?

• When should I use Interfaces?

• Elements of an interface

• Triggers and actions for Interfaces

• How to set up an interface

• How to create and connect Zaps to an interface

• How to share and embed an interface

What is Zapier Interfaces?

With Interfaces, you can easily spin up a central hub for managing both your external and internal business processes—from forms and landing pages to trackers and Kanban views. 

Using drag-and-drop tools, you can create landing pages to engage prospects or customers, forms to capture leads, client portals to help customers discover resources, and much more. 

You don't have to ditch your existing apps, either. Interfaces integrates with the thousands of apps and automated workflows (called Zaps) Zapier already supports. That means you don't have to hop between various apps: You can connect your favorite tools and automatically update an interface with the latest info.

But how is Zapier Interfaces different from other no-code form and landing page builders?

• Build and launch fast. You don't need to be a technical wizard or a design pro to create customized, branded interfaces. With zero learning curve, you can spin up landing pages and forms without knowing a lick of code.

• Automate and streamline work with your existing tools. Interfaces has its own Zapier integration, so you can connect it to the thousands of apps Zapier already supports. You can also link Interfaces to Zapier Tables (to store your data) and Zapier Chatbots (to engage prospects) for further automation opportunities.

• Take action on your data automatically. Building forms and landing pages with Zapier Interfaces means you can create Zaps that send your data automatically to other tools. And when you make changes to a form, those updates are automatically reflected in your linked Zaps, Tables, and other Zapier products.  

• Get tailored views of your data. With Zaps and Tables powering your interfaces, you can create filtered views of the information your forms bring in. Plus, you can control who has access to that data with password protection and permissions, so the right team members see the data they need.

• Automate and manage business processes in one spot. You can easily access your Zaps from the Interfaces builder or your Zap dashboard. If something goes wrong, you'll know—and can fix it right away.

What can I create within Interfaces?

Zapier interfaces gives you the building blocks you need to create your own tailored app solutions. You can drag, drop, and customize components like text, media, forms, Kanban views, link cards, tables, dividers, buttons, checklists, and even AI chatbots. You can build:

• Quick landing pages to engage prospects or customers.

• A basic form to capture leads or internal requests from teammates.

• A platform to sell your products or services and accept payments through Stripe.

• A client portal for customers to view completed work, submit requests, and access help documentation.

• An internal onboarding hub for new employees.

• A lightweight CRM (Customer Relationship Management) tool.

You can also personalize your custom app with your brand colors, use a custom domain, or even embed an interface on an existing website. 

When should I use Interfaces?

You should use Zapier Interfaces when you need a quick and simple form or webpage builder that connects your internal processes to your entire tech stack. If you need a better way to manage your end-to-end workflows in one place, Zapier Interfaces is your best bet.

Signs you should use Zapier Interfaces: 

• You're frustrated with current tools because they're too complex or not personalized enough. You've tried all the apps out there, but they either had too many features for what you actually need, or you want to have more control over certain functions. For example, you might use an HR tool internally with an employee directory, but you need to know what each team is responsible for. You could create a directory in Interfaces that automatically updates from your HR tool with an overview of individual teams and current members.

• You need to launch something quickly. It can be time-intensive and costly to implement a centralized solution, which may not be worth the effort if it doesn't solve the problem. You can quickly build a solution with Interfaces, find out what works, and tweak what doesn't. Let's say you have a hunch that a centralized portal and help center would minimize confusion (and emails) with external clients. You can build and launch something with Interfaces quickly and see how your clients respond. 

• You want to connect your existing tools to a single, user-facing app to interact with. Jumping from app to app for a single process can be a disorienting experience for users. For example, if your team mainly tracks work in a database but your project documentation lives elsewhere. You can unify those experiences within Interfaces—without ditching your original tools. 

• You want a central hub where you can develop and automate your business processes. With Interfaces, you can take action on your data by automatically adding it to an automation-powered database.

Elements of an interface

Don't get overwhelmed by the idea of creating your own business app. Zapier Interfaces makes it easy, but here are a few key terms to know before you get started:

Interface: Each landing page, form, or customer portal you create with Interfaces is considered an interface. On the home page, you can see all the pages in your interface, the connected Zaps, and any connected Tables. 

Page: Each interface consists of one or multiple pages. You can control access on a page or interface level and decide which pages to include in your interface's navigation menu.   

Component: A component is an interactive or decorative block within a page. You can combine multiple components on a single page for your visitors to interact with, such as a form or Zapier Table. You can also mix up your page design with decorative components like media, text blocks, and dividers. 

Components offer different kinds of functionality, such as: 

• Link cards: Create a front-page navigation menu for your interface or add links to outside sources to create a centralized knowledge hub. 

• Forms: Create simple forms using an existing table for your form questions. You can also create a form from scratch or draft your own questions. Then, you can use Zaps to send those answers elsewhere, such as your CRM or email marketing platform. 

• Tables: You can use Zapier Tables to track sales, store event recordings, and more. Embed a table on a page and control whether users can add, edit, or delete records. You can also use the Tables integration to create new records, update existing ones, or start workflows from specific changes, so you can keep information accurate without the extra effort.

• Kanban: If a table isn't your preferred way to visualize records, the Kanban component uses your table data to visualize and manage tasks, track leads, and more. 

• Chatbots: You can add Zapier Chatbots to your interface to create a personalized chat experience for your customers and new visitors. Gather contact information from prospects, connect your chatbot to a knowledge source, and scale customer support. 

• Payment component: You can add a Stripe component to your interface that lets you collect payments for any of your products and services. You can use your own Stripe account and accept USD, CAD, and EUR currency.

Triggers and actions for Interfaces

The hidden power of Zapier Interfaces is its automation capabilities. The Interfaces integration lets you create automated workflows to power your custom apps. For example, you might create a team resource hub that automatically updates with Zaps, sending new meeting recordings and documentation to a table.

Triggers for Zapier Interfaces

Interfaces has six triggers—events that start a Zap. Some triggers are component-specific, while others are more general. Here's what's available:

• Block Created: You can trigger workflows when a component is added to a specific interface or page or start Zaps when specific component types are added. For example, you may want to automatically notify a client whenever you've added a progress tracker to their portal. 

• Page Created: You can also start Zaps when creating a new page for a specific interface. For example, you could create a checklist of onboarding tasks for a new colleague. 

• Interface Created: You can start automated workflows when creating a new interface. You could automatically log new interfaces in your team's documentation hub so your team has the latest info.

• User Created: If you prefer to restrict access to your web app to certain users, you can trigger Zaps whenever you add a new managed user to your interface. For example, you could use the User Created trigger as part of an onboarding workflow for new customers or employees. 

• Form Submission Created: If you've connected form apps to Zapier before, you know how powerful (and time-saving) these workflows can be. The Form Submission Created trigger brings the power of form automation to Interfaces. You can save responses to Zapier Tables or another database, trigger notifications and confirmation emails, and more. 

• Button Clicked: You can start workflows whenever a button component within your interface is clicked. For example, you could use it to log user feedback, submit support requests, or update project statuses in real-time. With it, you can add a layer of interactivity to your interfaces, allowing users to initiate automated tasks with a simple click.

Actions for Zapier Interfaces

Interfaces also has four actions—events a Zap performs once triggered. These actions help you manage users on restricted Interfaces. 

• Create User: You can use the Create User action in a client onboarding workflow, for example, to grant access to their own personal portal.

• Find User: This search action will look for existing users in your interface by searching for their email address. This is great for automating user management tasks such as updating user information or checking access permissions before triggering other actions in your workflows.

• Find or Create User: This search action will look for existing managed users in your interface. If one doesn't exist, Zapier will automatically create one. This is great for incorporating into your sales and onboarding workflows. 

• Remove User: You can also remove users when they no longer need access to your web app. For example, if you sell a subscription product, you can automatically remove users with new subscription cancellations. 

How to set up an Interface

Now that you understand what Zapier Interfaces can do and how you might use it, we'll walk through how to create your own.

To get the most out of Zapier Interfaces: 

1. Create an interface

2. Configure page options

3. Create and connect Zaps to your interface

When you connect Zapier Interfaces to your critical Zaps, you'll uncover ways to streamline processes with your custom solution. 

How to create an interface

Once logged into your Zapier account, you can access Zapier Interfaces from the left-hand menu or visit interfaces.zapier.com.

On the top-right corner of the dashboard, click + Create.  

There are multiple ways to create your first interface:

• Create an interface from a template

• Create an interface from existing data in Zapier Tables

• Create an interface from scratch

For this guide, we'll focus on creating our interface from scratch. However, the same steps generally apply no matter which method you use. 

Create an interface from a template

You'll see various templates to choose from. Once you click on a template, you can start with the pre-built pages and components. 

Depending on what you want to build, you can also visit the template library to see more examples to choose from:

We also have a few tutorials to go along with these templates: 

• How to create a customer support portal

• How to create a free offer form

• How to create a lead capture form

Create an interface from existing data in Zapier Tables

If you're already using Zapier Tables to automate data, you can get a head start by creating a new interface from an existing table. 

Click on Start from scratch.

Next, choose either the Table component.

You'll be presented with an option to select a data source (an existing table) from a list of your tables. Otherwise, you can create a table from scratch.

Once your interface is generated, the dashboard will display the following: 

1. Pages: Interfaces will automatically create pages with components that work with Zapier Tables. 

2. Tables: This is a list of existing Tables connected to your interface. 

3. Zaps: Any existing Zaps connected to your table.

You can click on an existing page to edit, or click + Create page to add more.

Create an Interface from scratch

Here's how to create your own web app with Zapier Interfaces: 

1. Click + Create from the Interfaces dashboard. 

2. Click Start from scratch. 

3. Select a component to add a page to your interface. 

4. Customize and add more components to your page. 

5. Configure page settings.

6. Adjust interface settings.

Add a page to your interface

From the Interfaces dashboard, click + Create, and then Create from scratch. Interfaces will ask you to select a component to build your first page.  

In this example, I'll start with a simple Text component, but you can click Add next to whichever component you want to start with. 

You'll see the selected component on a page within the Interfaces builder. Click on the component to edit it in the right-hand pane. 

Components will have various settings you can adjust, such as appearance and behavior. The Text component I'm using is pretty simple. I can use Markdown to format text, adjust the component width, and change text alignment on the page.

Interactive components give you more customization options, which will vary depending on the type you use. Generally, you can change the following: 

• Content: Depending on the component type, you can add or remove fields and text, determine the desired component width, and change the alignment. 

• Data: Table, Kanban, and Form components will let you filter and display certain records and fields. With the AI Chatbot component, you can upload a static text file to teach your bot how to answer questions. 

• Actions: Certain components will let you display a message for certain behavior, such as a confirmation message after a form is submitted. You can also create Zaps to automate workflows based on specific component behavior. 

If you're creating forms, you can also customize your form fields, use form data to personalize components, and add conditional logic that determines if fields should be displayed based on previous user responses. 

Add more components

Once you've created your first component, you'll see a plus-button to add more. Hover your cursor over the plus-button and click Add component. 

You can select additional components to add to your page from the pop-up window.

I've added a Media component and uploaded an image in the example below.

Your page will begin to take shape as you add more components, and you can click and drag to rearrange the order. I created a simple bio page: 

And here's a landing page I created for a new product:

How to configure page options

Once you've built your page, click on the Page options button on the left-hand side of the Interfaces builder.

The Page name, Meta title, and Page URL fields will be pre-filled with a generic "Page" title. Change these fields to something more unique, and click Save changes. 

Adjust advanced settings in the sidebar

In the left sidebar of your interface, you can further personalize and manage different aspects of your interface, including advanced settings, branding, navigation, and more.

We'll cover the most important ones below:

Manage your connections

If you click the Connections icon in the left sidebar, you'll be able to see a list of all the connected Zaps and tables your interface page has for easy access.

When you click on each file, you'll either be taken to the Zap editor or to the corresponding table in a new tab.

Adjust interface settings

There are also interface-level settings you can change to further personalize your interface. If you click the Settings icon, you can name your interface and pick a new subdomain.

By default, your URL will be https://your-subdomain.zapier.app, but you can point it to your own custom domain with Interfaces Advanced.

Click on the Home page dropdown and select the page visitors will see first when visiting your app, then click Save changes.

Change your theme and branding

With paid Interfaces plans, you can customize your interface to match the look and feel of your brand. We'll briefly cover the fun part: making your app pretty. Click on the Theme icon in the left sidebar.

If you have preset brand colors (or you just enjoy choosing colors yourself), you can change almost anything—from page background to text color and even the shades of gray you prefer. As you change your theme, you'll be able to see how it looks on the right hand side of your screen. 

The Branding icon also allows you to use your own logo and favicon (the icon that appears on the browser tab or window when you visit a website).

Manage access and users

You can control who can view your interfaces by clicking on the Access & Users icon in the left hand sidebar. 

When you click into the Access field to expand the dropdown menu, you'll see four options to choose from: 

• Anyone with the link: This is the default option. Your interface will be accessible to anyone who has the link. 

• Anyone with the password: Only users who have access to a password you share will be able to access the interface.

• Managed users only: One time password: Only specific users you set up with a one-time passcode will have access.

• Managed users only: Advanced login: Only specific users you set up with a magic link or a Google account will have access. 

Manage navigation

Next, click on the Navigation icon. You can display your app's navigation and brand logo at the top of every page.

When you turn on Display navigation on pages, you can select the pages you want to include. This is useful if you want to hide certain pages under construction.

Click + Add link, then click on the empty field to add a new page to your nav.

Create and connect Zaps to your interface

If you've created an automated workflow with Zapier before, creating a Zap with Interfaces will be the same. You can create a Zap from scratch with our point-and-click editor or create a Zap from within an interface.

To create a Zap from an interface, hover over a page component and click Edit. 

If available, click on your component's Actions tab, then click Add action. 

Click Create Zap. 

You'll be directed to the Zap editor with the trigger pre-selected. Depending on the component type, your trigger app may be Interfaces or Zapier Tables because certain components use table data. 

I'm building an interface that tracks lead and sales activity. In the example below, I'm creating a Zap that automatically notifies my team when a lead moves to the specific pipeline stage. Since I use Zapier Tables to track sales and I'm using a Kanban component in my interface, my Zap will trigger from an updated record in Tables. 

Create your Zap as you normally would, test it, and make sure it's ready to use!

How to find connected Zaps in an interface

Zapier Interfaces lets you easily view, edit, and troubleshoot connected Zaps within an interface, page, or component—so you and your team can manage the front- and back-ends of your web app. 

Here's how: 

1. Find connected Zaps within an interface

2. Find connected Zaps on a page

3. Find connected Zaps in a component

Find and edit connected Zaps within an interface

From your dashboard, you can see all Zaps connected to your interface and whether they're active or inactive. If your interface uses a Zapier Tables component, you'll see any Zaps connected to that table. You can edit any Zap by clicking on it, automatically directing you to the editor. 

Find connected Zaps on a page

Like we previously mentioned, if you're editing a page in an interface, you can also click on the Connections icon from the left-hand sidebar to view and edit any Zaps connected to the current page. 

Find connected Zaps in a component

You'll also find connected Zaps whenever you create or edit a specific component. Hover your cursor over a component, click Edit, then click the Actions tab. You'll see all connected Zaps and their current status. 

Click on any Zap to edit it in the Zap editor. 

Note: You can find connected Zaps for table components within Zapier Tables. You can access your table under the component's Data tab, then click View Table. 

Share and embed your interface

You already know how to adjust user permissions under your Access & Users tab. 

But you can also invite coworkers from your Zapier account to edit your interfaces, related tables, and forms, and view any connected Zaps. That's great news if you're collaborating on a process with members from your team, as you can work on building out different components together. 

To invite someone from your team, click the Share button on the top-right corner of your dashboard.

Click into the dropdown menu to select someone from your team. 

If you want to share a page by its URL, click into the Link tab. In the dialog box, right-click and copy the URL to your clipboard.

To embed an interface page on another site, click the Embed tab.

From the dropdown menu, select the page you'd like to embed into your site. 

You can adjust the height and width of your embed code, and adjust other settings like including the page background. Once you've done that, select the code snippet type from the dropdown menu, then copy the embed code to your clipboard. 

Zapier Interfaces: Your automation-powered app builder

Your business is unique, so you should have more control over the tools that help you move your work forward. Zapier Interfaces is the no-code, automation-powered app builder that lets you create your own custom solution—regardless of your tools or technical skills. Now you can focus on your most important work and spend less time fighting your apps.

This guide was originally published in September 2023. It was most recently updated in September 2024.