Megjelenés & Témázás

Mit szabhatsz testre

A chat widget tervező Megjelenés füle tartalmaz mindent, ami a widget kinézetét érinti. A Márka → (a márkád) → Chat widget → Megjelenés útvonalon éred el — lásd a Chat widget vezérlőpult cikket. Három szekciója van, fentről lefelé:

Szekció	Mit tartalmaz
Widget	„Maga a panel: a képeid, a színeid és minden elem formája.” Logó, Bot avatár, Widget színe, Márkaszínek, Gombok és üzenetek, Kártyák és Sarkok.
Kezdőlap	„A köszöntés mögötti háttér, ebben a sorrendben egymásra festett rétegekből. Bármelyik kombináció működik.” Szín, Fénykép, Fényfoltok, Vonalak és Kiterjedés.
Indító	A buborék a weboldaladon: Pozíció, Ikon, Buborék színe, Buborék alakja, Ikon színe és Kiemelő gyűrű.

A Widget szekció fejlécében található az olvashatósági ellenőrzés, a Kiindulópontok és az Újratervezés AI-val is.

Színrendszer

Egy alapszín és egy-három márkaszín — minden más szín ezekből számolódik, olvashatóságra ellenőrizve.

A kezdőlap háttere

A köszöntés mögötti négy réteg — Szín, Fénykép, Fényfoltok és Vonalak —, és az, hogy meddig érnek le.

Márkázás, menü és sötét mód

Logó és bot avatár a közös képtárból, a lebegő navigációs sáv, a „Powered by Yaplet” sor, és hogyan készül sötét widget.

Indító gomb

A buboréknak a weboldaladon saját megjelenése van: saját színei, alakja, ikonszíne és kiemelő gyűrűje, és addig követi a márkádat, amíg be nem állítod őket.

Hogyan működik a Megjelenés fül

Minden egyválasztós beállítás egy gombsor. Ha az egeret egy gomb fölött tartod, megjelenik egy egysoros leírás az adott lehetőségről. Ha az oszlop túl keskeny a gombokhoz, a sor legördülő menüvé alakul.

Egy lehetőségre kattintva az űrlap melletti élő előnézet azonnal frissül. A Kezdőlap szekcióban egy lehetőségre kattintva az előnézet a kezdőképernyőre is vált, így mindig látod az éppen elvégzett változtatást. A látogatókhoz semmi nem jut el, amíg meg nem nyomod a Változtatások mentése gombot.

Widget

Három választás dönt a widget minden színéről:

Választás	Mi ez
Widget színe	„A widget alapszíne. Innen dől el, hogy világos vagy sötét.” Hat színminta, vagy bármilyen saját szín.
Márkaszínek	„Az első a gombokat és a linkeket festi. Legfeljebb három, a színátmenet sorrendjében.”
Gombok és üzenetek	Egy szín vagy Színátmenet: hogyan kerülnek a márkaszíneid a gombokra, a látogatók üzeneteire és — amíg nem adsz neki saját színeket — az indítóbuborékra.

A felületek, a szöveg minden szintje, a címkék, a jelvények, a köszöntés mögötti szín és a kezdőlap formái mind ezekből számolódnak, és minden szövegszín ellenőrizve van pontosan azon a háttéren, amelyen ül. Lásd: Színrendszer.

Két további sor dönt minden elem formájáról.

Kártyák — „Mennyi márkaszín kerül minden kártyára, címkére és panelre, minden fülön.”

Beállítás	Mit csinál
Semleges	„Egy árnyalattal eltér az oldal színétől. A márkaszíned a gombokon, a linkeken és az aktív fülön marad.”
Halvány	„A márkaszíned nagyon halvány árnyalata. A kezdőlapon alig látszik — és pont ezért maradnak nyugodtak az üzenetek és a cikkek.”
Közepes	„Kétszer erősebb árnyalat. A kezdőlapon jól látszik — mielőtt meghagyod, nézd meg az üzeneteket és a cikkeket is.”
Erős	„A legtöbb márkaszín, amit a widget egy kártyára fest. Ettől még lágy pasztell marad, sosem a teljes márkaszíned.”

Sarkok — „Egyetlen skála a panelhez és mindenhez, ami benne van.” Szögletes, Lekerekített, Lágy vagy Teljesen kerek. Az indítóbuborék nem követi; neki saját Buborék alakja van.

Kezdőlap

A köszöntés mögötti háttér négy réteg — Szín, Fénykép, Fényfoltok és Vonalak —, plusz a Kiterjedés, ami eldönti, meddig érnek le a képernyőn. Minden réteg kikapcsolható, és bármelyik kombináció működik. Hogy melyik lehetőség mit rajzol: A kezdőlap háttere.

A háttér csak a kezdőlapon él. Az Üzenetek, a Súgó, a Hírek és a Fejlesztések mindig a sima alapszínen ül, így egy erős háttér sosem zavarja az olvasást.

Indító

Az utolsó szekció a buborékot állítja be, amire a látogatók a weboldaladon kattintanak: a helyét, az ikonját, a színeit, az alakját, az ikon színét és egy választható kiemelő gyűrűt. Lásd: Indító gomb.

Újratervezés AI-val

A Widget szekció fejlécében egy Újratervezés AI-val gomb van (amíg a widget egy márkához tartozik). Adj meg egy webcímet — és ha segít, egy rövid megjegyzést a vállalkozásodról —, és az oldalhoz illő megjelenést tervez a widgetnek.

Ha a widgetnek már van dizájnja, a varázsló előbb megkérdezi:

Maradjon, ami van — „A színeid, a kezdőképernyő háttere, a sarkok és a buborék pontosan úgy maradnak, ahogy vannak.” Az oldalon talált logó vagy bot avatár csak egy üres mezőt tölt ki.
Írd felül — „Új színeket, kezdőképernyő-hátteret, sarkokat, kártyastílust és buborék-megjelenést kapsz. A buborék az új márkaszínedet követi.” Beállítja a widget színét, a márkaszíneket, a Gombok és üzenetek sort, a Szín, Fényfoltok és Vonalak réteget, a Kiterjedést, a Kártyákat, a Sarkokat, az indító ikonját, a buborék alakját és a kiemelő gyűrűt, a logót és a bot avatárt pedig az oldalról veszi. A kézzel beállított buborékszínek helyett a buborék újra a márkaszíneidet követi.

Mindkét esetben gyorsgombokat ír a vállalkozásodról, a saját nyelveden. Ezek a Yaplet alap gyorsgombjainak helyére kerülnek, sosem egy általad írt gomb helyére, és a Mentés megnyomása után lefordítjuk őket a többi nyelvre. Köszöntést vagy üdvözlő sort nem ír, és kezdőlap-fényképet sosem állít be.

Az eredmény a nem mentett űrlapba és az élő előnézetbe kerül, sosem az éles widgetedre. Az értesítés így szól: „Elkészült az új megjelenés” — „Nézd meg az előnézetben — semmi nem mentődik el, amíg rá nem nyomsz a Mentésre.” —, a Visszavonás gombja pedig tíz másodpercig visszaállítja az űrlapot az előző állapotra.

Az AI beállítási futások korlátozottak. Az ingyenes szervezetek összesen három futáson osztoznak, bárhonnan is indítják a varázslót, és egy soha el nem mentett előnézet is elhasznál egyet. Mindenki, minden csomagon, percenként öt futásra korlátozott.

Kiindulópontok

Ugyanebben a fejlécben a Kiindulópontok tizenkét kész megjelenést nyit meg — „Kész megjelenés: a színek, a kezdőlap háttere, a kártyák stílusa, a sarkok és a buborék. Utána minden része szabadon módosítható.”

Ha kiválasztasz egyet, beállítja a widget színét, a márkaszíneket, a Gombok és üzenetek sort, a kezdőlap Szín, Fényfoltok, Vonalak és Kiterjedés beállítását, a Kártyákat, a Sarkokat, valamint a buborék saját színeit, alakját és kiemelő gyűrűjét. A logód, a bot avatárod, a kezdőlap fényképe, az indító helye és ikonja marad, ahogy volt. Az értesítés ezt írja: „Kiindulópont alkalmazva”, és tíz másodpercig Visszavonás lehetőséget kínál.

Kiindulópont	Widget színe	Márkaszínek	Szín	Gombok és üzenetek	Fényfoltok · Vonalak	Kiterjedés	Kártyák	Sarkok	Buborék
Monochrome	`#FFFFFF`	`#18181B`	Nincs	Egy szín	Nincs · Nincs	Csak felül	Halvány	Lekerekített	Lekerekített
Classic Blue	`#FFFFFF`	`#083BD9`	Színfolt	Egy szín	Csíkok · Mindkettő	Csak felül	Semleges	Lekerekített	Kör
Blueprint	`#F5F7FB`	`#2563EB`	Színfolt	Egy szín	Nincs · Rács	Teljes képernyő	Halvány	Szögletes	Lekerekített
Mint	`#FFFFFF`	`#0EA47A` · `#7FE0C2`	Színfolt	Egy szín	Foltok · Körök	Csak felül	Halvány	Teljesen kerek	Kör
Terracotta	`#FBF7F1`	`#B4541F`	Színfolt	Egy szín	Nincs · Körök	Csak felül	Semleges	Teljesen kerek	Lágy
Blush	`#FFFFFF`	`#D9488F` · `#F9A8D4`	Színfolt	Színátmenet	Csíkok · Négyzetek	Csak felül	Közepes	Lágy	Kör
Sunset	`#FFFFFF`	`#FF7A1A` · `#FFC93C`	Színátmenet	Színátmenet	Csíkok · Nincs	Teljes képernyő	Semleges	Lágy	Kör
Midnight	`#1E2430`	`#3B82F6`	Nincs	Egy szín	Foltok · Nincs	Teljes képernyő	Halvány	Lekerekített	Kör
Terminal	`#0B0D14`	`#A3E635`	Nincs	Egy szín	Nincs · Rács	Teljes képernyő	Semleges	Szögletes	Szögletes
Twilight	`#1B1D2A`	`#7642D3` · `#4747B9`	Színátmenet	Színátmenet	Csíkok · Függőleges vonalak	Csak felül	Halvány	Lágy	Lágy
Ember	`#0A0A0B`	`#B91C1C` · `#1C0A0A`	Színátmenet	Egy szín	Nincs · Négyzetek	Teljes képernyő	Erős	Lekerekített	Kör
Aurora	`#0F1424`	`#7C3AED` · `#06B6D4` · `#10B981`	Színátmenet	Színátmenet	Reflektor · Nincs	Teljes képernyő	Semleges	Lágy	Kör

Minden kiindulópont bekapcsolja a kiemelő gyűrűt, mindegyik egy olyan színben, amely jól elüt a saját buborékjától. A Midnight, a Terminal, a Twilight, az Ember és az Aurora a sötétek.

Hogyan néz ki egy új widget

Hacsak az AI beállítás nem tervezte meg a weboldalad alapján, egy új chat widget a Monochrome megjelenéssel indul: fehér Paper widgetszín, egyetlen majdnem fekete márkaszín, semmilyen kezdőlap-háttér (a Szín Nincs, se Fényfoltok, se Vonalak, a Kiterjedés Csak felül), Halvány kártyák és Lekerekített sarkok. Az indítója jobb alul ül, az AI ikont mutatja egy Lekerekített buborékon, amely a márkaszínedet követi, fehér kiemelő gyűrűvel.

Egy új widgetnek nincs logója és nincs bot avatárja. Amíg ki nem választod őket, a kezdőlapon egyáltalán nincs logó, az AI válaszai mellett pedig az indító AI jele látszik a márkaszíneden — a widget a helyükön sosem mutatja a Yaplet saját logóját. Lásd: Márkázás, menü és sötét mód.

A nyilvános oldalaid követik

A márkád webcímén lévő nyilvános tudásbázis, dokumentáció és roadmap oldalak ugyanabból a témából festődnek, mint a márka chat widgete, így egy itt módosított szín azokat is megváltoztatja. A fejlécsávjukat a widget Szín rétege festi. Lásd: Tudásbázis és Shareboard.