remove-square-1 smiley-indifferent add-circle-bold cog-1 view-off keyboard-arrow-up headphones-customer-support filter-1 smiley-sad-1 archive single-neutral move-to-top synchronize-arrows-1 pencil-write add shield-warning smiley-happy keyboard-arrow-down book-star love-it rating-star folder-file-1 diagram-fall-down ticket-1 list-bullets rating-star messages-bubble-square lock-unlock-1 arrow-right-1 smiley-unhappy multiple-neutral-1 envelope-letter close disable add-square time-clock-circle hyperlink-2 arrow-up-1 pencil-1 smiley-unhappy arrow-down-1 wench layout-module-1 smiley-indifferent undo analytics-pie-2 navigation-menu-horizontal alarm-bell-1 common-file-stack network-browser file-code attachment-1 open-quote copy-paste envelope-letter print-text download-thick-bottom alert-diamond archive single-neutral-actions arrow-down-2 multiple-circle floppy-disk social-media-twitter close-quote arrow-left-1 close expand-6 smiley-sad-1 send-email-1 search add-circle ticket-1 information-circle smiley-happy flying-insect-honey remove-circle credit-card-1 check-1 hierarchy-9 view-1 time-clock-midnight drawer-send lock-2 smiley-smile-1_1 tags-double pencil-1 bin-paper-1 multiple-users-1 smiley-thrilled expand-6 button-record check-circle-1 view navigation-menu cog

Signup Forms

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>.

<form class="PicoSignupForm"><br style="box-sizing:inherit;">	<h1>Get the latest articles in your inbox.</h1><br style="box-sizing:inherit;">	<input type="email" placeholder="Email"><br style="box-sizing:inherit;">	<input type="submit" value="Sign Up"><br style="box-sizing:inherit;"></form>

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.