How to integrate FlutterFlow with HubSpot?

Step 1: Create a HubSpot API Key

Before you can integrate FlutterFlow with HubSpot, you need to obtain an API Key from HubSpot. To do this, log into your HubSpot account and follow these steps:

• Navigate to the Settings by clicking the cog icon in the top right corner.
• In the left-hand menu, click on Integrations and then select API key.
• If you don't already have an API Key, click the Create Key button. If you already have an API key, you can use the existing one.
• Copy and save the API Key somewhere safe, you will need this later.

Step 2: Install HubSpot in FlutterFlow

After getting the API Key from HubSpot, you should now install HubSpot in your FlutterFlow project:

• Open your FlutterFlow project and go to Integrations on the left side of the screen.
• Look for HubSpot in the list of integrations and click on Install.
• Paste the API key that you obtained from HubSpot into the API Key field and then click Submit.

Step 3: Set up a HubSpot Action in FlutterFlow

Now that HubSpot is installed in your FlutterFlow project, you can set up an action to use it.

• First, navigate to the page in your FlutterFlow project where you want to set up a HubSpot action.
• Select or create a trigger element (e.g., a button) for the HubSpot action.
• In the settings panel on the right, click on Actions and then Add Action.
• From the list of options, select HubSpot.

Step 4: Configure the HubSpot Action

The HubSpot action will require some configuration to work correctly.

• In the new HubSpot action window, select the type of action you want HubSpot to perform when the trigger element is acted upon, such as creating a contact or updating a contact.
• Fill out the required fields according to the action you selected. This might include the contact's email address, name, or other essential information.
• When you finish, click the Save button.

Step 5: Test the Integration

It is essential to test your new HubSpot integration to ensure it works correctly.

• Press the Preview button in the top right of your FlutterFlow project to test the HubSpot action.
• Use the application and perform the action that should trigger the HubSpot integration. This might be clicking a button or filling out a form.
• Once you've triggered the action, check your HubSpot account to ensure the action was performed correctly.

This is the end of the tutorial. You should now have a functional HubSpot integration in your FlutterFlow project and can create or update contacts directly from your FlutterFlow application. Keep experimenting with different actions and triggers to get the most out of the integration.