ProductX

  1. Home
  2. Docs
  3. ProductX
  4. Builder Blocks
  5. Coupon Block

Coupon Block

The coupon block displays the Coupon field to your desired position, and you can customize it as you need.

Let’s see what customization settings it offers.

General Settings

In the general settings, you can change the border, border color, and border width.

Coupon Block General Settings

Coupon Heading

You can enable the coupon heading, change its text, and customize its color, hover color, typography, background, border, border radius, and padding.

Coupon Block Heading

Coupon Body

You can change the discount title text, title color, title typography, title position, background, and padding.

Coupon Block Body

Input Field

You can customize the input fields, typography, width, color, background, placeholder text, border, border radius, and padding.

Coupon Block Input Field

Coupon Button

Coupon Block Button

You can change the button’s position, text, color, hover color, background, hover background, typography, border, space, border radius, and padding.

Was this article helpful to you? Yes No