{"id":6549,"date":"2024-04-14T15:38:22","date_gmt":"2024-04-14T07:38:22","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6549"},"modified":"2024-04-14T15:38:22","modified_gmt":"2024-04-14T07:38:22","slug":"introduction-to-webflows-application-programming-interfaces","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/introduction-to-webflows-application-programming-interfaces\/","title":{"rendered":"Introduction to Webflow\u2019s Application Programming Interfaces"},"content":{"rendered":"\n<div class=\"docs_rich-text w-richtext\">\n<p>Application programming interfaces (APIs) facilitate interaction between different software applications. Webflow\u2019s APIs offer the ability to link external services, enhance Webflow\u2019s primary functionalities, and develop cutting-edge solutions for designers and developers.\u00a0<\/p>\n<h6><strong>Pro-tip: <\/strong>If you lack coding skills, there are tools like <a href=\"https:\/\/webflow.com\/apps\/detail\/integrately\">Integrately<\/a>, <a href=\"https:\/\/webflow.com\/apps\/detail\/make\">Make<\/a>, or Zapier, which enable integrating Webflow with a vast array of third-party applications \u2014 without needing to deal directly with APIs or write code.\u00a0<\/h6>\n<p>This tutorial will cover the following topics:\u00a0<\/p>\n<ol role=\"list\">\n<li>Possible uses of Webflow\u2019s APIs\u00a0<\/li>\n<li>Steps to generate an API token\u00a0<\/li>\n<li>Creating a webhook\u00a0<\/li>\n<\/ol>\n<h2>Exploring Webflow\u2019s API Possibilities\u00a0<\/h2>\n<p>Webflow\u2019s APIs cater to diverse scenarios:\u00a0<\/p>\n<ul role=\"list\">\n<li><a href=\"https:\/\/docs.developers.webflow.com\/v2.0.0\/reference\/list-sites\">Sites API<\/a> \u2014 for retrieving site information\u00a0<\/li>\n<li><a href=\"https:\/\/docs.developers.webflow.com\/reference\/list-pages\">Pages API<\/a> \u2014 for fetching page details and related metadata\u00a0<\/li>\n<li><a href=\"https:\/\/docs.developers.webflow.com\/v2.0.0\/reference\/list-assets\">Assets API<\/a> \u2014 to manage assets in Webflow&#8217;s Asset panel, assign assets to folders, or list existing assets\u00a0<\/li>\n<li><a href=\"https:\/\/docs.developers.webflow.com\/v2.0.0\/reference\/collection_item_created\">CMS API<\/a> \u2014 for CRUD operations on CMS Collections and Collection items\u00a0<\/li>\n<li><a href=\"https:\/\/docs.developers.webflow.com\/v2.0.0\/reference\/list-products\">Ecommerce API<\/a> \u2014 for CRUD operations on Ecommerce products and orders\u00a0<\/li>\n<li><a href=\"https:\/\/docs.developers.webflow.com\/v2.0.0\/reference\/memberships_user_account_added\">User Accounts API<\/a> \u2014 to manage User Accounts\u00a0<\/li>\n<li><a href=\"https:\/\/docs.developers.webflow.com\/v2.0.0\/reference\/list-forms\">Forms API<\/a> \u2014 for form structure and submissions, connecting forms to external data sources\u00a0<\/li>\n<li><a href=\"https:\/\/docs.developers.webflow.com\/v2.0.0\/reference\/custom-code\">Custom Code API<\/a> \u2014 to add and handle custom scripts\u00a0<\/li>\n<li><a href=\"https:\/\/docs.developers.webflow.com\/reference\/designer-api-reference\">Designer APIs<\/a> \u2014 for direct interaction with the Designer canvas, including managing elements, styles, and components\u00a0<\/li>\n<\/ul>\n<p>Webhooks can also be set up to enable Webflow to communicate with third-party applications. Learn more about the capabilities of Webflow\u2019s APIs <a href=\"https:\/\/docs.developers.webflow.com\/v2.0.0\/reference\/structure-1\">here<\/a>.\u00a0<\/p>\n<h2>Creating an API Token\u00a0<\/h2>\n<p>Accessing Webflow\u2019s APIs necessitates an access token for authentication purposes, obtainable via <a href=\"https:\/\/developers.webflow.com\/reference\/authorization\">OAuth<\/a> or by generating a site API token.\u00a0<\/p>\n<p>For internal projects, generating a site API token can fast-track the process. However, for projects meant for wider use, employing a Webflow App for <a href=\"https:\/\/developers.webflow.com\/reference\/authorization\">OAuth authentication<\/a> is recommended.\u00a0<\/p>\n<p>This section will guide you on producing an API token to replace passwords in API use. Just like passwords, an API token (also known as an \u201cAPI key\u201d or \u201caccess token\u201d) identifies the requesting site or application. API tokens are also equipped with permissions (\u201cscopes\u201d) that outline and govern their capabilities.\u00a0<\/p>\n<h6><strong>Note:<\/strong> API tokens will expire after 365 days of inactivity.<\/h6>\n<p>To generate an API token:\u00a0<\/p>\n<ol role=\"list\">\n<li>Navigate to <strong>Site settings<\/strong> &gt; <strong>Apps &amp; integrations<\/strong> tab &gt;<strong> API access<\/strong><\/li>\n<li>Click on <strong>Generate API token\u00a0<\/strong><\/li>\n<li>Input a <strong>name<\/strong> for your API token<\/li>\n<li>Select the desired permissions for each Webflow API (such as no access, read-only, or read and write)<\/li>\n<li>Click on <strong>Generate token<\/strong><\/li>\n<li>Copy the generated token to your clipboard<\/li>\n<\/ol>\n<blockquote><p><strong>Important: <\/strong>Securely store your API token as it contains personal and sensitive information, akin to passwords. Once created, the token cannot be viewed in your Dashboard again. Concerned about a compromised token? Generate a new one by visiting <strong>Site settings<\/strong> &gt;<strong> Apps &amp; integrations<\/strong> tab &gt; <strong>API access<\/strong>, and then replace the compromised token in any third-party connections.\u00a0<\/p><\/blockquote>\n<h2>Establishing a Webhook\u00a0<\/h2>\n<p>Webhooks serve to transmit live data from Webflow to external applications upon specific site events. Learn more about available webhook events from our developer documentation <a href=\"https:\/\/docs.developers.webflow.com\/reference\/all-events\">here<\/a>.\u00a0<\/p>\n<p>To set up a webhook:\u00a0<\/p>\n<ol role=\"list\">\n<li>Access <strong>Site settings<\/strong> &gt; <strong>Apps &amp; integrations<\/strong> tab &gt; <strong>Webhooks<\/strong><\/li>\n<li>Click on <strong>Add webhook<\/strong>\u00a0<\/li>\n<li>Choose the trigger type (e.g., Form submission, Site publish, etc.)\u00a0<\/li>\n<li>Select the API version (e.g., v1 or v2)<\/li>\n<li>Insert the webhook URL (e.g., https:\/\/yourdomain.com\/webhook\/webflow)<\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Use Webflow\u2019s APIs to build Apps or programmatically manage with your static and dynamic site content.","protected":false},"author":2,"featured_media":5155,"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":[300],"tags":[],"class_list":{"0":"post-6549","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-cms-dynamic-content","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6549","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=6549"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6549\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5160"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}