logo
Documents & Forms
Microsoft 365 & SharePoint Tools
Classic SharePoint Tools

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.

Preview
Theme:
Use this template

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 and the MobileNumber fields are hidden by default. When the PromoInformation field value changes, the corresponding field is shown and made required using the JavaScript function.
  • 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.

JavaScript

  • 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.

Styling

  • 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.