{"id":6302,"date":"2024-04-14T14:57:03","date_gmt":"2024-04-14T06:57:03","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6302"},"modified":"2024-04-14T14:57:03","modified_gmt":"2024-04-14T06:57:03","slug":"add-an-airtable-form-on-webflow","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/add-an-airtable-form-on-webflow\/","title":{"rendered":"Add an Airtable form on Webflow"},"content":{"rendered":"\n
\n
Handy tip: <\/strong>You can also utilize Logic\u2019s Make HTTP request block to dispatch data from original Webflow form submissions to Airtable. Explore more about generating records in Airtable with Logic.<\/h6>\n

Throughout this tutorial:<\/p>\n

    \n
  1. Duplicate the insert code from Airtable<\/li>\n
  2. Insert the code in your website<\/li>\n<\/ol>\n

    Duplicate the insert code from Airtable<\/h2>\n

    Within your Airtable spreadsheet at the upper left corner, press on the Grid view<\/strong>. Beneath Add a view<\/strong>, select Form<\/strong>, and from here, you can individualize your form. Bear in mind that the label you assign to the form will be visible on your website.<\/p>\n

    \n
    \"Step<\/div>\n<\/figure>\n
    \n
    \"Step<\/div>\n<\/figure>\n

    Press Share form<\/strong> > Embed this form on your site<\/strong> to unveil a new tab with the code snippet. Prior to taking the code snippet, switch on the Autosize height<\/strong> toggle to on<\/strong>. Then highlight and copy the Embed code to your clipboard.<\/p>\n

    \n
    \"Steps<\/div>\n<\/figure>\n

    \u200d<\/p>\n

    Insert the code in your website<\/h2>\n

    Within the Designer of your Webflow venture, press the plus icon from the left panel.\u00a0\u00a0<\/p>\n

    Under Components<\/strong>, drag an Embed<\/strong> element into your current design. Use Command (Control) + V to insert the code snippet from the previous step into the HTML Embed Code Editor that emerges. Press Save & close<\/strong>.<\/p>\n

    \u200d<\/p>\n

    \n
    \"Webflows<\/div>\n<\/figure>\n

    From the upper right corner tap Publish<\/strong> > Publish to Selected Domains<\/strong> and observe the published outcome.<\/p>\n

    <\/p>\n

    \n
    \"The<\/div>\n<\/figure>\n

    <\/p>\n

    Take a moment to test your form \u2014 the data from your submission should display in the Grid view back in your Airtable spreadsheet.\u00a0<\/p>\n

    Great job!<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Embed an Airtable form on your website and track form submissions sent directly from your site.","protected":false},"author":2,"featured_media":6303,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[296],"tags":[],"class_list":{"0":"post-6302","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-integrations","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=6302"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6302\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/6303"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}