Super Forms - Popups

Your form is finished, but it is waiting on the wrong page

You spent hours on a multi-step quote form and placed it on the contact page. Someone reading an article or comparing your services would have to stop and go looking for it. Meanwhile the form sits there, complete, and that person never sees it.

A form performs when it appears at the moment someone is willing to answer it, and that moment depends on what the person did on the page. Super Forms Popups shows forms built with Super Forms, the builder by Rens Tillmann, in a popup or modal window. The form stays the same: what changes is when and to whom it is presented. Nor is it a standalone popup builder, because it needs Super Forms to work.

The signals that open the window and who it targets

• On page load: direct opening, best switched off if you prefer to open it by hand.
• Exit intent: with its own message for someone about to leave.
• Scrolling: it opens once the visitor has gone through part of the page.
• Time: it waits the seconds you set.
• Inactivity: it reacts when the visitor stops interacting.
• Link, button or menu: whoever chooses to click opens it, through an address or a shortcode.

The settings separate logged-in visitors from those who are not, so a registered customer can be left out of an offer meant for someone who has not signed up yet. There is also scheduling with a start and end date, useful for a campaign that must switch off on a specific day without anyone having to remember it. Review these options under Popup Settings on your installation before planning a campaign around them.

A window with its own look

• Size and background: width in pixels, background color or image, and inner padding.
• Dark overlay: color and opacity of what stays behind.
• Animation: a sliding entrance, for example from the top, with fade-in and fade-out, each with its own duration.
• Closing: a button with its own label and colors.
• Borders and shadows: thickness, color, rounded corners, offset, blur and opacity.

Which signal to choose for each page

These combinations are a starting point, and they are worth testing with your visitors:

• Long article: scrolling waits until the person has read part of it before asking for anything.
• Pricing page: exit intent offers one last route to someone who was already leaving.
• Long multi-step form: a button leaves the opening to someone who already wants to start.

Setting it up so the first opening does not fail

There is a detail that is easy to forget: the popup only exists where the form shortcode is. A button without that shortcode on the same page opens nothing.

1. Create the form in Super Forms and go to Form Settings, Popup Settings section.
2. Define when it opens and how it looks.
3. Paste the form shortcode into the pages where it should appear.
4. To have it across the whole site, place it in a text widget in the footer.
5. To open it by hand, use a link to #super-popup-XXX or the shortcode [super-popup id=XXX], with XXX as the form ID, and switch off opening on load.

Super Forms as the base and two popup builders

Super Forms is the base needed to create the forms, with calculations, multiple steps and conditional logic. If you do not use that builder yet and only want to collect email addresses, Brave Popup Builder Pro comes with a visual editor and its own forms, and another option in the catalog is Master Popups.

How far each popup reaches across your site

Does it work with forms from other plugins?

It shows Super Forms forms, and its settings live inside each of them.

Does Super Forms already include popups?

Opening a form in a popup is a built-in feature of Super Forms, so check whether your installation already shows the Popup Settings section.

Can I open it from the WordPress menu?

Yes. In Appearance, Menus, add a custom link with the address #super-popup-XXX. The form shortcode must be on that page or in the footer.

Can it show on every page?

Yes, with the shortcode in a footer text widget, which loads the popup and the form across the site.

Does it suit a campaign with an end date?

That is what the start and end date settings are for. Test the cutoff on your site before the campaign.