Skip to main content

Setting Event for Login/Sign Up

The Login/Sign Up event action sets up a login or sign up page with automated sign up and login workflows.


Step 1: Go to the Plugins Page

Go to left toolbar and click on Plugins. You will be redirected to the plugins page.

DrapCode Builder Login/Sign Up Plugin

Step 2: Install the Plugin

Find the Login Sign Up plugin and click the Install button. Tick the checkboxes to add fields other than default ones in the sign up form. Once done, click the Install button. And the whole login/sign up module will get automatically added in your builder in the form of pages, events and collections.

DrapCode Builder Login/Sign Up Plugin

Step 3: Drop the Sign Up Form Again

While installing the plugin, if you have selected more fields to be added in the sign up form then open the Sign Up/Register page and drop the form again. It will show all the fields you had selected previously.

DrapCode Builder Login/Sign Up Plugin

Step 4: Go to the Login Event

Open the Login event and go to the Login the User In event. Here, add the default role i.e User or a custom role, if made. Also, select the page on which you want users to land on after logging in.

Remember, you can create different login/sign up roles by opening the Role collection in the Collections panel.

DrapCode Builder Login/Sign Up Plugin

Step 5: Bind the Login and Sign Up/Register Pages

Now bind the Login and Sign Up/Register pages to different links in the navbar.

DrapCode Builder Login/Sign Up Plugin

Step 6: Publish and Open the Sign Up Page

Now, publish the web app and open the Sign Up Page

DrapCode Builder Login/Sign Up Plugin

Step 7: Login Using User Credentials

Either click the Preview or Publish icon and open the Login page. Add the user credentials that you have previously created and click the Login button.

DrapCode Builder Login/Sign Up Plugin