Design & Appearance

You have four layout options:

• Default — Inline form embedded directly in the page
• Boxed — Form displayed within a contained box
• Float — A floating button that opens a form panel when clicked
• Popup — A modal overlay that appears based on trigger conditions

The app offers eight style presets: Classic, Classic Rounded, Material Filled, Material Outlined, Line, Line Rounded, Flat, and Flat Rounded. Each gives your form a distinct visual feel without any custom CSS.

Yes. You can customize several color settings including background color, text color, button color, button label color, and outline button color. This lets you match your form to your store's branding.

Yes. The app supports Google Fonts including popular choices like Inter, Roboto, Poppins, Montserrat, and more. Fonts are loaded from Google Fonts and applied to your entire form.

You can choose from three font size options: Small (14px), Medium (16px), and Large (18px). Pick the size that best fits your form's design and readability needs.

Yes. In the Design/Appearance tab, you can set a background image for your form instead of (or in addition to) a solid background color. Upload an image through the builder and it will display behind your form fields.

Yes. The form width is customizable — the default is 750px. You can adjust it to be narrower or wider depending on where and how you want the form to appear on your storefront.

For Float and Popup layouts, you can choose from 9 positions on the screen: top-left, top-center, top-right, middle-left, center, middle-right, bottom-left, bottom-center, and bottom-right. This gives you full control over where your floating button or popup appears.

In the form builder, click the Design/Appearance tab. This opens all layout, style, color, font, background, and positioning options in a single panel. Changes are reflected in the live preview so you can see the effect immediately.

Yes. All appearance settings — layout, style, colors, font family, font size, background, width, and position — are saved as part of the form's appearance configuration. They'll be preserved when you edit the form later and applied on the storefront.

Absolutely. Each form has its own independent appearance settings. You can have a minimalist contact form, a bold popup survey, and a branded order form — all with different layouts, colors, and fonts.

Yes. When you generate a form with AI, it creates a complete appearance configuration including style preset, font family, font size, and a WCAG AA-compliant color scheme matched to your form's purpose. You can always adjust the design afterward.