Form Display Options

Choose the Right Display Format

A form's display format decides how visitors see it on your website. The same form can collect email, custom fields, and tags, but the display format changes how the form appears and when it opens.

• Inline: the form is placed directly inside a page. Use this for newsletter sections, blog sidebars, footer signup areas, and embedded signup blocks.
• Popup: the form opens in the center of the page over the current content. Use this for timed offers or important signup prompts.
• Slide In: the form appears from the side of the page. Use this when you want visibility without covering the whole page.
• Sticky Bar: the form stays fixed at the top or bottom of the page. Use this for compact announcements, waitlists, or simple email capture.
• Full Page Popup: the form opens as a full-page takeover. Use this only when the signup action is the main goal of the visit.

Use the Correct Share Code

Inline forms use an iframe embed because they live directly inside the page layout. Overlay forms use a script embed because they need to open, close, resize, listen for triggers, and report view events.

• Inline form: copy the iframe code and paste it where you want the form to appear.
• Popup, Slide In, Sticky Bar, or Full Page Popup: copy the script code and paste it once on the page where you want the form to be available.

Mailrith keeps the code stable. After the code is installed, changes you make in the form builder are reflected automatically. You only need to replace the embed code if you switch to a different form.

1. Click Forms in the left sidebar, then click the form you want to publish.
2. Confirm the selected display format in the form builder.
3. Open Share and Embed.
4. Copy Embed Code. Inline forms use iframe code, while overlay formats use script code.
5. Paste the code into the page where you want the form to appear.
6. Publish or preview the page.
7. Submit the form with a test email address and confirm the subscriber appears in Subscribers.
8. If you change from inline to popup, slide-in, sticky bar, or full-page popup later, copy the new code because the format changed.

Overlay Triggers

Overlay formats can open automatically or in response to visitor behavior. Choose a trigger that matches the visitor's intent.

• Timing: opens after a visitor has been on the page for the configured number of seconds. Use this for general signup prompts.
• Scroll percentage: opens after a visitor scrolls a certain amount down the page. Use this when you want the visitor to see content before the ask.
• Exit intent: opens when the visitor appears to be leaving. Use this sparingly for last-chance offers.
• Click trigger: opens when a visitor clicks an element with the configured class or ID. Use this for buttons such as "Join the waitlist" or "Get the guide."

For click triggers, Mailrith gives you a class name and ID. Add one of them to the button or link on your website that opens the form.

1. Click Forms in the left sidebar, then open the overlay form you want to configure.
2. Open the form's display or trigger settings in the builder.
3. Select the trigger type: timer, scroll percentage, exit intent, or click trigger.
4. Enter the timing, scroll amount, or click selector details Mailrith asks for.
5. Click Save Form.
6. Open Share and Embed, copy Embed Code, and install the script code on your website.
7. Visit the page in a private browser window and confirm the form opens only when the chosen trigger happens.

Format-Specific Design Guidance

• Inline: can support a richer layout because it sits inside the page. Use headings, explanation text, and custom fields when needed.
• Popup: keep the form short. A popup with too many fields feels heavy because it interrupts the page.
• Slide In: use a clear headline and a small number of fields. Make it useful without feeling like a blocker.
• Sticky Bar: keep it compact. Sticky bars work best with an email field, one optional custom field, and a short submit button.
• Full Page Popup: write it like a landing page. The visitor has temporarily left the page context, so the form needs to clearly explain the offer.

Success Pages and Reporting

Every form has a success experience. You can show a message, redirect to a URL, or design a success page in the builder depending on the format and form setup.

The forms list shows 90-day statistics such as views, subscribers, and conversion rate. Use these numbers to compare form placement and format. A form with many views and few subscribers may need clearer copy, fewer fields, or a stronger offer.

Troubleshooting Form Display

• The form does not appear: confirm the form is published and the embed code was pasted into the page that visitors are viewing.
• An overlay does not open: check the trigger settings. For click triggers, confirm the page element has the exact class or ID from Mailrith.
• The form appears too often: use a less aggressive trigger, such as scroll percentage or click trigger instead of a short timer.
• The sticky bar feels cramped: remove extra fields or switch to an inline or popup format.
• The success page looks wrong: open the form builder, switch to the success page view, and edit the success content directly.