⚠️ This article refers to Pico Version 1.17 and will be removed or updated in the future once we release Pico Version 2.0.
If you have an existing signup form on your site (like the one below), you can use a Custom Trigger to integrate it with Pico registration. After submitting the form, users will confirm their registration information on Pico.
To connect your existing form, follow the three steps below:
Step 1: Make sure that the Pico Code is installed on your site.
Step 2: Add "PicoSignupForm" as a class to the <form> element.
Step 3: Include an <input> with type="email" in the <form>.
Step 4: Include an <input> or a <button> with type="submit" in the <form>.
<h1>Get the latest articles in your inbox.</h1>
<input type="email" placeholder="Email">
<input type="submit" value="Sign Up">
That's it. The main Pico code snippet running on your site will recognize the PicoSignupForm class name. If you'd like to hide the form for registered users, or replace the form with "thank you" messaging for registered users, you can do so with Pico Signals.
After submitting the form, Users will be able to select their newsletter preferences and confirm that they wish to register on a Pico pop-up.