Подскажите как сделать?

Вот кусок кода фулстори, подскажите как настроить табы, куда вставлять код api?
<div id="full-video">
[xfgiven_online1]
<ul id="navt" class="nav-tabs block-p" role="tablist">
<li class="active"><a href="#online1" role="tab" data-toggle="tab">Источник 1</a></li>
[xfgiven_online2]
<li><a href="#online2" role="tab" data-toggle="tab">Источник 2</a></li>
[/xfgiven_online2]
[xfgiven_online3]
<li><a href="#online3" role="tab" data-toggle="tab">Источник 3</a></li>
[/xfgiven_online3]
</ul>
[/xfgiven_online1]
[xfgiven_online1]
<div class="tab-content block-p">
<div class="tab-pane fade in active" id="online1">
<div class="video-responsive">
[xfvalue_online1]
</div>
</div>
[xfgiven_online2]
<div class="tab-pane fade" id="online2">
<div class="video-responsive">
[xfvalue_online2]
</div>
</div>
[/xfgiven_online2]
[xfgiven_online3]
<div class="tab-pane fade" id="online3">
<div class="video-responsive">
[xfvalue_online3]
</div>
</div>
[/xfgiven_online3]
</div>
[/xfgiven_online1]
</div>

 

Была, только шаблон другой, че то не прет мне с табами.

 

@byroot, Нужно доп поля создавать онлайн 1 ,2, 3 правильно?

 

Сам разберусь