Jeden JS snippet, tři parametry a máte hotovo. Ukážeme vám přesně jak — v PHP, Node.js i čistém JavaScriptu.
Jeden <script> tag do layoutu vaší aplikace.
Identifikátor a jméno přihlášeného zaměstnance.
ID objednávky, faktury nebo záznamu.
Chat se zobrazí. Data, notifikace, UI — vše funguje.
Stromcom funguje s jakýmkoliv serverovým frameworkem. Tady jsou příklady pro nejčastější technologie.
/* $ composer require stromcom/php-snippet */
use Stromcom\Snippet\SnippetClientFactory;
use Stromcom\Snippet\Options\UserOptions;
use Stromcom\Snippet\Options\ThreadOptions;
$gen = SnippetClientFactory::create(
clientKey: 'exampleOfClientKey',
clientSecret: 'exampleOfBearerToken',
);
// V layoutu aplikace:
echo $gen->snippet()->getHTML();
// Na stránce detailu objednávky:
echo $gen->user(new UserOptions($user->id, $user->name))->getHTML();
echo '<div id="thread"></div>';
echo $gen->thread('#thread', new ThreadOptions(
"order-{$order->id}"
))->getHTML();
<script>
(function(win, d, e, l, k, s) {
var dl=l+'DL',c=function(s,n,a){n=n||s;(a?win[dl][n]=[]:null);win[l][s]=function(...p){a?win[dl][n].push(p):win[dl][n]=p;}},f=d.getElementsByTagName(e)[0],j=d.createElement(e);
win[dl]=win[dl]||{};win[l]={};c('initUser','user');c('thread','threads',!0);c('conf');c('home',0,!0);
;j.async=true;j.dataset.type='stromcom';j.dataset.l=l;j.dataset.dl=dl;j.dataset.ck=k;j.dataset.cs=s;
j.src = "https://cdn.stromcom.cz/loader.js?"+k;f.parentNode.insertBefore(j,f);
})(window, document, 'script', "stromCom", "exampleOfClientKey", "exampleOfBearerToken");
</script>
<div id="thread"></div>
<script>
stromCom.initUser({ code: '<%= user.id %>', name: '<%= user.name %>' });
stromCom.thread(document.querySelector('#thread'), { code: 'order-<%= order.id %>' });
</script><script>
(function(win, d, e, l, k, s) {
var dl=l+'DL',c=function(s,n,a){n=n||s;(a?win[dl][n]=[]:null);win[l][s]=function(...p){a?win[dl][n].push(p):win[dl][n]=p;}},f=d.getElementsByTagName(e)[0],j=d.createElement(e);
win[dl]=win[dl]||{};win[l]={};c('initUser','user');c('thread','threads',!0);c('conf');c('home',0,!0);
;j.async=true;j.dataset.type='stromcom';j.dataset.l=l;j.dataset.dl=dl;j.dataset.ck=k;j.dataset.cs=s;
j.src = "https://cdn.stromcom.cz/loader.js?"+k;f.parentNode.insertBefore(j,f);
})(window, document, 'script', "stromCom", "exampleOfClientKey", "exampleOfBearerToken");
</script>
<div id="thread"></div>
<script>
stromCom.initUser({ code: currentUser.id, name: currentUser.name });
stromCom.thread(document.querySelector('#thread'), {
code: 'order-' + currentOrder.id,
});
</script>Stromcom funguje s výchozím nastavením. Pokud chcete, můžete přizpůsobit vzhled i chování.
Přizpůsobte barvy, písmo a styl chatu tak, aby splynul s vaším systémem. Stačí odkázat na váš vlastní stylovací soubor.
Vypněte možnost označovat kolegy a používejte vlákna jako soukromé interní poznámky k záznamu, viditelné jen pro vás nebo váš tým.
Nastavte konkrétnímu uživateli přístup jen pro čtení — vidí historii komunikace, ale nemůže přidávat zprávy. Vhodné třeba pro auditory.
Nahraďte výchozí ikonu a chování upozornění vlastním tlačítkem nebo vlastní logikou přímo ve vašem systému.
E-SHOP / ERP / CMS
JS widget + API
Úložiště & notifikace
Získejte API klíč a mějte chat ve svém systému během jednoho odpoledne.