Korzystanie z własnej domeny jest prawdopodobnie głównym powodem, dla którego firma decyduje się na konto White Label. Plan ten oferuje jednak o wiele więcej zaawansowanych funkcji.
Jak oznakować swoje konto White Label
1. Przejdź do sekcji Branding na swoim koncie White Label.
Najpierw przejdź do sekcji Branding na swoim koncie White Label, gdzie mozna zarządzać wszystkimi tymi ustawieniami. Mozesz zacząć od nadania platformie własnej nazwy.
2. Ustaw wygląd swojego konta za pomocą CSS i JS
Dodaj swoje logo, favicon i uzyj własnych kolorów.
3. Ustaw kolory dla przepustek portfela
Mozesz dostosować wygląd swojego portfela, w szczególności w odniesieniu do czcionki i koloru tła.
Po kliknięciu przycisku zmiany koloru pojawi się wyskakujące okienko. Zdecyduj, czy chceszzastosować zmiany kolorów do przepustek Wallet Pass, które będą generowane od teraz, czy tez chcesz zastąpić kolory wszystkich istniejących przepustek Wallet Pass. Nalezy pamiętać, ze po naciśnięciu przycisku Zapisz zmiany wchodzą w zycie natychmiast i nie mozna ich cofnąć.
Wallet Pass Colors Popup 4. Uzyj własnej subdomeny produkcyjnej
Dane wejściowe dla domeny niestandardowej
5. Uzyj własnej subdomeny dla dodatkowych uzytkowników konta White Label opcjonalnie.
Dodatkowi uzytkownicy kont White Label mogą równiez korzystać z własnej subdomeny. Moze to być przydatne dla agencji, które konfigurują konta uzytkowników dla swoich klientów, które powinny działać w ich własnej domenie.
6. Uzyj własnej domeny dla krótkiego adresu URL kodu QR opcjonalnie
Uzyj innej lub krótszej domeny zamiast domeny produkcyjnej, aby utworzyć prostsze i łatwiejsze do odczytania kody QR, np. qr.vc. Dowiedz się więcej, jak skonfigurować domenę główną.
7. Uzyj własnej domeny dla powiadomień e-mail opcjonalnie
Mozesz równiez uzyć swojej domeny do wysyłania powiadomień e-mail o skanach, formularzach potencjalnych klientów, kuponach itp. Dotyczy to tylko głównej domeny konta, dodatkowi uzytkownicy będą korzystać z tej samej domeny co administrator.
8. Ustawienia regionalne - Języki niestandardowe
Oznacz swoją platformę własnym, spersonalizowanym językiem oprócz wybranego języka podstawowego. Przetłumacz określone bloki tekstowe na języki regionalne i przypisz utworzone niestandardowe pakiety językowe do uzytkownika.
Budowanie marki
Niestandardowy pakiet językowy
Dane wejściowe dla niestandardowego pakietu językowego
Hacki CSS
Oznacz swoją instancję White Label własnym kodem CSS lub JS, który zostanie umieszczony w tagu <head> wszystkich stron konta White Label. Mozesz dołączyć własny widzet czatu i wiele więcej.
Kolory
Uzyj niestandardowego koloru.
body{background-color: #cde;}Czcionki
Uzyj niestandardowej czcionki z Google Fonts.
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
body{font-family: 'Source Sans Pro', sans-serif;}Ikony
Zastąpienie ikony uzytkownika w menu niestandardowym obrazem base64.
.admin-user{background-image:url'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAsTAAALEwEAmpwYAAABvFBMVEUAAACt1q2m17Cn26+q1LKs1ays2ayr1rGp2K+p1q6q2bCfyqap2LCp16+p2K+q2LCp17Co2LCp2K+p16+o2K6q2LCo16+q17Co2K+p17Co1q6q2LCq2K6o2LCq1rCo2K6o2LCq2K6n2K2o2K6q2LCo2K6o1rCq1rCbu6GgzKWm1Kyo1q5gnL5jpMdjpsxkp81lqtFmqcxnpcJnp8Vnp8tnqs5nq85nrdRnrdVoq89orNJpq8trnLRsqb5tq8VtrMVvqchxrb9yp69yrLx2o7V2q654q8N5qqR5r8h5sMt6sbZ7q6R9qr19tbqBsqeCo4eFtKSGr5iIt8qIuauJssKJvrWNtJKPt8WRuJaSwaqXv5yYtZ+Yw6GYw6WZwZ6bxaCbxaGcv6KdyKOexaKfvKWfyqWhzaeiz6yjzKmj0Kqj0Kyj0a6k0Kqlw76l0aqm06ynza6n0ayn1K2n1a2o1a6o1q+p1q+p16+q2LCtyLWuzrSuzrWvyLez0Luz0bu407+508C71sS+2NXB29jD2MvD2svF3c3G39vH3tjH39vJ39LK4tzO5NjQ5d7X6+DX7OPY7OPZ7ePb7+Xc8Oa65Fc8AAAALHRSTlMAGRodHh8iUldZXnBxdHd4e5+kp6ustLW6vN7f5ebw8vP09fX6+/z9/v7+/pMxHZMAAAFbSURBVBgZBcFNThNhAADQ932dtsOktKVpKYaEjTvxECYkGhduMC64AuE4nsGYKGHpwjO4MjEuXCDqYkr5U/o3M0x9LwBa2UbStqwW8xIIoNUbvawaScTZ9K6CANnO6/NJGQZ7m/A+XyCge7z+eg2tp13w9p5IduziGsKw0VxWOElJtB4xhfRFh+3pTcb490PUfcMDFgcdGG6WHPXE1hgbGPeB3l8MGzF7ha2SLqBd4DCLG7C7V1gCygBZTCDsjFbnBXDVgiS24eb7XTv59AB3f/qQRih+LEgnH2fk30YR6mSJnzPYfZYxbt6CVayoJtB/nsFgdA9VXJAXqA4SYHNQYh7nZ/4FPE4B+jNO50k5Vddry30AzUGRTOuG8mK/09/qPgkAivsPl+tElW8jDwA0P+e1gM4Jl2EB4MuvGQHS8REA3uUrBNDoDQ8Bp9PbNQRAI8uStF5V83kN/Afai3sy4mNhxAAAAABJRU5ErkJggg=='} Jeśli chcesz zastąpić inlined CSS, być moze będziesz musiał uzyć słowa kluczowego !important, np.
body{background-color: #cde !important;}Logo
Chcę zastąpić logo na koncie jednego z moich uzytkowników.
Z niestandardową domeną
Jeśli uzytkownik ma własną subdomenę, wystarczy przesłać logo do sekcji multimediów na koncie klienta i dodać ten fragment do sekcji brandingu.
Nalezy pamiętać, ze w przypadku uzytkowników bez domeny niestandardowej nie jest mozliwe dostosowanie logo strony logowania.
body[domain="my-subdomain-com"] .branding-logo a img {
content: urlhttps://my.subdomain.com/l/media?xxxxxxxxxx&fullsize=1;
}Bez domeny niestandardowej
Jeśli uzytkownik nie ma własnej subdomeny, wystarczy przesłać logo do sekcji multimediów na koncie klienta i dodać ten fragment do sekcji brandingu.
body[domain="username"] .branding-logo a img {
content: urlhttps://your.subdomain.com/l/media?xxxxxxxxxx&fullsize=1;
}