Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Interfaces
  • Use interface components

Fill form fields in advance in Zapier Interfaces

Written by Owner

Updated at August 20th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Tables
    Work with tables Manage tables Create tables Troubleshoot Zapier Tables
  • Product updates
    Product updates: January 2023 Product updates: March 2023 Product updates: February 2023 Product updates: April 2023 Product updates: May 2023 Product updates: June 2023 Product updates: July 2023 Product updates: August 2023 Product updates: September 2023 Product updates: October 2023 Product updates: November 2023 Product updates: December 2023 Product updates: January 2024 Product updates: February 2024 Product updates: March 2024 Product updates: April 2024 Product updates: May 2024 Product updates: June 2024 Product updates: July 2024 Product updates: August 2024 Product updates: September 2024 Product updates: October 2024 Product updates: November 2024 Product updates: December 2024 Product updates: January 2025 Product updates: February 2025 Product updates: March 2025 Product updates: April 2025 Product updates: May 2025 Product updates: June 2025 Product updates: July 2025 Product updates: August 2025
  • Zaps
    Zap basics Zap history Troubleshoot Zaps Manage your Zaps Do more with Zaps
  • Your Zapier account
    Plans Billing Account profile Notifications Data privacy & security Get help User roles and permissions
  • Interfaces
    Troubleshoot Zapier Interfaces Create an interface Use interface components Manage interfaces
  • Canvas
    Create a canvas Collaborate on a canvas
  • Chatbots
    Add logic and knowledge to chatbots Troubleshoot chatbots Create chatbots Manage chatbots
  • Getting started
    Intro to Zapier Set up your Zapier account Use case templates
  • Agents
    Create agents Manage agents Troubleshoot agents
  • MCP
    Set up MCP
  • Built-in tools
    Filter & Paths Formatter Schedule & Delay Email, IMAP, SMTP, & Email Parser Webhooks & Code Storage, Digest, & RSS Sub-Zap & Looping Other built-in tools Custom Actions & API Requests Functions AI by Zapier & AI actions Copilot Human in the Loop
  • Lead Router
    Create routers
  • Apps
    Connect and manage your app connections AI apps on Zapier Apps on Zapier
+ More

Table of Contents

Find the field reference ID Use URL parameters with embedded pages

You can fill form fields in advance for your visitors by using URL parameters for each field. Form fields have unique references, which can be used to fill out certain fields by default for visitors.

Find the field reference ID

The field reference ID is a unique identifier for each field in your form. 

  1. On a form component, click the field you want to use. A sidebar will open. 
  2. Scroll down to the bottom of the field options, and click REFERENCE.
    • You can use the existing reference ID for the field or type a unique reference ID for each field.
  3. Keep the reference to use later. Repeat these steps for each field you want to use.

Build the URL

To build a URL with prefilled fields, you can use the reference IDs in the following formula:

<url of your Interfaces page>?<first reference ID>=<value to prepopulate>&<second reference ID>=<value to prepopulate>

The first field reference ID needs to be connected to the URL by a ?, with its value connected by a =, and each subsequent reference ID needs to be preceded by an & and connected to its value by a =.

actionEdit icon Example

The following example URL should open an Interfaces page with two fields prepopulated, Starting Date and Team:

https://url-parameters-test.zapier.app/sign-up?start_date=15-Mar-2023&team_name=Recruiting

Screen_Shot_2023-05-19_at_2.33.32_PM.png

 

Use URL parameters with embedded pages

You can also use URL parameters with embedded pages. To set this up, you'll first need to find the reference ID for the field you want to use. Once you have that ID:

  1. Click Share at the top of your interface page.
  2. Click the Embed tab, in the dialog box.
  3. At the bottom of the dialog box, select the checkbox for Allow query params. 
  4. In the embed code field, look for query-params=''.
  5. Paste the reference ID for the form field, followed by an equal sign and the desired value,  between the single quotes. For example: if a field reference ID is "email" and the value you want it to use is "test@example.com", then you can use the embed code this way: query-params='email=test@example.com'.
  6. Click Copy embed.

A dialog box showing the Allow query params checkbox selected

ratingStar icon Tip

You can also use information submitted through a form field or managed user information to customize what visitors see. 

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Use forms in Zapier Interfaces
  • Types of components in Zapier Interfaces
  • Personalize text components with user details
  • Use dynamic filters to show personalized information
  • Use Zaps with Interfaces components

Copyright 2025 – OBZ-Zapier.

Knowledge Base Software powered by Helpjuice

Expand