The task interface configuration guide describes the features of the HTML/JS/CSS editor. You can also try creating a task interface in the Template Builder.
The task interface defines the visual appearance of the task for the Toloker and the logic for processing responses.
A user-friendly interface improves the quality of results, helps Tolokers complete tasks faster, and lets you set a lower price per task.
To learn how to create a user-friendly interface, read the article in our knowledge base.
To open the HTML, CSS, and JS blocks in the interface, click the block name on the right.
Add elements for the input and output data to display in the task interface in this block. You can use special components or HTML tags inside the
Handlebars is used as a template engine for HTML.
In the CSS block, you can declare the design for tags and classes. For example, the indent at the bottom after a text field with the
In addition, you can connect a CSS library. To do this, click the button in the Task interface block and add links to libraries in the CSS filed.
Changes to the input and output data, as well as the number of tasks per suite aren't saved after you exit Preview.
To view the resulting task, click Preview task. The preview shows a page with a task that contains standard data. Change the input data and make sure that images, links, or text are displayed correctly on the task suite. You can also complete one or more tasks and get responses.
To change the set of controls, click Show common interface elements at the bottom of the Task Interface section.
By default, the task suite displays:
Remaining time: Counts down the time for completing the task.
Price per task suite.
Task name: Corresponds to the project name.
The following buttons:
Contact requester button.
Read the article on how to make the task interface intuitive and user-friendly.
Learn more about how to set up a project: