How to Create Inline Forms in SureForms

Creating an inline form in SureForms is a simple process that involves adding fields and adjusting their width to align them horizontally. Follow the steps below to create an inline form:

Step 1: Add Form Fields

1. Navigate to SureForms in your WordPress dashboard.
2. Click on Create New Form or edit an existing form.
3. Add the required form fields such as Name, Email, Phone, or any other input fields.

Step 2: Add a Custom Button

1. After adding the form fields, insert a Custom Button.
2. The button can be used as a Submit, Next, or any action button as per your requirement.

Step 3: Adjust Field Width for Inline Display

To make the form appear inline, you need to adjust the width of the fields and button:

1. Select each field and navigate to its Advanced Settings.
2. Set the Field Width to one of the following values:
   • 75% (for a wider field arrangement)
   • 50% (to split fields into two columns)
   • 33% (to display three fields in a row)
   • 25% (to align four fields in a row)
3. Ensure the Custom Button is also set to the appropriate width to align with the other fields.

Step 4: Save and Preview

1. Click Save to apply the changes.
2. Use the Preview option to check if the fields are displaying inline correctly.

Step 5: Embed the Inline Form

1. Copy the form’s shortcode.
2. Paste it into a post, page, or widget area where you want the inline form to appear.
3. Save and publish the page to see the form in action.

By following these steps, you can successfully create an inline form using SureForms, ensuring a clean and professional layout for your website.