Как реализовать в Elementor…

Всем привет.
Делал одну штуку в DLE движке, например:
ИЮНЬ 5 свободных мест
ИЮЛЬ 3 свободных места
Далее скрипт который подсчитывал эти цифры и выводил в отдельное поле.
Но прикол в том, что эти две строчки июнь и июль имели разные class’ы, и условно это делается:

<p>Кол-во свободных мест: <script>
var s_1_free_place = [xfgiven_s_1_free_place][xfvalue_s_1_free_place][/xfgiven_s_1_free_place][xfnotgiven_s_1_free_place]0[/xfnotgiven_s_1_free_place];
var s_2_free_place = [xfgiven_s_2_free_place][xfvalue_s_2_free_place][/xfgiven_s_2_free_place][xfnotgiven_s_2_free_place]0[/xfnotgiven_s_2_free_place];
var s_3_free_place = [xfgiven_s_3_free_place][xfvalue_s_3_free_place][/xfgiven_s_3_free_place][xfnotgiven_s_3_free_place]0[/xfnotgiven_s_3_free_place];
var sum = s_1_free_place + s_2_free_place + s_3_free_place;
document.write(sum);
</script></p> 

.

Теперь же мне нужно сделать тоже самое на сайте WP с плагином Elementor, но проблема в том, что когда создаешь строчку июнь, Затем строчку июль, то class у них одинаковый.
Как это провернуть?) Задавать каждому полю свой класс? Этих полей будет сотни)) или есть проще вариант?