> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.coupontools.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Hoe werkt de layout sectie van de coupon sjabloon?

In de layout sectie van je coupon sjabloon, kan je de look en feel van je coupon naar eigen wens veranderen.  
Hieronder leggen we je uit hoe je dat moet doen.
  
  
  
Kies de stijl van je coupon. Hier zie je alle verschillende stijlen  die we hebben:
  
![](https://storage.crisp.chat/users/helpdesk/website/575869c89924dc00/96d803e1-12fa-4423-aa6e-1efd34_1uoh2ph.png)  
  
  
  
Upload het logo van je bedrijf of het bedrijf waarmee je werkt.  
  
Zorg er wel voor dat je de juiste afmetingen gebruikt. De afbeelding moet 500px breed en 100px hoog zijn. Als deze verschilt van de aangeraden afmetingen, zal je merken dat de afbeelding er uitgerekt uitziet.  
Het logo zal afgebeeld worden aan de bovenkant van je coupon:  
  
![](https://storage.crisp.chat/users/helpdesk/website/7d8b8364e14dd800/83dc5f7b-0244-4fd0-a397-cf19fb_1bulhdq.png)  
  
  
  
Upload de afbeelding die je graag wilt laten zien op je coupon.
  
Zorg hier ook weer voor dat deze de juiste afmetingen heeft. De afbeelding mag een maximum hoogte en breedte van 620px hebben.  
De coupon afbeelding zal in het midden van je coupon getoond worden (of juist onder je logo als je de 'Rounded landing page' hebt geselecteerd als coupon stijl).  
  
![](https://storage.crisp.chat/users/helpdesk/website/98ee02d224ee6000/8fd2822f-60d4-4211-86f4-3b051d_1qlug2g.png)  
  
  
  
Verander de kleur van de 'body' van je coupon. 
  
![](https://storage.crisp.chat/users/helpdesk/website/bd98f43b0220c000/10b6fd6c-04d4-401b-ac98-a4695c_1onl32u.png)  
  
  
  
Verander de kleur aan de boven- en onderkant van je coupon.  
  
![](https://storage.crisp.chat/users/helpdesk/website/86c036ff964fe000/b6080b1e-061b-41d4-bc12-5835a6_1288e1z.png)  
  
  
  
Selecteer het lettertype en de kleur die je wilt gebruiken in je coupon.  
  
![](https://storage.crisp.chat/users/helpdesk/website/a8183bc5f9ba5800/c6bdc364-52e4-43b2-b784-74dcf2_o8zqim.png)  
  
  
  
Selecteer de stijl van de knop in je coupon. Er zijn 3 verschillende stijlen:  
  
![](https://storage.crisp.chat/users/helpdesk/website/2a4c158f72fc8a00/0adba004-4807-44d7-9f06-344cb3_16mdkah.png)  
  
Er is ook een optie om de rand van je knop aan te passen. We hebben hier 4 verschillende stijlen:  
  
![](https://storage.crisp.chat/users/helpdesk/website/72d7f1ee05ea2c00/24b14d84-8266-45c6-bfa0-33ab15_1cnus91.png)  

Je kan deze rand ook een kleur geven:  
  
![](https://storage.crisp.chat/users/helpdesk/website/816ca744fffbb800/5bdd003e-4fd1-4aaa-9dd2-e4b406_18s5osw.png)  
  
  
  
Je kunt de kleur van de knoppen kiezen. En je hebt ook de optie om een kleur te kiezen voor de knop als er op geklikt wordt.  
  
![](https://storage.crisp.chat/users/helpdesk/website/fb5cb18be305d000/7578875b-ba3c-4cb9-ac8b-a8de43_173k60r.png)  
  
  
  
De tekst kleur op de knop, sluit aan bij de kleur van de knop. Zorg ervoor dat je deze 2 kleuren verschillend maken van mekaar.  
  
![](https://storage.crisp.chat/users/helpdesk/website/83b2fce17ed42000/6a9461bf-d714-4e6e-88a2-005b9a_10uzlr.png)  
  
  
  
Kies welk type achtergrond dat je wilt. We hebben 3 verschillende stijlen:  
  

## Solid color

  

## Gradient color

  

## Background image

  
  
Je kan kiezen tussen een achtergrond afbeelding van ons of je kan een eigen achtergrond afbeelding uploaden. Zorg ervoor  dat deze afbeelding een naadloze lus patroon heeft.