Pineapple Builder


Pineapple + Airtable Form


Share your form & collect submissions


Overview

Airtable Forms is a powerful, user-friendly online form builder that can be used to collect data, track progress, and create custom forms. It is easy to use and customize, allowing business owners to create forms that fit their specific needs. By connecting Airtable Forms to their website with Pineapple Builder, business owners can easily embed forms on their website and capture data, such as customer contacts, feedback, and more. This makes it easier to manage and track customer interactions, helping businesses to better understand their customers and improve their services. Additionally, Airtable Forms is integrated with other Airtable features, such as automation and reporting, making it a powerful tool for businesses of all sizes.

Main benefits

Collect submissions


You can start collecting information by sharing your form.

Take Action


Once you start receiving submissions, you can then review, update, and take action on those details—all within Airtable.  

Add Airtable Form to Pineapple Builder



Step 1: Add "Embed" component


In editor Add embed component with "plus" button before or after the component and choose Embed (code)

Embed 2
Step 2: Edit "Embed" component
Embed 3

Step 3. Create your Form

Waitlist application form create form

Step 4: Prepare the form for visitors

In Airtable, publish or share the form using the access settings appropriate to your audience. Use Airtable's current embed option to obtain the form's iframe code. See Airtable's form building and sharing guide.

Check the form as a visitor. A form that requires an Airtable sign-in may not suit a public enquiry page. Sharing a form is different from sharing the underlying base or table.

Waitlist application form copy code 1
Step 5: Copy Iframe code


Copy the code. You can find more details here.

Waitlist application form copy code 2

Step 6: Paste the iframe into the Embed block

Select the Embed block and paste Airtable's iframe code into its code setting. Set enough height for every field, the submit button and the confirmation message. Preview the page on a narrow screen and check that nothing is clipped.

Save and publish the website page, then open its public address. Submit a clearly labelled test using your own details and confirm that the record appears in the intended Airtable destination.

Responses are managed by Airtable. An embedded Airtable form does not automatically create a Pineapple Leads entry or use Pineapple's contact-form notification settings. See native Contact Form setup if that is the workflow you need.

Waitlist application form code

Check the whole form journey

Check the form's access, required fields, mobile height and confirmation state on the public page. If a submission is missing, investigate Airtable's form and destination settings. A successful page load alone does not prove the response was saved.

Waitlist application form final

Try Pineapple Builder

Start building your business today.

Try Pineapple Builder and build your website on your own terms.

Pineapple Builder - AI Website Builder Generate Website