Problem: kazdy widget to osobny swiat
Masz strone firmowa. Chcesz dodac chatbota AI — instalujesz Intercom za 74$/miesiac. Chcesz cookie consent — wrzucasz skrypt CookieBot za kolejne 12 euro. Dashboard SEO? Logujesz sie do Google Search Console, potem do Analytics, potem do PageSpeed. Trzy panele, trzy logowania, trzy faktury.
Kazdy z tych serwisow to osobny skrypt na stronie, osobna konfiguracja, osobne style, osobne konto. Strona laduje sie wolniej, a Ty tracisz czas na zarzadzanie narzedziami zamiast na biznes.
Brzmi znajomo? Zbudowalismy system, w ktorym jeden plik loader.js laduje WSZYSTKIE widgety z jednej konfiguracji JSON. Bez osobnych kont. Bez osobnych faktur. Bez chaosu.
Intercom (chatbot AI): od $74/mies. CookieBot (cookie consent): od 12 EUR/mies. Semrush (SEO dashboard): od $140/mies. Lacznie ponad $220/miesiac za trzy funkcje. My zbudowalismy system gdzie JEDEN loader laduje wszystkie widgety, konfiguracja zyje w JSON, a calosc kosztuje... nic extra — bo jest czescia platformy BinSoft.
Dwie grupy: (1) Chcesz zrozumiec jak dodac widget do swojej strony — przejdz do sekcji "Dodaj widget". (2) Chcesz wiedziec jak caly system dziala pod spodem — czytaj od gory do dolu. Ten poradnik sluzy tez jako referencja — wracaj do niego kiedy potrzebujesz.
Rozwiazanie: system widgetow BinSoft
Cala idea jest prosta: jeden skrypt na stronie, ktory wie jakie widgety zaladowac i skad wziac ich konfiguracje. Zadnego kopiowania 10 snippetow, zadnego blagania o klucze API w mailu.
Jak to wyglada na stronie?
Dodajesz JEDEN tag <script> do HTML:
<!-- Loader laduje WSZYSTKIE widgety z jednego miejsca --> <script src="https://widgets.binsoft.pl/loader.js" data-site="mpfaktura.online" data-widgets="ai-assistant,cookie-consent"> </script>
I to tyle. Loader sam pobierze konfiguracje per domena, zaladuje CSS i JS kazdego widgetu, a na koniec wyemituje zdarzenie binsoftWidgetsReady — mozesz na nie nasluchiwac.
4 filary systemu
| Filar | Co robi |
|---|---|
| loader.js | Punkt wejscia — czyta atrybuty data-site i data-widgets, pobiera config, laduje pliki |
| Config JSON per domena | Kazda strona ma swoj plik config/{domena}.json — kolory, teksty, klucze API |
| Schema (widget.json) | Kazdy widget definiuje swoje pola konfiguracji — edytor w Studio generuje formularz automatycznie |
| CORS validation | Tylko autoryzowane domeny moga uzywac widgetow — plik config = autoryzacja |
Istnienie pliku config/twoja-domena.json oznacza ze ta domena jest autoryzowana. Nie trzeba nic wpisywac w panelu, nie trzeba prosic o dostep. Plik istnieje = masz dostep.
Ten poradnik wymaga konta Pro
Dostęp do zaawansowanych poradników, kodu źródłowego i wsparcia technicznego.