Simple Sign Up Form provides free, responsive solution to build an email list quickly. Using CSS3 Hardware Accelerated animations combined with lot of customization styling options. Visual Builder helps you to create your form easily with RGB color picker and Google Font Style selector. The form automatically makes validation on the entered email address to avoid spams and fake signups. You can add your own email address and you will get the subscriber data to your email box. With this way, you can add the registered email to your own mail list. If you looking for jQuery Plugin with MailChimp, check out the Pro Version. This free plugin offers an optional Google Plus Sign Up to make the process more simple for your visitors. You can download it for free from GitHub. Check out the Visual Builder below.

 

Responsive, Mobile-Friendly

The signup form always fit to the user’s device, your visitors will enjoy the same visualisation on any screen, including mobiles and tablets

Signup Notifications

When you add your email address, you will get a message about each subscriptions.

Cross-Browser Compatible

Tested on all major browsers, including Mozilla Firefox, Google Chrome, Internet Explorer, Safari, Opera.

Auto-Open

Possible to set up to open the form automatically when the user scrolled down to the bottom of the page.

Lock

This feature lock the screen with a dark background to hide the content, therefore it is possible to force the users to fill out the form to get the website visible.

Timer

You can set up a delay to make the form visible after the website has been loaded.

Ajax Validation

The plugin checks the input datas in the background silently and warn the visitors to fill out the required fields.

Google Plus Sign Up

Offers one-click sign up with Google Plus account, save time and get more subscribers.

 

 

Features Comparison Table

Simple Signup Form

Free jQuery Version

Simple Signup Form

Premium jQuery Version

Simple Signup Form

Premium WordPress Version

  Responsive, Mobile Friendly
  Cross-Browser Compatible
  Auto-Open
  Lock the Screen
  Ajax Validation
  Google Plus Sign Up
  MailChimp Support
  YouTube Support
  Facebook Sign Up
  Flexible Positions
  Various Animation Effects
  Unlimited Custom Fields
  Bottom Line Text
  Styled Inputs
  Flexible Content – HTML
  Integrated Presets
  Free Support and Updates
[adsense]

Simple Signup Form Builder


Choose the Colors

Background Color:

Subscribe Button Background:

Close Button Color:

Title Font Color:

Content Font Color:

Subscribe Button Font Color:

Select Font Attributes

Choose Font Families

Select the main texts’ font family:

Select the content texts’ font family:


Hint: you can use openssform classname on any element to get displayed the popup when someone clicked on. Close the popup and click here to try out!

[adsense]
Use Simple Signup Form with default parameters on your website, copy the following content to your <HEAD> section:
<link href="css/ssf.css" rel="stylesheet">
<script type="text/javascript" src="js/ssf.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("body").ssform({
			"position":"centercenter",
			"lock":true,
			"autoopen":true,
			"preset":"default",
			"hideclose":false,
			"closewithlayer":true,
			"timer":2000
			});
	});
</script>

Customization

animtime (in seconds): Specify the time of the animation for the popup

googleplus_clientid (string): Register on Google Plus, enable Google Plus API and get your Client ID on this link: https://console.developers.google.com/

googleplus_apikey (string): You can also get your API Key on the link described above.

openwithlink (true or false): With false, you can disable the option to open the form with clicking on a specified link (with opensspopup classname).

once_per_filled (true or false): It won’t display the popup for the users who already filled out. (using cookies)

filled_cookie_days (integer): Days to do not display the form again for users, who already signed up.

closewithlayer (true or false): Enable the option to close the form by clicking on the transparent background (you can use it only with setting lock: true).

preset (default or custom): You can set the style to default or user defined.

autoopen (true or false): With true, the signup form will appers automatically, timing depends on the timer settings.

timer (in milliseconds): Configure the delay time to display the form.

bgcolor, buttonbgcolor, closecolor, color, contentcolor (rgb, rgba or hex color code): Allows to set custom color for the background, the signup button, the close icon, title and for the content.

fontfamily, contentfontfamily (Google Font Family): Visit http://google.com/fonts and choose the one you like and pass the name with this parameter to set fancy font family for the title and the content. Quite simple.

fontsize, contentfontsize, closefontsize (numbers in px or in pt or in em): You can define the size of the title, content and the close icon.

fontweight, contentweight (normal or bold): This is the font weight attribute of title and content.

title, text (string): With this parameter, you can set the text of the title and the content.

invalid_address, signup_success (string): The callback message for invalid email address and the successful signup.

borderradius (number in px): Set the radius of the popup form’s border.

openbottom (false or number in percentage): If you set a number in percentage (like: 90%) it will open automatically when the user reach that position while scrolling down the website. You can disable this feauture with false value.

once_per_user (true or false): Track users to prevent reopen signup form for the same users. This setting only works with autoopen and openbottom options.

cookie_days (integer – cookie lifetime in days): Specify the number of days to prevents auto open the signup form for each user.

lock (boolean – true or false): Lock the screen with a transparent background. Clicks on this layer will close the popup.

hideclose (boolean – true or false): Hide the close button of the popup, you can use it when you lock the screen.

How to add Social Sign Up

To extend the Form with Google Plus button, just add the following parameters with your own values:

googleplus_clientid:"your_clientid.apps.googleusercontent.com",
googleplus_apikey:"your_api_key"