GIFT CARD & COUPON CODE

The Gift card and coupon code section gives you control over how customers apply promotions inside the app. Everything from the layout to the input fields can be styled to match your brand.

Display settings

You can choose how this section appears, either as a popup or a drawer.

Header

The header can be customised with full text styling options, and you can choose or upload an icon to appear beside the header text.

You can also adjust the header background by changing the color, radius, and padding, as well as the header border by controlling its color, width, and sides.

Image

You can upload a dedicated gift card image and a separate coupon code image to visually differentiate both options inside the popup or drawer.

You can also change the ratio, radius, image scale and padding as well as the color and width of the image border.

Content area

Input

Each input field comes with its own label, so you can customise the label style for both Gift card and Coupon code.

You can change the font, size or weight, line height, letter spacing, text color, and capitalization.

Inside the input box, you can style the text separately using the same controls.
The input background allows you to pick a color, adjust the radius, and set padding.
You can also adjust the input border by choosing the color and width.

Button

The Apply button can be fully tailored. You can change its text style, adjust the border, and choose or upload both left and right icons along with their colors.

Advanced settings

Content background and layout can be shaped using background color, border color and width, and spacing options.

You can fine tune the look by adjusting padding, radius, margin, and overall layout behavior for a clean, polished final appearance.

Background and spacing

You can control the background by selecting a color, setting the radius, and adjusting the padding.

You can also customise the border by choosing the color, width, and the sides where the border should appear.