A few weeks ago, we looked at the three common ways to style and customize an EmailDirect Sign up form. In the two-part comprehensive guide, we talked about directly linking to the form, using an iframe to bring the form inside your website and making a custom form for additional functionality like validation.
In this post, we’ve created three custom sign up form templates that you can download for free to use on your website. While these templates aren’t plug and play, they are easy and flexible enough for a novice to use and format. Note that these templates are custom and will need to be hosted on your own server!
Detailed instructions are included in each HTML file, but as a quick rundown – here are two main things you’ll need to do to make sure your form works properly:
- Copy EmailDirect’s generated form URL (found on Manage > Forms when you’re logged in your account) and paste it where marked inside the custom form’s action attribute
- Copy the #publication-wrapper div from the source code of the EmailDirect generated form and paste it where marked inside the custom form template’s code. This must be included so your subscribers will be added as active to your database. By default, we made the <div> that houses the #publication-wrapper div hidden – if you want to reveal it, simple delete “display: none;”. Refer to Part 2 of our comprehensive guide.
Be wild and brave! Feel free to change the colors, use your own button images or add more fields to the form. You can even add Javascript if you wish!
One last tip: if you add more fields, make sure the ID and name properties are the same from the EmailDirect generated form’s Source. To get a better understanding, refer to Part 2 of the guide.
Download EmailDirect Newsletter Sign Up Form Template 1
Download EmailDirect Newsletter Sign Up Form Template 2
Download EmailDirect Newsletter Sign Up Form Template 3
We hope you find these templates useful and time saving! If you have any questions about formatting them, contact your EMC and we’ll look into it for you!
Until next time – happy designing!