Skyflow Forms allows you to control how your form is displayed on the front end through the Form Display setting. This setting is important because it determines not only how the form appears to visitors, but also how you will place or trigger the form on your website.
Skyflow Forms currently supports two main display methods:
- Inline
- Modal Popup
Each option serves a different purpose. Inline forms are embedded directly into content, while modal popup forms are opened through a trigger such as a button or link.
Available Display Types
Inline
When Inline is selected, the form is displayed directly inside the page, post, or content area where you place it. In this mode, Skyflow Forms provides a shortcode for the form. You can copy this shortcode and paste it into:
- A page
- A post
- A widget area
- A shortcode block
- Any supported content area in your WordPress site
This is the best option when the form should remain visible as part of the page layout.
Typical use cases include:
- Contact pages
- Support pages
- Quote request pages
- Inquiry sections
- Service landing pages
Modal Popup
When Modal Popup is selected, the form is not shown directly inside the page content. Instead, it opens in a popup window.
In this mode, Skyflow Forms provides a CSS class that you can use to trigger the popup form.
You can add this CSS class to a button, link, or other clickable element on your site. When the user clicks that element, the modal popup form will open.
This is useful when you want to trigger the form only after user interaction, rather than displaying it all the time on the page.
Typical use cases include:
- Newsletter signup popups
- Quick inquiry buttons
- Lead capture forms
- Promotional popups
- Contact buttons in headers or banners
How the Output Changes Based on Display Type
The selected display type affects how the form is used on the front end.
- If Inline is selected Skyflow Forms gives the user a shortcode to embed the form directly into content.
- If Modal Popup is selected Skyflow Forms gives the user a CSS class that can be assigned to a trigger element to open the form in a popup.
This makes each display type suitable for a different publishing method.
Choosing the Right Display Type
Use Inline when:
- The form should always stay visible
- The form is part of the page content
- The page is built around the form itself
Use Modal Popup when:
- You want the form to open only after a click
- You want a cleaner page layout with less visible content
- The form is meant to support a call to action rather than remain permanently visible
Tip: Inline works best for full contact and support forms. Modal popup works best for quick actions, signups, and conversion-focused interactions.