Articles on: Coupons

How does the layout section of the coupon builder work?

In the layout section of your coupon builder you can change the look and feel of the coupon the way you want it to be.
Here is a guide about the layout section



Coupon Style


Choose the style of your coupon. These are the style that we have:




Logo


Upload the logo of your company or the company you work with


Make sure you upload the correct size. The image should have a width of 500px and a height of 100px. If the size is different than the recommended size then you will see that the image will look stretched.

The logo will be displayed at the top of your coupon:



Coupon image


Upload the image you would like to display on your coupon


Make sure you upload the correct size. The image should have a maximum width and height of 620px.

The coupon image will be displayed at the center of your coupon (or right underneath your logo if you have selected 'Rounded landing page' as coupon style)



Coupon main color


Change the color on the body of your coupon



Coupon header/footer color


Change the color on the top and bottom of your coupon



Font & Font color


Select the font that you want to use for your coupon and select the color of your font



Button style & color


Select the style of your button for your coupon. We have 3 styles:



You also have the option to stylize the button border. We have 4 styles:


You can also give that border a color:



Button color & color when hovering


You can choose the color of the buttons on your coupon. You also have the option to choose a color for the buttons when they click/tap on it.



Button text color


The button text colors ties with the button colors. Make sure that the text color and button colors are distinct from each other.



Background style


Choose what type of background you want to have. We have 3 styles:


Solid color

Gradient color

Background image


You can select one of our background images but you can also upload your background image. Make sure that your image is a seamless loop pattern.

Updated on: 05/03/2020

Was this article helpful?

Share your feedback

Cancel

Thank you!