3.3 KiB
Plugin integration
Last update: 23-Dec-21 (View change history)
Table of Contents
Once you created account, added and verified your domain, it's time to add QR code widget to your website
Obtain code
Go to your profile page and click "Get widget code" button in Domains section
On Configure widget panel you can see how widget will look on your website in an interactive preview section
You can change widget appearance by changing widget type
CSS selectors
Next step is to bind your login/password fields so widget can automatically insert user's credentials and "click" sign in button
Watch this video to know how to obtain selectors:
Materials:
Insert code to your website
When all fields are filled and tested, next step is to insert generated code into your sign in page
Click "Copy" button at the bottom of panel
Open HTML code of your authentication page. If you use a CMS on your website, learn how to edit page source code
Insert container part of the plugin into place you'd like to see the widget and the script part at the bottom of the <body> tag
Note
If you have problems with plugin integration, feel free to contact our support and we'll do our best to assist you or even setup integration for you. This is free
React
If your web application is using ReactJS framework, you need to perform additional steps:
Instead of pasting script block of plugin (second part of code on picures above), paste following code into componentDidMount method of your component (if you are using class-based components):
componentDidMount()
{
var script = document.createElement("script");
script.src = "https://easylogon.foxdev.studio/ezlog.js";
script.defer = true;
script.async = true;
document.body.appendChild(script);
}
or if you're using functional components in useEffect method:
useEffect(() =>
{
var script = document.createElement("script");
script.src = "https://easylogon.foxdev.studio/ezlog.js";
script.defer = true;
script.async = true;
document.body.appendChild(script);
}, [ ]);