Webflow
Seamlessly integrate OTPLESS into your Webflow projects to enhance user authentication with advanced security features. This guide will help you install and activate the OTPLESS plugin, enabling you to implement a variety of authentication methods effortlessly.
Installing the OTPLESS Plugin
Enhance your Webflow site’s security and user experience by integrating OTPLESS. Follow these simple steps to install and activate the plugin on your Webflow site.
Step 1: Access Webflow Admin Panel
-
Log In: Sign into your Webflow account and access the admin panel.
-
Select Your Site: Navigate to the dashboard, find the project where you want to install OTPLESS, and click on it.
-
Open Site Settings: In your site’s dashboard, click on the
Settings
option to access various configuration settings.
Step 2: Add OTPLESS to Your Site
-
Navigate to Custom Code: Within the site settings, find the
Custom Code
tab and click on it. -
Embed OTPLESS Script: Copy the script below and paste it into the
Head Code
section of the Custom Code tab. This script is crucial for enabling OTPLESS functionalities on your site.<script id="otpless-sdk" type="text/javascript" src="https://otpless.com/v3/auth.js" data-appid="YOUR_APP_ID" ></script>
Replace
YOUR_APP_ID
with your actual App ID provided in your OTPLESS dashboard. -
Save Changes: After pasting the code, make sure to save your changes to apply the new settings.
Step 3: Publish Your Site
Once the OTPLESS script is added, you need to publish your website to make the changes take effect:
Publish Site: Go back to your project’s dashboard, and use the Publish
button to update your live site with the new authentication capabilities.
OTPLESS is now active on your Webflow site, ready to provide your users with a secure and streamlined login experience.
Need Help?
If you encounter any issues during the installation or have questions about configuring OTPLESS on your Webflow site, please visit our Support Page for detailed guidance and assistance.
Was this page helpful?