The Power of Webflow Apps: Enhancing Your Website's Functionality
Webflow is a powerful platform for creating websites and web applications, and one of its standout features is the ability to extend its core capabilities with third-party applications known as "Apps." These Apps, which can be installed from the Webflow Marketplace, offer a wide range of functionalities that enhance your Webflow experience. In this blog article, we'll explore Webflow Apps in detail, covering how to add them to your site or Workspace, manage their access, utilize them in the Designer, and address frequently asked questions. Understanding Webflow Apps Webflow Apps are a game-changer for users looking to supercharge their website's functionality. They seamlessly integrate with key Webflow features such as forms, CMS Collections, User Accounts, and Ecommerce, while also expanding the capabilities of the Webflow Designer. Let's dive into the specifics: Adding an App to Your Site or Workspace Adding an App to your site or Workspace is a straightforward process: Visit the individual App page on the Webflow Marketplace. Click "Add to site." Select the Workspaces and/or sites you want to add the App to. Click "Authorize app." Navigate to "Go to [App name]" on the pop-up banner. Follow the App's instructions to complete the installation. Note: When you authorize an App for a Workspace, it gains access to all current and future sites within that Workspace. Keep in mind that removing an App's authorization for a single site requires removing authorization for the entire Workspace, which also affects other sites within the Workspace. Managing App Access You have full control over managing App access at the Workspace or site level: #### Managing Apps in Your Workspace To view the Workspaces that an App has access to: Click the Account dropdown in the navbar. Choose a Workspace. Go to Workspace settings > Integrations tab > Connected apps. Click "View" next to the App's name. You can revoke an App's access to a Workspace by: Selecting the Workspace that the App has access to. Going to Workspace settings > Apps & integrations tab. Clicking "Uninstall app" and confirming the action. You can also revoke access from within the Designer: Open the Apps panel. Click the App you want to revoke access from. Click "Remove app" to be redirected to Workspace settings, where you can complete the uninstallation. Important: Removing an App's authorization from a Workspace affects all sites within that Workspace. #### Managing Apps on Your Site For individual site management, follow these steps: Go to Site settings > Apps & integrations tab. Click "Revoke" on the App you wish to remove. Just like in Workspace management, you can also remove an App's access from within the Designer: Open the Apps panel. Click the App you want to revoke access from. Click "Remove app" and you'll be redirected to Site settings to finalize the revocation. Note: If the App is authorized to access your Workspace, you'll be redirected to your Workspace settings to remove access. Utilizing Apps in the Designer Some Apps have the capability to directly interact with the Webflow Designer via a built-in App window. This allows the App to manage elements, properties, styles, and text on the canvas using custom elements. Here's how to launch an App in the Designer: Open the Apps panel. Hover over the App you want to open. Click "Launch." The App will open in a dedicated App window on the Designer canvas. Note: Accessing Apps in the Designer is not available in secondary locales. However, custom elements created by Apps in the Designer on the primary locale are inherited by all secondary locales. Managing Custom Elements in the Designer Custom elements are elements created by Apps, offering various methods to manipulate their properties, styles, and child elements. Custom elements can be styled and managed just li