Forms · sign-up forms

Sign-up forms that show at the right moment

Show popups, flyouts and embeds on your site when visitors do something. Each sign-up lands on a profile, ready for a journey.

Forms is at the Experiment stage: ready to use, and still changing.

[yoursite.com]
Step 1 of 2[OFFER HEADLINE][One line on what they get for signing up.]Email addressContinue
Forms / [Form name]Live
DisplayPopup
Show whenExit intent, or after 30 seconds
Show toNew visitors from [UTM CAMPAIGN]
Steps2: email, then first name

Where it sits in Argon

  1. FormsCollects sign-ups
  2. ProfilesKeeps one record per person
  3. JourneysDecides what happens next

Display types

6 ways to show a form

Pick how each form appears: over the page, beside it or in it.

  • Popup, flyout and banner
  • Embedded in a page, or the full page
  • A side tab that opens the form
Popup
Flyout
Banner
Embed
Full page
Side tab

Triggers and targeting

Show it to the right people, at the right time

Each form has its own rules, so the right people see it at the right time.

  • When it shows

    On exit intent, after a delay, on scroll, on a click, after some time idle or after a number of page views.

  • Who sees it

    By page, campaign, device, browser, location, new or returning visitor, what’s in their cart or your own properties.

  • Ask in steps

    Split a long form into steps, with a progress bar and checks on each step.

For developers

Add a form with one line of HTML

Load the Forms script once, then place a form with a data attribute. React apps can use hooks instead.

  • Forms render in their own shadow DOM, so your styles stay yours
  • Submissions are tracked with Events automatically
HTML
<!-- In the page -->
<div data-argon-form="[FORM ID]" data-argon-type="embed"></div>
<!-- Or on a button -->
<button data-argon-trigger="[FORM ID]">Subscribe</button>

Turn sign-ups into journeys

Create a workspace, build a form and start a journey when someone signs up.