Customer Auth

Add signup and login to your own website without building authentication yourself. Drop in one snippet and your visitors can register, verify their email, sign in and reset passwords.

Overview

Customer Auth handles the sign-in flow for your end-users so you don't have to:

• Visitors register with an email and password.
• They confirm their email, then log in.
• They can reset a forgotten password on their own.
• You see every end-user in your dashboard and can manage them.

Enable the service

Open Marketplace in the sidebar, find Customer Auth and click Install. Once installed it appears in the sidebar with its own pages and a Developers tab for keys.

Embed on your site

Open Customer Auth, create a public key, and set the allowed domains for that key first (for example https://example.com). The widget only loads on the origins you list.

Then paste this one line into any HTML page:

<script src="https://app.softsolz.uk/softsolz.js"
  data-service-id="customer-auth"
  data-public-key="pk_live_…"></script>

The widget renders the signup, login and reset-password screens. It resizes to fit your page automatically, so there is no build step.

Four widgets, one key

Customer Auth gives you four separate widgets that all use the same key, so you can place each one wherever it belongs on your site or app:

• Sign in / Sign up - the login and registration flow (this is the default).
• Profile - lets a signed-in user edit their name and upload a photo. Drop it on your account page.
• Two-factor authentication - lets a signed-in user turn 2FA on or off. Drop it in your security settings.
• Sign-out button - a logout button you can place in your header or menu.

The Embed panel gives you a ready-to-paste snippet for each one. The profile, 2FA and sign-out widgets need to know who is signed in, so they include a short note in the panel on how to hand them the logged-in session - your developer wires that up once.

Customise the look

In the Embed the widget panel you can match the widget to your brand and tune the sign-up experience, with a live preview as you edit:

• Colours, fonts and corners for the whole widget.
• Logo position - left, right or centred, or hide the header.
• Headings for the sign-in and sign-up screens.
• Password requirements - off by default. Turn them on to require a minimum length, a number of digits, an uppercase letter or a special character. Visitors see a live checklist as they type.
• Custom messages - optional helper text on the sign-in form, the sign-up form, the forgot-password form and the new-password screen.

Sign-up asks for a name (optional), email, password and a password confirmation. After signing in, users can upload a profile photo from their account.

Where users appear

Open the End-users list in the dashboard to see everyone who has signed up. From there you can:

• View a user's details and status.
• Suspend a user to block sign-in temporarily.
• Remove a user entirely.

Reference

Building a deeper integration? See the developer guide for endpoints and events:

• API endpoints
• Webhooks