Accessories recommendations

For this type of project, you can use the Accessories recommendations preset.

This preset is designed to identify products that go together to train your store's recommendation system.

Take a look at the example: the labeling interface includes two images and several radio buttons. Note that validation, keyboard shortcuts, and task layout are already configured in this Template Builder sample code.

View example
Components used in the example
Note

You can add media files (audio files, videos, images) from your own server, a cloud storage like Google Cloud, Amazon AWS, or Yandex Cloud.

If this preset doesn't meet your needs, see other examples in this section.

Add a response field

To let Tolokers leave comments about the task or their response, add a text field using field.textarea.

Show code
View example

Add a layout

To enhance Toloker's experience, you can highlight different types of data with colors using view.alert. You can place it in the view.list along with the other components.

In this example, the description is highlighted with a blue border, and the buttons are highlighted with a yellow one.

Show code
View example

Other options for buttons

Decide whether a Toloker can select only one or multiple answer options.

Multiple options (checkboxes)
One option (a radio button)

If there are several possible answers, use the field.checkbox-group component.

Show code
View example

Add clarifying questions to one of the options

The helper.if component displays an interface element after a specific response is selected. In this example, a Toloker can answer the question about recommendation only if both images loaded.

Show code
View example

If you need to check sequentially more than two conditions, use the helper.switch component.

Contact support

Last updated: February 10, 2023

Introduction
Getting started
Important tips
Useful recommendations
Working with Toloka
Projects
Pools
Tasks
Results
Project analysis
Toloka settings
Task interface
Template Builder
HTML/CSS/JS editor
Help and support
FAQTroubleshootingSupportGlossary