Zaawansowany samouczek - oferujemy tylko wsparcie pierwszego poziomu w zakresie korzystania z platformy i jej funkcjonalności. Niestandardowy projekt, niestandardowe kodowanie i integracje stron trzecich nie są uwzględnione w zadnym z naszych planów.
Wstrzykiwanie CSS na koncie White Label
Mozesz osadzić własne reguły CSS, aby dopracować wygląd swojego konta White Label Wstaw kod niestandardowy > Nagłówek sekcji Branding.
Sekcja wstawiania kodu CSS w nagłówku
Przykłady reguł CSS
Ukrywanie elementów interfejsu uzytkownika dla określonego uzytkownika/uzytkowników
Mozesz ukryć elementy/opcje dla konkretnego uzytkownika instancji White Label za pomocą CSS. Musisz wybrać element docelowy i dodać do reguły klasę ".user-{nazwa uzytkownika małymi literami}".
Ponizszy przykład ukrywa opcję "Kod QR dla wielu krajów" dla uzytkownika "John Doe".
<style>.user-john_doe #qr-menu-multi {display:none;}</style>
.user-john_doe #qr-menu-multi {
display:none;
}
</style>Zastąp logo dodatkowego uzytkownika
Mozesz uzyć logo swojego klienta na dodatkowym koncie planu White Label. Wystarczy przesłać plik obrazu do sekcji Media, skopiować adres URL obrazu i dodać następujący kod do sekcji Branding > Inject custom code > Header.
<style>.user-***usernamehere*** .branding-logo a img {
content: urlhttps://qr.yoursubdomain.com/l/media?f=ce679cb3feec6acbddb537bdab16a679&fullsize=14;}
</style>Ukryj pole wspólnych szablonów
Jesteś duzą organizacją, stworzyłeś własne szablony i nie chcesz, aby Twoi uzytkownicy korzystali z niezatwierdzonych szablonów. Wystarczy dodać następującą regułę do sekcji Branding > Inject custom code > Header.
<style>
[role="user"] #admin-templates-block,
[role="user"] #admin-templates-searchbox {
display: none;
}
</style>Mozesz usunąć [role="user"], aby ukryć blok wspólnych szablonów zarówno dla administratorów, jak i uzytkowników.
Zmiana rozmiaru sekcji zawartości wizytówki
Mozesz uzyć wizytówki tylko do wyświetlenia zestawu przycisków wezwania do działania. W takim przypadku, jeśli nie dodasz zadnej treści, obszar ten będzie pusty i zajmie zbyt duzo miejsca.
Mozesz dostosować minimalną wysokość bloku treści, dodając następującą regułę CSS w sekcji Wizytówka > Branding lub uzywając jej w szablonie CSS.
<style>
#content {
/* Eliminates the minimum height of the content section*/
min-height: unset;
}
</style>IDEA: Pole "O mnie" na wizytówce moze zostać wykorzystane do dodania kontekstu do strony docelowej. Mozna równiez uzyć
Wstrzykiwanie kodu JS na konto White Label
Jeśli chcesz pójść o krok dalej i dodać własne treści i funkcjonalności do swojej instancji, mozesz osadzić własne skrypty JS lub jQuery w sekcji Inject Custom Code > Footer w sekcji Branding.
Przykłady skryptów
Ponizsze przykłady mozna dodawać i dostosowywać do własnych potrzeb:
Ponizszy kod doda link do paska bocznego uzytkowników konta White Label
$document.readyfunction{
$"body[id^='uuser-'] div.menu ul.sub-menu".append
"<li class='li-menu-extra'>
<a class='gray' href='https://google.com'>
<span class='qr-api-user'>My link</span>
</a>
</li>";
};Dodaj link do górnego paska uzytkownika
Ponizszy kod doda link do górnego paska uzytkowników konta White Label.
$document.readyfunction{
$"body[id^='uuser-'] a.account".after
"<a href='https://google.com'>My link</a>";
};Dodaj link do stopki
Ponizszy kod doda link na początku stopki uzytkowników konta White Label.
$document.readyfunction{
$"body[id^='uuser-'] #footer p.privacy".prepend
"<a href='https://google.com'>My link</a>";
};Ponizszy kod doda link na końcu stopki uzytkowników konta White Label.
$document.readyfunction{
$"body[id^='uuser-'] #footer p.privacy".append
"<a href='https://google.com'>My link</a>";
};Przenieś przyciski wezwania do działania na górę wizytówki.
Mozesz dodać następujący kod w Branding > Custom Landing Page Footer, aby zmienić kolejność elementów swojej wizytówki. Dostępne tylko w planach White Label.
<script>
$".businesscard-container #footer".insertBefore".businesscard-container #main";
</script>
<style>
#footer {margin:unset;
padding:5px 0;}
</style>Ukryj widzet czatu na zywo
Po zalogowaniu się jako administrator konta White Label, nasz widzet czatu na zywo pojawi się w prawym dolnym rogu ekranu, aby zapewnić wsparcie pierwszego poziomu. Widzet ten mozna łatwo ukryć/wyłączyć, wprowadzając następujący kod JS
<script>
window.Tawk_API.onLoad = function{
window.Tawk_API.hideWidget;
};
</script>