Types of components in Zapier Interfaces

In Zapier Interfaces, you can add components to your pages. Components allow you to add different types of functionalities to an Interfaces page. 

Beta

Zapier Interfaces is a beta product. It’s available for use, but still in active development and may change. You can build your own project today at interfaces.zapier.com.

Form

The form component allows you to collect user information and store it in Zapier Tables. You can also send the information to other apps with a Zap. Learn more about forms in Zapier Interfaces.

Text

A text component allows you to add text to any space in the project. You can use Markdown to style the contents of the text component. 

Customize text components with parameter objects

You can use information from form fields to customize the visitor's experience. To do so, you need that field's reference.

To edit or find a field's reference:

1. From any page in your project, click the field in your existing form component. Learn how to add a component.
2. Scroll down to the bottom of the field options, and click REFERENCE.
3. You can use the existing reference for the field, or type a unique reference name to replace the existing one.
4. Copy the reference to your clipboard.

You can insert the reference into the code below and use it in any text component.

{{ params.fieldreference|default:"default wording" }}

Replace fieldreference with the reference for the field you want to use. Replace default wording (keep the double quotes) with a default text. This will be used if the field is blank.

Table

Table components allow you to display structured information that can be searched, filtered, and updated. All Tables are stored on Zapier Tables. 

You must select an existing table from your Zapier Tables account. You can change the title that is displayed on the interface and can decide if you want to allow visitors to add new records to the table or edit and delete existing ones.

Kanban

Kanban components are based on Zapier Tables and help track the progress of projects based on statuses. 

Note

Tables must contain one dropdown field to be used in Kanban components.

Link cards

Create a collection of links for your visitors. Each card is composed of a link and description. You can also add an emoji to differentiate the cards visually.

AI prompt

This component allows you to create an AI-powered no-code form that provides information to visitors based on custom input fields. You can create fields and specify public websites as sources of content for the AI. It will then use the visitor's input and the sources of content to provide the visitor with the information they need.

Chatbot

Create a custom chat experience for your visitors. Learn more about the chatbot component.

Divider

A horizontal line that helps separate and organize content on the page. You can change the padding and the width of the line.

Media

Add images, videos, or your business logo to an Interfaces project. 

Images

You can upload the image or paste an URL and change the height, width, alignment, and how it aligns with other page contents. The maximum file size is 10MB. 

Video

You can change the width and alignment of the video. Currently, this component only supports YouTube links.

Logo

If you have an Interfaces Premium account, you can display your logo on the page.