How a configurator can connect with Webflow

E-commerce and webAssessed per project

Webflow is an American website platform where marketing edits the content without a developer. Its pages support custom embedded code and the content is reachable through its API.

What a configuration could hand over

A marketing site tends to be on Webflow precisely so it can change without a developer. The configurator is embedded as a component on an existing page, so the visitor stays on your site and the page keeps the links and the history it has built. The enquiry can then continue into a CRM or into a Webflow collection.

  • Code Embed

    The configurator can be placed with a Code Embed element on an existing page or inside a component, so the designer positions it in the Designer like any other block.

  • CMS Collection template

    On a product Collection template the embed can read the CMS item's fields, so one embed would serve every product page.

  • Enquiries Collection

    An enquiry could be written through the Data API as a Collection item, with the dimensions, price and 3D preview link in custom fields.

  • form_submission webhook

    If you want to keep a Webflow form, the form_submission webhook can pass its contents on, for example to the treede CRM.

What we need to connect it

  1. We need a paid Site plan or a paid Workspace; without one, custom code does not reach the page.

  2. To write to the CMS or read forms, a site administrator creates a token under the site's Apps & integrations settings, with CMS and Forms scopes.

  3. The embed is tested first on the Webflow staging subdomain and only then published to your own domain.

  4. Together we design the Collection fields so enquiries can be filtered and sorted there.

Worth deciding up front

  • A Code Embed element is limited to 50 000 characters, so it would hold only a short loader script and the rest of the configurator would load from our server.
  • The number of CMS items depends on the plan, so with a larger volume of enquiries it is wiser to keep them in a CRM and leave Webflow for the site's content.
  • The Data API allows 60 requests per minute on Starter and Basic plans and 120 on CMS, eCommerce and Business plans.

Questions about this connection

Can marketing edit the configurator page without a developer?

The surrounding content is edited in the Designer as before, so marketing does not need a developer. The Code Embed itself should stay untouched, which is why we can place it as a named component.

One option is to pass the enquiry through your existing Webflow form, the other is to connect the configurator straight to the CRM. Which fits depends on how your CRM is connected today.

Other integrations

Put Webflow to work in your sales.

Tell us what you sell and how an enquiry is handled today. On the demo you will see the configurator, and we will go through which data could flow from it into your system.

treede is not an official partner or reseller of the systems named here. All names and marks belong to their owners. Integration options are verified during implementation against the system interface and version. Webflow official site