Instagram Browser Extension Integration
This document explains how to implement Monosign with Instagram. It covers Single Sign-On through MonoSign Browser Extension. The browser extension is useful in case there is no other method supported by the desired application. For more information, you may check this article.
📑 Instructions
This documentation contains 4 main steps for integration.
Creating an Application on Monosign
Assign a user to the Instagram app
Sign In Test
1- Creating an Application on Monosign
Create an Instagram application on Monosign and configure your access policy. Once you create, click the Edit button and switch to the Login tab. Select Browser as Login Method and click Show Editor to edit the authentication process.
![](../__attachments/129761281/image-20230910-232806.png?inst-v=866e9140-3da7-430a-a281-7dc8294ac19e)
The code below demonstrates an example of Browser Actions for signing in to Instagram.
browserEvent.SignInUrl = "https://www.instagram.com/login";
browserEvent.SuccessUrl = "https://www.instagram.com/";
browserEvent.UserNameSelector = "[name='email']";
browserEvent.PasswordSelector = "[name='pass']";
browserEvent.SubmitSelector = "[type='submit']";
2- Assign a user to the Instagram app
Click the Assign a User button, and select the User intended to be able access to the application. Fill out how long the assignment is valid in the Expiration Date.
![](../__attachments/129761281/CleanShot%202023-08-29%20at%2013.28.19@2x-20230829-102857.png?inst-v=866e9140-3da7-430a-a281-7dc8294ac19e)
Enable Is Individual switch. Fill out the form according to the Instagram account that is desired to authenticate. The account information is necessary and will be available while editing the authentication process.
![](../__attachments/129761281/image-20230910-194705.png?inst-v=866e9140-3da7-430a-a281-7dc8294ac19e)
By filling out the form, the MonoSign user will be bound to the Instagram user. Whenever the user signs in to Instagram via MonoSign, the specified Instagram account will be used to complete the authentication process.
![](../__attachments/129761281/image-20230910-223939.png?inst-v=866e9140-3da7-430a-a281-7dc8294ac19e)
3- Sign In Test
Open the MonoSign extension on the browser and click Instagram.
![](../__attachments/129761281/image-20230911-001333.png?inst-v=866e9140-3da7-430a-a281-7dc8294ac19e)
The extension will redirect to the Instagram login page and perform the steps as edited in the Code Editor.