I have two different pages, a home page with two buttons (login & signup), and an signup page that has two groups with input elements (a register or signup group and a login group) The way it is set up now is such that both groups are on the signup page and one is hidden. The default now is that the register group shows. How do I make it to where if the login button is clicked, the user is taken to the signup page with the login group visible?
you add a parameter to the Go To Page action, then add a condition for each group that checks the parameter’s value and shows the group based on that.
Yes, you can use URL parameter in this case.
- For signup button, navigate to signup page directly. And for login page pass an extra URL parameter
?login=true
. - Now, in signup page, on page load action, you can check if URL parameter has
login=true
then hide the signup group and show the login group and hide the URL parameter by Go to page action so that after loading the page this extra parameter is not visible to the User.
Hope this helps!
Thank you! Can you explain how to add a condition to each group? I’m looking through the options and Im not sure which one to use. I know how to add a parameter as a workflow for the go to page. Apologies, I’m a newbie, but I haven’t found the way to do this in the tutorials. Thank you for your help!
Let’s say you have two groups one is for Login and another one is for Signup.
- First step is to check “Collapse when hidden” for both groups. And uncheck “Visible on page load…” only for login group.
- Then select the Signup group and go to conditions tab. Then add condition, get data from page URL, select “login” then add condition if this parameter is not empty, then hide the element.
- Go to login page’s conditions tab, add condition, if “Get data from page URL”'s login is not empty, then set element is visible to checked.
In this way, when login will be there in URL, then signup will be hidden and login will show and vice versa.