The user fills out a product purchase form and is redirected to the “Thank you” page when they complete the purchase.
Adding an Action to the Purchase Form Button
Enter the UI Design module.
Go to the Elements panel on the left side.
Drag and drop the Button element.
Enter the text "Create Purchase Request ” under the Label heading in the Properties panel.
Then switch to the Screens Panel.
Select the New Screen option from the+ icon.
Name the screen “Thank You Page” from the modal that opens.
Then go back to the home page.
Select the Buy button and add OnClick→ Navigation → Navigate action from the + ADD ACTION menu.
Configuring the Navigate Action
To Screen: Select the Thank You Page screen.
Open As: Set to Modal. The user stays on the same page but sees the completion.
Modal Width/Height: Set 500 px width, 300 px height.
Closable: Turn on the switch (so the user can close the modal if they want).
Execute Page Init Actions After Closed: Close the switch (no extra action will be taken when closed).
This way the user can see the thank you message after making a payment. When the modal is closed the user stays on the product list screen. If the user wants to be redirected to the order detail when the screen is closed, a second Navigate action can be added.
