Installing Code Components

How to Install Code Components using Sygnal Marketplace.

Sygnal Marketplace

Sygnal is just releasing a Marketplace to simplify the installation of Webflow Code Components into your Webflow workspace.

PRIVATE BETA This is currently in private beta. Contact Us if you're intrested in participating.

Before You Continue

Currently code components can be installed in;

1. Paid workspaces only. Starter workspaces are currently unsupported.

2. Workspaces that you own. The interface for generating the workspace-level API token can only be accessed by a workspace owner. If you are an Agency/Freelancer guest, you will need the workspace owner to generate the token for you.

Obtaining Your Workspace API Key

Currently, all systems integrations required for the installation are fully automated, except one- provisioning the API key needed to install your selected libraries into your workspace.

We're working on this with the Webflow team! Hopefully it will become available soon.

STEP 1: Log into Sygnal Marketplace

Use any Google Account, but use one you'll remember later.

STEP 2: Add a Workspace

On the main screen you'll see an Add Workspace button, and a list of any workspaces you've already added. When you click it, you'll see the Add Workspace form;

STEP 3: Enter the Workspace Details

1. Enter a descriptive workspace name you'll remember.

2. Create and copy-paste your Workspace API token ( see below )

3. Click Add Workspace to confirm

How to Generate a Webflow Workspace API Token

Make sure to open a new tab, CTRL+N in Chrome, so that your Add Workspace form remains ready for you to paste the API token in.

1. Visit your Webflow dashboard to see your default workspace.

   1. If you own multiple workspaces, and want to choose a different one, you can select from the Workspaces list.

2. In the left menu under Settings, expand Apps & Integrations, and click Manage.

1. Scroll to the bottom of the page, to the Workspace API access section

2. Click the blue Generate API token button

1. Enter the API Token settings here-

   1. Any name, but we recomment Sygnal Marketplace for easy identification

   2. Code components permissions must be Read and write.

2. Click Generate token

At this point, Webflow generates your API token.

1. Copy and paste this token into the Add Workspace form's Webflow API Token field ( shown above ), and then click Add Workspace to encrypt and save it.

2. Once that's done, you can click the Hide token forever button here.

Once hidden, you will see your token here. You can Revoke it at any time, but you will no longer be able to install libraries from Sygnal Marketplace until you generate a new one.

CONGRATULATIONS! Sygnal Marketplace will now list your workspace in your account, and allow you to install the libraries you choose.

Important Notes

• If you make any mistake, and hide the token before successfully adding and saving it in Sygnal Marketplace, don't worry. Just Revoke that token and repeat the process.

• If you have multiple workspaces, you will need to register each of them individually with Sygnal Marketplace, using Add Workspace

• Currently, you must be an owner of the workspace

  • If you are an Agency/Freelancer guest in the workspace, then the owner will need to perform this step and give you the API key to add. Please use a secure communication channel if you do this.

• Sygnal Marketplace encrypts your key before storing in our database