I have created a website in Bootstrap Studio that is an eCommerce website and it’s connected to Reflow (I can see and edit all my products etc) but I want the users to be able to login to an account.
I know you can use the default Sign In Button but I think it’s ugly and redirects you to a popup page.
On my Sign Up page I have the following fields/buttons:
Email field
Password field
Confirm Password field
Create Account
Google
Apple
I want to the user to be able to add their details and click on “Create Account” and it creates an account in Reflow, same with the Google/Apple button but to redirect through the OAuth process (I have created a project in Google OAuth already).
The default Sign In Button works and I’ve tested that it works but I can’t get my buttons to work, how do I do this please?
Hmm, you can replace the default-looking sign in button with your own button by changing the CSS.
But that button still needs to call Reflow’s sign-in pop-up. Reflow handles signup/signin in its hosted popup because Reflow fully controls authentication (accounts, passwords, OAuth, etc.) on their side.
When the popup opens, you’re actually interacting with Reflow’s system. Not your website, that’s why you can’t build your own email/password form directly into your site. The backend logic is run inside Reflow for security and simplicity.
OK, thank you, so basically it’s not possible to do what I want to do?
I’ll try the changing the CSS to see if I can get it how I need it but I did like the look of the sign up and login pages which will now be obsolete as that’ll be handled by Reflows popup.
If you wish to have your own sign in and registration process, you’d need to build your own system from scratch to handle everything. You can’t get around the Reflow pop-up and user flow. It’s how that system is designed, it’s made to be easy to implement and is setup for small to medium sized businesses who don’t want to take on the risks and complications of building and supporting their own e-commerce backend.