Step 4: Install the Script Tag

Go to Your SaaS Detail Page
- On the “My SaaS” page, click on your app to see its details.
- After adding your SaaS info and plans, find the “Script Tag” button and click it.

Screenshot 2568-03-16 at 16.30.14.png

Follow the Instructions
- Beag.io will show you a special code to copy.
- Make a new file called beag.js on your computer (you can use a simple text app like Notepad).
- Copy the code from Beag.io and paste it into beag.js, then save the file.
- Using Cursor? Here’s an easier way!
  - Tell Cursor this:
  1. Create beag.js file in public/js directory. Don’t need to insert anything in the file.
  
  2. Copy this code and paste it before the </head> tag on every page. Don’t convert it to <Script>:<script type="module" src="js/beag.js" defer></script>
  - Cursor will make beag.js for you! Then, copy the code from Beag.io and paste it into beag.js.
Add the Code to Your App
- Open your app’s pages in a text editor (like Notepad or any app you use to change your app).
- Find the <head> part of every page you want to protect (it’s near the top, before </head>).
- Copy this line and paste it right before </head> on those pages:<script type="module" src="[PATH OF YOUR JS FILE FROM STEP 1].js"></script>
  - Replace [PATH OF YOUR JS FILE FROM STEP 1] with where you saved beag.js (e.g., if it’s in a folder called js, use js/beag.js).
- Using Next.js? Special Step!
  - If your app uses the Next.js framework, add “defer” to the script tag like this:<script type="module" src="[PATH OF YOUR JS FILE FROM STEP 1].js" defer></script>
  - Why? Without defer, your app might get confused and show an error because Next.js loads things in a special way. Adding defer tells it to wait a little so everything works smoothly!
See the Magic!
- When you’re done, visit your app’s page. If you’re not logged in, it’ll send you to the Beag.io login page to keep your app safe!

Tip: This script tag is like a magic key—it locks your app so only the right people can get in!