# Repeater (Pro feature)

{% embed url="<https://youtu.be/kIbKdtsriqM?feature=shared>" %}

Repeater is an element in the calculator that lets your customers calculate costs for several items or people in a single form. Perfect for group orders, events, and collaborative planning. It saves time, reduces manual effort, and boosts efficiency.

## Settings in Repeater

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fj6z0ughOf2AQYmvK2Op5%2Frepeater%207.jpg?alt=media&#x26;token=41204925-4e8f-4b65-bb31-7e5242256a9d" alt=""><figcaption></figcaption></figure>

**Repeater name** - Put the name for the field with the Repeater element.

**“Add” button label** - Put the text for the button to repeat the elements in the Repeater.

**“Remove” button label** - Put the text for the button to delete the repeated element.

**Repeat limit** - Choose how many times you want to let your customers repeat the elements.

**Sum up values in all fields -** Enable this if you want the calculator to sum up the values of all fields in the Repeater.

**Use formula for the repeatable group** - Enable this if you want to use your own formula for the repeatable group.

### How to use a Repeater element

1. To add a Repeater, drag and drop it from the Elements section:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FLyZlLnya0fnzUffJl5pI%2Frepeater%202.jpg?alt=media&#x26;token=4e2ada20-600e-477f-b0d0-d6d2dc763fd2" alt=""><figcaption></figcaption></figure>

2. Then you can add new fields in Repeater by dropping elements from the Elements section or other fields from the calculator.

{% hint style="info" %}
You can not add Formula and Repeater elements inside the Repeater element.&#x20;
{% endhint %}

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fm5RLbCDjFC1kyKgoQXgZ%2Frepeater%203.jpg?alt=media&#x26;token=4690a31d-d4e8-4369-864b-1be344e059e3" alt=""><figcaption></figcaption></figure>

3. You can make fields required to fill for your users inside each element.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F7yoI9i0h2kdoKSWeIFXa%2Frepeater%20required.jpg?alt=media&#x26;token=eefd2632-cada-429c-9f19-037aac06b5cc" alt=""><figcaption></figcaption></figure>

4. You can enable summing up values of all fields.&#x20;

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fyyq2k4xuNGh6nXlyxBSx%2Frepeater%208.jpg?alt=media&#x26;token=f3ab20f6-d17b-4a07-b656-f6b984e0b5c6" alt=""><figcaption></figcaption></figure>

This is how it will look on the user's page:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FF7fqQvUYZcq0dNyCd6iU%2Frepeater%2010.jpg?alt=media&#x26;token=bdf47f1d-a1a7-4363-add4-3e64802f9df1" alt=""><figcaption></figcaption></figure>

Or you can use the formula for the repeatable group.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FNsMgMBZcmtLtp819QCPR%2Frepeater%2011.jpg?alt=media&#x26;token=7ee13249-8004-485e-91d7-946c9e1f7332" alt=""><figcaption></figcaption></figure>

This is how it will look on the user's page:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FnI7hiQlkLu6pGKgdNYa7%2Frepeater%2012.jpg?alt=media&#x26;token=ccc3d0ea-c1cb-4267-a2cf-1522a061720f" alt=""><figcaption></figcaption></figure>

5. When your customer makes an order, that's how it will look in Orders and PDF:&#x20;

{% tabs %}
{% tab title="Orders" %}

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FQNXTk6aZsajPZDqSKBCn%2Frepeater%2013.jpg?alt=media&#x26;token=5a41ac1d-81e0-4cd2-9240-be981a94fa32" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="PDF" %}

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fdjuycr61GpsBWWtP12uO%2Frepeater%2014.jpg?alt=media&#x26;token=edf675e3-fb4c-418d-8611-672a26c6c5e3" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
Important: Repeater element can't be used in Conditions.
{% endhint %}

## Two examples of using Repeater element&#x20;

1. Let’s take an example of a custom T-shirt shop. If you use a repeater element, your customers can choose shirts of different colors, sizes and designs.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FUORh7l57C5kwx6PadzXV%2Frepeater%203.jpg?alt=media&#x26;token=bee34cfb-1507-4296-9034-4e2f9df6de34" alt=""><figcaption></figcaption></figure>

That is how your customers will see it:&#x20;

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FuegxSOwAvGLT3WgOIT4o%2Frepeater%2015.jpg?alt=media&#x26;token=3b7a26ab-c53c-488e-b581-9626ce8e010a" alt=""><figcaption></figcaption></figure>

2. Let’s take a look at an event booking form. Your website visitors can book any business coaching event for any number of people with different seats. To do that, you can create a repeater element with participants’ names and seat sections.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FyEwJBbK55UjAgiLmsqpU%2Frepeater%206.jpg?alt=media&#x26;token=0151cea1-be15-4b4b-b001-b5b6fce5d743" alt=""><figcaption></figcaption></figure>

That’s how it will look for your customer:&#x20;

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FGLmMV13qT9sBm0vCWXNL%2Frepeater%2016.jpg?alt=media&#x26;token=f70629a6-3bcc-46d8-811a-dd752c087b33" alt=""><figcaption></figcaption></figure>
