Loyalty Program Application Form
Automate your customer acquisition process for your company's loyalty program with this online form template. Gather all the information you need, such as the customer's name, address, and preferred contact method. You can also learn where customers are coming from and what their loyalty level is. Customers can also share the contact information of people who may also be interested in your products/services.
Fields and controls
- A logo is added using an Image control. It has a unique CSS class logo-img. Change the image in the control properties.
- Section headers have a bg-secondary class, which sets the background color to gray.
- The PromoInformation field is required.
- The Email field accepts only valid email addresses. Change the pattern in the field properties.
- The MobileNumber is a masked input field that accepts only 11-digit numbers. Change the mask in the field properties.
- The notificationMethod() function hides the Email and the MobileNumber fields on the form load. Depending on the PromoInformation field value, the corresponding field is shown and made required. The function is called on the form load and when the PromoInformation field changes.
- The primary button font-weight is set to 700.
- logo-img — a minimum width is set to 70 px. The image size is responsive to screen width and is set with the min() CSS function.
- h1, h4, p elements' text size is responsive to screen width and is set with the min() CSS function.
- h1, p element's content is centered.
- A pseudo-element is added after h4 elements to display double lines.