Edit the Look & Feel of an Opt-In Form (Text Tutorial)
The appearance of a form created with our opt-in form wizard can be altered to more closely match the design of your own website. Here’s how:
Jump to:
Changing the Title & Other Text
Editing Colors
Changing Fonts & Layout
Changing the Title & Other Text
Directly beneath the section where you can add & edit your individual form fields, you can change all the other text associated with the form. Though the titles of each section are fairly self-explanatory, here are more detailed descriptions:
- Title Text allows you to change the title as it appears on the form
- Required Field Label lets you change the “Required” label to whatever else you’d like it to say instead
- Submit Button Text lets you change the text of the form submit button itself
The section also allows you to turn on CAPTCHA verification by checking a box. Using CAPTCHA helps ensure that automated spam bots don’t clutter up your list with unusable addresses.
The form’s border, background and text colors can all be changed either by entering the appropriate HTML color code of your choice or by:
- Clicking the appropriate color wheel
- This will open up a color dialog box. From here use the Hue picker (the thin strip to the right of the box) to choose your color’s hue
- Then use the Saturation + Value box to choose the actual color you want to use. As you click around this box, the form preview will immediately display the color you’ve clicked
- When you've chosen the color you want, click anywhere outside of the box to close it
Changing the fonts (face & size) and the layout of the form requires altering the HTML we provide at the end of the creation process. This particular line of code: div style="font-family: verdana; font-size: 11px; width: 160px; padding: 10px; border: 1px solid #245EB5; background: #30486B;" will allow you to change the font family, font size, and the width of the form, and it can be found right at the top of the code we generate for you.
Related Tutorials
- Save a List in CSV Format (text tutorial)
- Learning Tracks
- Use the Segment Tool to Merge Lists (Video 1:48)
- Learn to Build Your Email List (Webinar 27:53)
- Add New Records to a List (Text Tutorial)
- Maintain a Healthy List (Text Tutorial)
- Run an Exclusion Using List Data (Video: 1min 49secs)
- Grow Your List with Opt-in Forms
- Set Up a Split Test (Video: 2min 1sec)
- Import Addresses from a Web Based Email Address Book (Video: 2mins 26secs)