W celu umieszczenia dwóch widgetów, skopiowany kod widgetu rekrutacyjnego należy przerobić w sposób następujący: parametr data-k ze skryptu należy przenieść do znacznika div, id hrappka-widget-container należy zmienić na class. Podłączając dwa widgety, należy na stronie umieścić jeden skrypt nie posiadający parametru data-k, oraz wiele divów z klasą hrappka-widget-container, które będą posiadały różne parametry data-k.
Aby rozjaśnić podaję przykład:
Kod1:
<script src="https://app.hrappka.pl/frontend/widget/dist/widget.js" data-k="2bf015f73ae8b5f14d17ce193461587a" data-host="https://app.hrappka.pl/" type="text/javascript"></script>
<div id="hrappka-widget-container" style="min-height: 100px"></div>
Kod2:
<script src="https://app.hrappka.pl/frontend/widget/dist/widget.js" data-k="6146bbd2e34af5de7aadc7c3d681c6c9" data-host="https://app.hrappka.pl/" type="text/javascript"></script>
<div id="hrappka-widget-container" style="min-height: 100px"></div>
Kod do wstawienia dwóch widgetów:
<script src="https://app.hrappka.pl/frontend/widget/dist/widget.js" data-host="https://app.hrappka.pl/" type="text/javascript"></script>
<div class="hrappka-widget-container" data-k="2bf015f73ae8b5f14d17ce193461587a" style="min-height: 100px"></div>
<div class="hrappka-widget-container"data-k="6146bbd2e34af5de7aadc7c3d681c6c9" style="min-height: 100px"></div>