Custom Stages is a versatile blank page with an optional click to advance link that will proceed the applicant to the next stage.
There are many use cases for custom stages, but these are just a few common ones.
Since the custom stages don't have buttons, questions or other action items, this blank page is ideal for showing a larger amount of information such as company policies and embed videos to build rapport with the applicant, or tell the applicant more about the job/requirements. Instead of cluttering up the Data Collection stage with instructions of what kind of documents to upload, consider placing that in a custom stage before the Data Collection stage to keep it clean.
If you choose to use Custom Stage as an informational page, consider adding an Advance URL, so the applicant can still continue with the rest of the process and move to the next stage.
Add Advance URL Link
If you want your application to be able to proceed from the next stage in Custom stages, you'll need to add an Advanced URL in the Applicant Portal where the applicant can click it and thus completing an action to move forward.
- Click on the button to Customize Stage to edit the Applicant Portal.
- Add in your content in the Stage Body section.
- Click on Link > Insert link and type the following as the URL.
- Give it a text and click Save or Save and Preview.
- Check the box for Allow applicants to advance by completing an action in this stage under Advanced Settings.
The action of clicking [ADVANCE_URL] link will take applicants to the next stage of the workflow as long as you have the Advance by completing an action setting enabled.
Add Advance Button
(For Advanced Users)
- Follow Steps 1 - 2 above.
- Click on Embed Code under the Stage Body Text. This will switch the text editor to an HTML editor.
- Add in your information in HTML format.
- At the end of your code, paste in the following code to add a blue continue button.
<p style="text-align: center; padding: 20px; margin: 0px; line-height: 150%;"><a href="[ADVANCE_URL]" style="font-family: sans-serif;font-size: 13px; font-weight: 900; color: rgb(255, 255, 255); text-decoration: none; text-transform: uppercase; background-color: rgb(0, 160, 255); padding: 15px 35px; border-radius: 5px; letter-spacing: 2px; " target="_self" ">Continue</a></p>