De kleuren en het logo van de boekingswidget aanpassen
Je kunt de boekingswidget afstemmen op je merk: achtergrondkleur, knopkleur, een snelle voorinstelling en je eigen logo in de kop van de widget.
Waar vind je het
- Kleuren: Backoffice › Instellingen › Widget Beheer › Weergave
- Logo: Backoffice › Instellingen › Widget Beheer › Inhoud & huisstijl › Widgetlogo
Wat het doet
- Themamodus – Standaard Thema of Aangepast Thema. Kies Aangepast Thema om je kleuren tijdens het bewerken in het live voorbeeld te zien.
- Snelle Voorinstellingen – met één klik stel je bij elkaar passende kleuren in: Koraal, Classic, Midnight of Emerald.
- Achtergrond widget – geldt voor de kop, de body en de voet van de widget.
- Knopkleur – de hoofdknoppen en accenten. De hoverkleur wordt voor je berekend en de tekst op knoppen wisselt tussen donker en licht voor de leesbaarheid.
- Logogrootte – Klein (de huidige grootte), Middel of Groot.
- Widgetlogo – getoond in de kop van de widget. Upload een afbeelding, of plak een afbeeldingsadres onder Of voer de logo-URL direct in.
Zo stel je het in
- Selecteer de locatie in de kop en ga naar Instellingen › Widget Beheer.
- Open Weergave en kies Aangepast Thema.
- Klik op een voorinstelling, of stel zelf Achtergrond widget en Knopkleur in.
- Open Inhoud & huisstijl, klik op Logo Uploaden en kies een afbeelding. Je ziet "Widgetlogo geüpload. Klik op Opslaan om toe te passen."
- Kies een Logogrootte.
- Klik op Thema opslaan in de balk onderaan de pagina. Het voorbeeld laadt opnieuw met je wijzigingen.
Goed om te weten
- Je website heeft geen nieuwe code nodig na een wijziging van kleur of logo. De widget laadt telkens de opgeslagen instellingen.
- De opgeslagen kleuren worden ook gebruikt voor de gehoste boekingspagina, de microsite-widget en uitnodigingslinks voor privé-evenementen.
- Er is geen donkere-modusschakelaar op deze pagina. Kies een donkere Achtergrond widget (bijvoorbeeld de voorinstelling Midnight) als je een donkere widget wilt.
- Resetten in de balk onderaan gooit niet-opgeslagen wijzigingen weg door de pagina opnieuw te laden.
Problemen oplossen
Ik koos Standaard Thema, maar mijn website toont nog steeds mijn oude kleuren De widget blijft de kleuren uit de kleurkiezers gebruiken, ook als Standaard Thema is geselecteerd. Om terug te gaan naar de standaard 10Seat-look klik je op de voorinstelling Koraal en daarna op Thema opslaan.
Ik zag "Widgetinstellingen opgeslagen" maar later "Failed to save theme. Please try again." De succesmelding verschijnt meteen, terwijl het echte opslaan op de achtergrond gebeurt. Als de tweede melding verschijnt, is de wijziging niet opgeslagen. Klik opnieuw op Thema opslaan met een stabiele internetverbinding.
Het uploaden van mijn logo is mislukt Gebruik een gewoon afbeeldingsbestand (PNG, JPG of vergelijkbaar) en probeer het opnieuw. Blijft het mislukken, plak dan het afbeeldingsadres in Of voer de logo-URL direct in.
Het logo ziet er piepklein of afgesneden uit Probeer Middel of Groot onder Logogrootte. Brede logo's met weinig lege ruimte eromheen werken het best.
De tekst op mijn knop is slecht leesbaar Kleuren die precies in het midden liggen geven weinig contrast. Kies een donkerdere of lichtere Knopkleur.