Zaleca sie aby skrypt
<script src="https://widget.radiohost.plscript.js?v=1.0"></script>
umiescić między znacznkiami
<head>...</head>
Jednak gdy nie ma takiej możliwości skrypt należy umieścić nad kodem widżetu.
Widżety należy umieszczać w pustych tagach
<div>...</div>
przykład dla bootstrap 3 - widżet na całą szerokość strony:
<div class="col-md-12">
< !-- kod widgetu -- >
</div>
W przypadku kolizji styli CSS, można samemu rozwiązać problem przy pomocy narzędzi developerskich wbudowanych w przeglądarkę lub
umiescić widżet w tagu <iframe> np.
<div class="col-md-12">
<iframe width="100%" height="100%" src=" (tutaj podajemy link do PopUpu) "> </iframe>
</div>
Aby stworzyć przekierowanie do popupu należy umieścić kod znajdujący się poniżej możliwie najblżej zamknięcia tagu </body>
<script type="text/javascript">
function rhPopup(url) {
w = window.open(url,'popUpWindow','height=300,width=400,resizable=yes,scrollbars=yes,toolbar=yes')
}
</script>
Następnie wybrany przez siebiebie przycisk zamieniamy na link do popupu
(przykład dla bootstrap 3)
<a href="JavaScript:rhPopup('tutaj wklejamy link ze strony')">
<button class="btn btn-primary" type="button"> Nazwa przycisku </button>
</a>
SkryptyHTML umieszczamy w bardzo podobny sposób jak standardowe widżety. Z tym że nie musimy wklejać dodatkowo skryptu
<script src="https://widget.radiohost.plscript.js?v=1.0"></script>
Ponieważ znajduje się już w kodzie.
Kod można dowolnie modyfikować.Tak więc zaleca się przeniesienie znaczników <script> oraz
<link> do znacznika <head>
Można również zawartość znacznika <style> przenieść do zewnętrznego
pliku .css i ładować na stronę poprzez znacznik <link> podając poprawną scieżkę do pliku w atrybucie href.
Analogicznie można postąpić z zawartością znacznika <script>. Przenosimy zawartość do pliku .js i ładujemy na stronie
za pomocą znacznika <script> który umieszczamy w znaczniku <head>
a ścieżkę do pliku podejmy w atrybucie src
Jednak takie praktyki zalecamy osobą które mają doświadczenie z kodem HTML.
Nie gwarantujemy 100% działania kodu z powodu konfliktów w kodzie css. Aby ich uniknąć kod widżetu należy umieścić na nowej, pustej podstronie.