--- title: LinkedIn Integration slug: bubble/linkedin-integration description: LinkedIn OAuth and API integration for Bubble.io apps docTags: createdAt: 2021-01-09T12:08:26.000Z --- The Pathfix LinkedIn plugin enables integration from your Bubble app to your user's LinkedIn account. The plugin will render the Connect button (UI) and calls the relevant APIs without you spending time on the API setup. No configurations required to get the plugin working This documentation will show setup guide. ### Setup in LinkedIn Developer App Please follow this guide to setup your LinkedIn Developer app: [https://docs.pathfix.com/integrating-with-linkedin](https://docs.pathfix.com/integrating-with-linkedin) If you have an existing LinkedIn developer app, make sure you have added the Pathfix Redirect URI before proceeding. :::hint{type="danger"} **Important LinkedIn Developer Update** LinkedIn has updated their primary Product: **Sign in with LinkedIn** to **Sign In with LinkedIn using OpenID Connect** All existing developer app before this change will continue to access the older Sign in with LinkedIn product (V1), however, any new developer apps will now see the option with OpenID Connect (V2). Pathfix supports both these scopes, please follow the documentation depending on the type of app access you have. ::: ### Setup Pathfix Account You will need a Pathfix account to be able to use this plugin. Pathfix will manage the entire OAuth process and the plugin offers the relevant APIs for you to access. - Login to your Pathfix account and select your application (or create a new application) - Select **LinkedIn** from the list of providers to integrate with. (you can change the Display Name and Description your users see by going into the **General **tab) - Enter the **App ID** and **App Secret** received from your LinkedIn dev app - Add the **Scopes **you wish to access depending on your usecase - For V1, the login basic scopes will be **r\_liteprofile r\_emailaddress w\_member\_social** - For V2, the login basic scopes will be **openid profile email w\_member\_social** ::Image[]{src="https://api.archbee.com/api/optimize/E6H_--BmYJWG_yGaOUOxt/VIV2JX0pI1vjc2lV5FuoZ_image.png" size="82" width="1205" height="1024" caption="Image: Configure" position="center" showCaption="true"} - Click on **Keys** from the left nav bar and copy your Pathfix x-partner-key for use in the Bubble plugin ### Setup Bubble.io Plugin The plugin is available in the Bubble Plugin store (v3.2.0) (Important Note: You need to install the [Pathfix OAuth Connector](https://docs.pathfix.com/bubble/pathfix-oauth-connector) first before installing this plugin) - Click on [Add Plugin](https://bubble.io/plugin/linkedin-api-oauth-1638941985185x302672815804121100) - Select the LinkedIn plugin **by Pathfix Inc.** and install it ([click here to access the plugin](https://bubble.io/plugin/linkedin-api-oauth-1638941985185x302672815804121100)) - Add your Pathfix x-partner-key from the Keys section of your Pathfix account ::Image[]{src="https://api.archbee.com/api/presign/E6H_--BmYJWG_yGaOUOxt/3EgZxBHqW3kr2wWkX1esE_image.png" size="90" caption="Image: plugin page" position="center" showCaption="true"} - On your Design page, select the **Pathfix Connector** element and select All Providers configured in my **Pathfix Account** ::Image[]{src="https://api.archbee.com/api/optimize/E6H_--BmYJWG_yGaOUOxt/kRtl4mba_xEqnzNI-35NJ_image.png" size="92" width="2251" height="997" caption="Image: Select all providers" position="center" showCaption="true"} - Go to **Preview** to check the Connect UI Button for the LinkedIn integration Once installed, there are no additional configurations required to get the Plugin to work. You can setup your workflow in Bubble and start using the actions. The Connect button will automatically be added to your page that contains the Pathfix Connector element. You can add Dropdown, text etc elements to pull in LinkedIn data for your users using the plugin and setup Workflows to LinkedIn actions. ### Posting a Text In order to post to a page managed by the user (Company page), your app will need to have the LinkedIn **Advertising API** product approved. If you do not have access to this product yet, please request for access and then setup your API call. IMPORTANT\:LinkedIn V2 (new developer apps) will need to select **LinkedIn-Me-V2's sub** for any field that need the **LinkedIn-Me's id** Here is a sample setup for posting a text to LinkedIn: - Add a Text element in your Design - Add a Button element to Post Text to LinkedIn and create a workflow on button click - Setup the workflow as per the image below: ::Image[]{src="https://api.archbee.com/api/optimize/E6H_--BmYJWG_yGaOUOxt/aayQPc1_WUsXj4EYRYVJx_image.png" size="98" width="1555" height="978" position="center" showCaption="false"} **Note**: Please view the documentation mentioned for User/Org Id and add the prefix for the Id accordingly. ### Posting Image with Text Posting image with text is a 3 workflow step process: - Add Text element and Image uploading element on your Design page - Add a Button element to Post Text to LinkedIn and create a workflow on button click - Setup the workflow steps as per the images below: **Step 1:** ::Image[]{src="https://api.archbee.com/api/optimize/E6H_--BmYJWG_yGaOUOxt/4m1_GlDUNUAOIR61f8Wxg_image.png" size="90" width="1482" height="974" position="center" showCaption="false"} **Step 2:** Add the Base 64 Image url from the image uploader ::Image[]{src="https://api.archbee.com/api/optimize/E6H_--BmYJWG_yGaOUOxt/7m8ZkO8dKI5tM2r8ZNlBP_image.png" size="90" width="1470" height="889" position="center" showCaption="false"} **Step 3:** ::Image[]{src="https://api.archbee.com/api/optimize/E6H_--BmYJWG_yGaOUOxt/95ah1MEA4d1KCScTqxeJO_image.png" size="92" width="1692" height="1149" position="center" showCaption="false"} ### Actions & Data Calls Available The Connector plugin calls a few APIs and offers them as Actions in your Bubble Workflow once installed. There are 2 types of Me API calls available (to get the connected users profile info): **Me **and **Me-V2** - Me is for developer apps that have access to the older LinkedIn product 'Sign in with LinkedIn' - Me-V2 is for developer apps that have access to the new LinkedIn product 'Sign in with LinkedIn Using OpenID Connect' ![](https://api.archbee.com/api/optimize/E6H_--BmYJWG_yGaOUOxt/v1IieA804ts-AZtB91Lgm_image.png) *Note: Each consumed action (content length of 20KB) is counted as 1 API call in Pathfix* Need help? Reach out to us at support\@pathfix.com