Next Gen Lead Gen Form by Lead Stack Media

Customize Your Form

Personalize your form's appearance with custom colors and styles. Changes only affect the visual design, not the form's functionality.

Form Customizer

Customize the look and feel of your form

1. Select Form:

🇺🇸 US Form

United States

🍁 Canada Form

Canada

2. Base Style:

Classic

Style 1

Modern

Style 2

Note: This style offers the best customization options for your form.

3. Customize Colors:

Primary Color(primary)

Main brand color used for accents and highlights

Button Gradient(buttonGradient)

Gradient used for primary buttons

Button Hover Gradient(buttonHoverGradient)

Gradient used when hovering over buttons

Button Text Color(primaryForeground)

Text color for buttons

Icon Gradient(iconGradient)

Gradient used for icons and step indicators

Popup Button Background(popupBtnBg)

Background color for popup buttons

Popup Button Hover(popupBtnHoverBg)

Background color for popup buttons on hover

Popup Button Text(popupBtnText)

Text color for popup buttons

Progress & Step Indicators(dotAnimationColor)

Color used for progress bar, step dots, and indicators

Top Progress Bar Background(topBarBg)

Background color/gradient for the top percentage bar

Top Progress Bar Text(topBarColor)

Text color for the percentage indicator

Check Icon Background(checkIconBg)

Background for check icons

Step Heading Color(stepHeadingColor)

Color used for step titles

Step Subtitle Color(stepSubtitleColor)

Color used for step subtitles and descriptions

Highlight Color(highlightedNameColor)

Color used for highlighted text

Selection Chip - Selected BG(chipSelectedBg)

Background for selected option chips

Selection Chip - Selected Border(chipSelectedBorder)

Border color for selected option chips

Selection Chip - Selected Text(chipSelectedText)

Text color for selected option chips

Selection Chip - Unselected BG(chipUnselectedBg)

Background for unselected option chips

Selection Chip - Unselected Border(chipUnselectedBorder)

Border color for unselected option chips

Selection Chip - Unselected Text(chipUnselectedText)

Text color for unselected option chips

Selection Chip - Hover BG(chipHoverBg)

Background color when hovering over chips

Pay Date Chip Background(nextPayDateChipBg)

Background color for next pay date chips

Pay Date Chip Border(nextPayDateChipBorder)

Border color for next pay date chips

Pay Date Chip Text(nextPayDateChipText)

Text color for next pay date chips

Pay Date Selected Background(nextPayDateSelectedBg)

Background color for selected pay date chip

Pay Date Selected Text(nextPayDateSelectedText)

Text color for selected pay date chip

Submit Button Background(requestCashBtnBg)

Background for the submit button

Submit Button Text(requestCashBtnTextColor)

Text color for the submit button

Timer CTA Background(timerCtaBg)

Background color/gradient for the timer CTA

Timer CTA Text(timerCtaText)

Text color for the timer CTA

Timer CTA Pulse Effect(timerCtaPulse)

Color for the pulse animation effect

Waiting Screen - Primary Color(waitingScreenPrimary)

Primary color for waiting screen (headings, spinners, progress)

Waiting Screen - Secondary Color(waitingScreenSecondary)

Secondary color for waiting screen text

Waiting Screen - Accent Color(waitingScreenAccent)

Accent color for highlights and active elements

Waiting Screen - Progress Bar(waitingScreenProgressBg)

Background gradient for progress bars

Waiting Screen - Button Background(waitingScreenBtnBg)

Background color for CTA button

Waiting Screen - Button Text(waitingScreenBtnText)

Text color for CTA button

Waiting Screen - Button Hover(waitingScreenBtnHover)

Background color for CTA button on hover

4. Preview:

Loading preview...

5. Get Your Custom Embed Code:

Use the Test Iframe Code page to preview how your embed will look on your website