Pages in Tines are web pages connected to your stories that your end users can provide input to (and view output from) your workflows. This article will go through how to use pages in Tines.
For an introduction to pages in Tines, read this article.
Collecting inputs with forms
The most common way to use pages is to kick off a Story run based on some structured user input.
Defining input fields
First, add a page and double-click it to open the editor.
Then, use the page editor to select form input fields for the type of information you want to collect from the user.
When adding a field to a page, you can select from the following options:
Short text
Long text
Email
Web URL
Option
Date or time
Boolean
Number
Slider
File upload
Password
When the field is added, you can configure it with the following options:
Helper text
Multi-select
Required
Default value
Custom validation
Connecting to your story
Once your page is configured to accept the input you need, it's time to connect it to downstream actions (or other pages).
Just like actions, pages produce events once they're submitted, and these events get passed to everything downstream, providing contextual data.
For a simple example, let's say we've connected our page to an action that sends an email:
The "Send an email" action could then access the submitted page data using a formulas expression like the following:
new_page.body.example_input
How can I directly access a page in a story?
A page can only be directly accessed if it is the first action in a story without any input event into the page action.
If a page has an input, the page will only be created and a link generated when an event comes into the page as the information submitted in the page will continue the same story run as shown below.
Read more about pages in our docs here.
