Je thema-stijl overnemen
Laat het offerteformulier automatisch de stijl van je thema overnemen, of stel zelf de lettertypen en kleuren in.
Een offerteformulier dat er los opgeplakt uitziet, ondermijnt het vertrouwen op precies het verkeerde moment. De app kan in plaats daarvan de stijl van je thema overnemen.
Thema’s die de app overneemt
Section titled “Thema’s die de app overneemt”Het overnemen van thema’s is gebouwd voor een benoemde set thema’s. Samita publiceert de lijst als Dawn, Refresh, Trade, Origin, Ride, Studio, Colorblock, Taste, Publisher, Crave, Spotlight, Craft, Sense en Debut.
Gebruikt je winkel een van die thema’s, vink dan het vakje aan en verwacht een nauwe overeenkomst. Twee kanttekeningen die goed zijn om te weten voordat je er tijd in steekt:
- De lijst groeit nog. Samita markeert haar als “updating”, dus een thema dat hier niet wordt genoemd, kan al worden ondersteund. Probeer de instelling voordat je aanneemt dat het niet werkt.
- Een thema in de lijst is geen garantie. Thema’s worden aangepast, en een sterk aangepaste Dawn is niet de standaard Dawn. De controle in je webshop hieronder geeft de doorslag, hoe je thema ook heet.
Weet je niet zeker welk thema je gebruikt? Kijk bij Webshop > Thema’s in je Shopify-beheer: het live thema staat bovenaan.
Thema-overeenkomst inschakelen
Section titled “Thema-overeenkomst inschakelen”-
Open het tabblad Quote form
Section titled “Open het tabblad Quote form”Ga naar Quote settings, klik op Customize en open het tabblad Quote form.
-
Kies een stijlvoorinstelling
Section titled “Kies een stijlvoorinstelling”Scrol naar Style. Daar staat de voorinstelling die het formulier nu gebruikt, bijvoorbeeld Classic, met een knop Change als je een andere wilt.
-
Vink Match theme styling if possible aan
Section titled “Vink Match theme styling if possible aan”Vink Match theme styling if possible aan.
Laat het formulier bij je thema passen, zodat het er niet los opgeplakt uitziet.
-
Controleer het in je webshop, niet in de editor
Section titled “Controleer het in je webshop, niet in de editor”De app zegt het duidelijk: “Theme styling applies on your storefront and is not shown in this preview.”
Sla je wijzigingen op, open het formulier in je webshop en vergelijk het met een gewone pagina.
De thema-overeenkomst zie je alleen hier, in je webshop, nooit in de voorvertoning van de editor.
De stijl zelf instellen
Section titled “De stijl zelf instellen”De thema-overeenkomst is alles of niets: één selectievakje, geen controle per element. Als het je een heel eind helpt maar een kop of knop er nog steeds verkeerd uitziet, stel dat onderdeel dan met de hand in. Twee secties onder Style geven je directe controle.
| Sectie | Wat je kunt instellen |
|---|---|
| Customize text | Font style |
| Customize form color | Title bar color, Title bar background, Color, Background color, Border color, Quote popup primary color |
Gebruik ze als de thema-overeenkomst iets heeft laten liggen, of als je wilt dat het formulier bewust opvalt in plaats van opgaat in de rest.
Waar je op moet letten
Section titled “Waar je op moet letten”- Lettertypen — koppen en lopende tekst moeten overeenkomen met de rest van je winkel
- Knoppen — de verzendknop moet eruitzien als je andere knoppen
- Witruimte — een krap formulier op mobiel is het meest voorkomende probleem
- Contrast — zorg dat labels leesbaar zijn, vooral bij een donker thema
Volgende stappen
Section titled “Volgende stappen”- Een standaardformulier bouwen — de rest van het formulier
- Knoptekst en kleuren wijzigen — geef de offerteknop dezelfde stijl