--- title: "Connect Teamleader Focus and Webflow - APIANT.ai" description: "When \"New Company\" fires in Teamleader Focus, your agent runs \"Create Collection Item\" in Webflow." canonical: "https://apiant.ai/connect/teamleader-focus-to-webflow" --- # Connect Teamleader Focus and Webflow When **New Company** fires in [Teamleader Focus](https://apiant.ai/connections/teamleader-focus), your agent runs **Create Collection Item** in [Webflow](https://apiant.ai/connections/webflow), or **New Collection Item (polling)** in Webflow to **Add invoice** in Teamleader Focus. Describe the whole flow and it is built, tested on every scenario and kept running. Teamleader Focus **5** triggers Teamleader Focus **20** actions Webflow **1** trigger Webflow **11** actions What the catalog holds today. Ask for anything missing and your agent reads the API documentation and adds it. ## What do you want Teamleader Focus and Webflow to do together? Give your AI client this address. `https://mcp.apiant.ai` One connection does both: ask your client to act in an app once, or have it build an automation that keeps running. Any client that takes a remote MCP server. Nothing to install. Create your free account, then sign in once in your browser. ### Set it up in your client ### Claude Code Run this in the directory you want to work in. `claude mcp add --transport http -s project apiant-ai https://mcp.apiant.ai` Start Claude Code there, approve the server, and sign in in the browser page it opens. [Claude Code guide (opens in a new tab)](https://apiant.ai/docs/mcp/claude-code) ### Claude, web and desktop Open Customize, then Connectors, then Add custom connector, and paste the address. On Team and Enterprise an owner adds it first. [Setup guide (opens in a new tab)](https://apiant.ai/docs/mcp) ### Cursor Add the address to your MCP configuration as a server URL. Cursor signs you in in your browser. [Setup guide (opens in a new tab)](https://apiant.ai/docs/mcp) ### Zed Open Settings, then AI, then MCP Servers, then Add Server, then Add Remote Server. [Setup guide (opens in a new tab)](https://apiant.ai/docs/mcp) ### Codex and the ChatGPT desktop app Open Settings, then MCP servers, then Add server, and choose Streamable HTTP. From the terminal, Codex takes the address with its own add command and then signs you in. [Setup guide (opens in a new tab)](https://apiant.ai/docs/mcp) ### Any other MCP client Paste the address where the client asks for a remote MCP server URL, and name the server apiant-ai where it lets you. APIANT's skills reach the client over the same connection. [Setup guide (opens in a new tab)](https://apiant.ai/docs/mcp) Example flows ## What Teamleader Focus and Webflow can do together ### From Teamleader Focus to Webflow - When **New Company** in Teamleader Focus then **Create Collection Item** in Webflow - When **New Contact** in Teamleader Focus then **Publish Collection Items** in Webflow ### From Webflow to Teamleader Focus - When **New Collection Item (polling)** in Webflow then **Add invoice** in Teamleader Focus - When **New Collection Item (polling)** in Webflow then **Add task** in Teamleader Focus Starting points drawn from the triggers and actions in the catalog today. Describe the flow you need, at any depth, and your agent builds it and tests every scenario before it ships. Everything your agent can do with Teamleader Focus and Webflow ## Triggers and actions 6 triggers · 31 actions - Trigger **Deal Accepted** Triggers when a deal is accepted. - Trigger **Invoice Paid** Fires when a payment is registered on a Teamleader Focus invoice (vendor event invoice.paymentRegistered). - Trigger **New Company** Triggers when a new Company is added. - Trigger **New Contact** Triggers when a new contact is added. - Trigger **New Deal** Triggers when a new deal is created. - Action **Add invoice** Drafts a new invoice in Teamleader Focus. - Action **Add quotation** Creates a quotation on a Teamleader Focus deal. - Action **Add task** Create a task. - Action **Book Invoice** Books a draft Teamleader Focus invoice, giving it an invoice number and making it outstanding. - Action **Create Company** Creates a new company. - Action **Create Contact** Creates a new contact. - Action **Create Deal** Creates a new deal. - Action **Find Company** Returns up to 100 companies that match the specified search term, email, VAT number, tags or other criteria. - Action **Find Contact** Returns up to 100 contacts that match the specified search term, email, company, tags, status or ids. - Action **Find deals** Returns up to 100 deals that match the specified search term and filters, including their custom field values. - Action **Get company** Get details for a single company in Teamleader Focus. - Action **Get contact** Get a contact by id. - Action **Get deal** Get details for a single deal. - Action **Get Invoice** Returns one Teamleader Focus invoice with its customer, lines, totals and status. - Action **Get Task** Returns one Teamleader Focus task with its title, description, due date, work type and assignee. - Action **Link Contact to Company** Links an existing contact to an existing company, optionally setting the contact's position and whether they are a decision maker there. - Action **Update company** Update an existing company in Teamleader Focus. Only the fields you fill in are changed. - Action **Update contact** Update a contact. - Action **Update deal** Update a deal. - Action **Win deal** Marks a Teamleader Focus deal as won. - Trigger **New Collection Item (polling)** Polls a CMS collection for newly created items. - Action **Create Collection Item** Creates a new item in a CMS collection. - Action **Delete Collection Item** Deletes a CMS collection item by ID. - Action **Get Collection** Retrieves details and field schema of a CMS collection. - Action **Get Collection Item** Retrieves a single CMS collection item by ID. - Action **Get Site** Retrieves details of a single site by ID. - Action **List Collection Items** Lists items in a CMS collection (paginated). - Action **List Collections** Lists all CMS collections for a site. - Action **List Forms** Lists forms for a site. - Action **List Sites** Lists all sites the authorized user can access. - Action **Publish Collection Items** Publishes the specified live CMS collection items. - Action **Publish Site** Publishes a site to the specified domains. ## Each app on its own - [ **Teamleader Focus** Teamleader Focus incorporates CRM, project management and invoicing into one simple and intelligent tool...](https://apiant.ai/connections/teamleader-focus) - [ **Webflow** Webflow is a professional website builder and CMS for designing, building, and launching responsive...](https://apiant.ai/connections/webflow) Reviews ## What our customers say ## More from Teamleader Focus - [ **Teamleader Focus to Timesheet** Timesheet is a mobile Time Tracker which allows you the recording of your working hours with a simple push...](https://apiant.ai/connect/teamleader-focus-to-timesheet) - [ **Teamleader Focus to Trello** Trello is a visual collaboration tool that organizes projects into boards, lists, and cards.](https://apiant.ai/connect/teamleader-focus-to-trello) - [ **Teamleader Focus to Zoom** Zoom unifies cloud video conferencing, simple online meetings, group messaging, and a software-based...](https://apiant.ai/connect/teamleader-focus-to-zoom) - [ **Teamleader Focus to Twilio** Cloud communications platform for sending SMS/MMS messages, making and managing voice calls, and looking up...](https://apiant.ai/connect/teamleader-focus-to-twilio) - [ **Teamleader Focus to Typeform** Build and publish online forms, surveys, and quizzes with Typeform.](https://apiant.ai/connect/teamleader-focus-to-typeform) - [ **Teamleader Focus to Wix** The Wix website builder gives businesses of any size the tools to create, manage and grow a fully integrated...](https://apiant.ai/connect/teamleader-focus-to-wix) ## More into Webflow - [ **Salesforce to Webflow** Salesforce is a leading enterprise customer relationship management (CRM) platform.](https://apiant.ai/connect/salesforce-to-webflow) - [ **Slack to Webflow** Slack is a messaging platform for teams. Post messages, manage channels, users, reminders, and react to...](https://apiant.ai/connect/slack-to-webflow) - [ **Stripe to Webflow** Stripe is a payment processing platform for online businesses.](https://apiant.ai/connect/stripe-to-webflow) - [ **Shopify to Webflow** Shopify is a commerce platform for online stores and retail point-of-sale.](https://apiant.ai/connect/shopify-to-webflow) - [ **QuickBooks Online to Webflow** QuickBooks Online accounting — manage customers, invoices, bills, payments, vendors, expenses, and more via...](https://apiant.ai/connect/quickbooks-online-to-webflow) - [ **Pipedrive to Webflow** Pipedrive is a sales CRM and pipeline management tool.](https://apiant.ai/connect/pipedrive-to-webflow) Questions ## Teamleader Focus and Webflow, answered ### ### What can start an automation from Teamleader Focus? Any of Teamleader Focus's 5 triggers in the catalog, including New Company, New Contact, New Deal and Deal Accepted. Describe the moment in plain language and your agent picks the right one. ### ### What can your agent do in Webflow when something happens in Teamleader Focus? Any of Webflow's 11 actions, including Create Collection Item, Get Collection, Get Collection Item and Get Site. Your agent maps the data both ways and tests every scenario before it ships. ### ### Can it also run from Webflow to Teamleader Focus? Yes. When something happens in Webflow, your agent can act in Teamleader Focus too. This page covers both directions: Webflow's triggers and Teamleader Focus's actions are listed here as well. ### ### Do I have to build a connector for Teamleader Focus or Webflow? No. Both are in the catalog with their triggers and actions. You describe the automation; your agent builds it, tests every scenario and keeps it running. ### ### Can my AI client use Teamleader Focus and Webflow without building an automation? Yes. With your AI client connected to APIANT, ask it to do something in either app once and it runs that action on the spot. Ask for an automation and your agent builds it, tests every scenario and keeps it running. One connection covers both. ### ### What happens when something fails? Your agent works that out for you. It plans the failure paths along with the happy path, then tests every scenario before it ships. ### ### Is there a free plan? Yes. Every plan includes the agent, including free, and building from your own AI client spends no assistant credits.