Publishing your signup form

There are a few different ways to publish your signup form to your website. Which one you use is completely up to you, and they all have their place. You can access all of these options by choosing 'Add this to your site' from the options menu to the right of the signup form's name. Here's a list of the methods.

  1. Link to it - This is a simple link to your signup form that you can incorporate into your website. Just copy the link and insert it into the HTML code of your site, and you're ready to go.
  2. Use a pop-up - If you insert this code into your website, users will get a pop-up window containing your signup form when they click.
  3. Use an iframe - The iframe option inserts the signup form directly into your website. This is a great option if you're wanting the screen to be built into your page, but it is a bit limited in terms of customization.
  4. Use a JavaScript object - Our JavaScript object allows you to build your signup form directly into your website and customize it completely using CSS. By using a JavaScript object to add your signup form to your site, you can opt to have your form display our default styles in your choice of widths - small, medium and large. Additionally, folks with a knowledge of CSS may customize our default styles to control the look of many form elements, including font, borders, buttons and more.

How to use the JavaScript object:

  1. Decide which size of signup form will fit best on your website: small (180 pixels), medium (360 pixels) or large (580 pixels).
  2. In the 'Add this to your site' message window, copy the code for the size you need, and add it to your site. How this integrates and displays is up to you and your web designer.
  3. If you're content with our default styles, you're all done. If not, you can use CSS to customize the look of your signup form.

For the all-important list of our class names and descriptions, here are the CSS files for small, medium, or large defaults, depending on the code you chose. There are a couple of ways to customize your form, depending on your preference:

Option 1: Insert a style block into the code between the link tag and the script tag, and reference the styles you want to control. This is perfect if you just want to edit a handful of styles. In this example, the bolded text shows what the user is choosing to style:

<link href="{sample}" rel="stylesheet" type="text/css">
<style type='text/css'>
.e2ma_signup_form_label { color:red; }
<script language="JavaScript" src="{sample}"></script>
<script language="Javascript">signupFormObj.drawForm();</script>

Option 2: Instead of linking to our default CSS page, you may reference your own instead. You'll just need to add any of our class names you want to control to your own style sheet and customize them to your specifications.

  • We provide pre-sized options so people without CSS knowledge will still have flexibility with the width of their form. If you do work with CSS, you can fine-tune the form's width to your exact specifications, but we recommend picking an approximate size to help keep the other elements of your form to scale.
  • Make sure to maximize your signup form:
    • Consider all of the possible places where you can link your signup form. Drop that link in your email signature, on your blog or your business card.
    • Ask people to join your list when they're most likely to say yes: after they've just bought something they love from your store, or after they've finished a great meal at your restaurant.
    • Or offer a bit of instant gratification once people sign up. Get creative and include a link to a printable coupon or premium content.