Form Input

Overview

Customize individual form input fields with validation, masks, placeholders, and styling options.

💡 Tip: Browse our Block Explorer to find pre-made templates for Form Input and customize them to match your brand.

Step 1: Open the Editor

Go to the Block Explorer, find the Form Input template you want to use, and click Edit to open the customization editor.

📹 Video: How to build Form Input for your website

Step 2: Customize Your Block

In the editor panel, you can add, remove, or rearrange elements within your Form Input. Customize text, images, buttons, and other content to match your needs.

Use the inline editing tools to adjust colors, fonts, spacing, borders, and background styles for each element.

Step 3: Configure Settings

Adjust the layout settings including display mode, grid columns, gaps, padding, and responsive behavior. Fine-tune how your block appears on desktop and mobile devices.

Step 4: Choose Colors

Select colors that align with your brand identity. Customize container backgrounds, text colors, button colors, and accent highlights to create a cohesive look.

Step 5: Preview & Publish

Click Preview to see how your Form Input looks on both desktop and mobile devices. Once satisfied, set up your triggers and publish the block to your site.

Form Conditions