Integrating Outseta

Ask us anything
1

I’m trying to add the Outseta login script so users can log into the app. Outseta is correctly integrated with Xano (video instructions for that here).

I copy the embed login script that Outseta gives me, but receive this error: “[domain] is a required option to initialize the Outseta script.”

Embed code below.

<div id="login-embed"></div>
<script>
var o_login_options = {
  "id": "Outseta",
  "domain": "complydash.outseta.com",
  "load": "auth",
  "auth": {
    "widgetMode": "login",
    "id": "login_embed",
    "mode": "embed",
    "selector": "#login-embed"
  }
};
</script>
<script src="https://cdn.outseta.com/outseta.min.js"
        data-options="o_login_options">
</script>

Any ideas?

2

weweb’s html element is very different from what you expect.

Your code is totally fine if you put it in the header. It will work only in the published app but it will behave how you would expect.

If you want to use it in the editor as well you need a workflow with a js action. First assign the global variable, then inject the script in the page.
The very minimal example is:

wwLib.getFrontWindow().o_login_options={ /* your object here */}
const document = wwLib.getFrontDocument()
const script = document.createElement('script')
script.setAttribute('data-options','o_login_options')
script.src = 'https://cdn.outseta.com/outseta.min.js'
document.head.appendChild(script)
3

Thanks @dorilama! The login form is now showing up in the published version, but the login flow doesn’t work. After submitting login credentials, the page reloads or there’s some redirect that ends up at a refreshed sign in screen.

Here’s a Loom showing the login flow.

Perhaps the issue is related to the Xano Authentication plugin? In that plugin’s settings, I’ve tried setting the login endpoint to both the default auth/login and the outseta/auth endpoints, neither of which work. The page just reloads and doesn’t redirect to the home page, app.complydash.com.

Note: The Post Login URL setting in Outseta is the app’s homepage.

I haven’t tried uninstalling the plugin, but if I did that I think I’d lose the ability to only allow logged-in users to see protected paged.

4

:wave: @Joyce I saw WeWeb’s roadmap includes an integration with Outseta that’s under review. Do you know if anyone has integrated it already? Outseta’s support team doesn’t know how to integrate with WeWeb, and I’ve hit a wall troubleshooting this.

5

Hi @karlso :wave:

Yes, it’s on our list of integrations to look at but not prioritized currently because other features are more in demand.

I know this user has integrated Outseta with WeWeb but not sure how he did it :slight_smile:

Arjay is super active on Twitter and LinkedIn so you might be able to reach out.

1 Like
6

Ok, thanks for the resource!

7

Hey Karlso - I’m currently trying to solve this exact issue with my WeWeb project. Outseta has been great with support - but I can’t figure out a solution.

I saw your login page (super sharp btw) - how did you get Outseta to work?