How Do I Create a Sign Up Form with the AI Sign Up Form Builder?

AWeber's AI Sign Up Form Builder lets you create custom sign up forms by describing what you want in a conversation. No design skills or coding needed. From simple email captures to animated, brand-matched designs, the builder handles it all.

Getting Started

To create a new form, navigate to your Sign Up Forms page and select Create a Form.

You'll see three ways to get started:

Mad Lib Style

The guided prompt walks you through a few quick choices, like where your form should appear and what extras to include (countdown timer, background image, etc.). Each blank comes pre-filled with a suggestion, but you can shuffle through different options or edit any field manually to make it your own. Once you're happy with the selections, the builder generates a complete form ready to preview and refine.

Write Your Own Prompt

If you already know what you want, skip the guided experience and type a prompt directly. Describe your form in your own words. The more detail you include about colors, style, audience, and purpose, the better your first result will be. You can also upload an image of a form you like and the builder will use it as a reference to recreate a similar design.

Example prompts:

• "Create a pop-up sign up form for my bakery with warm colors and a heading that says 'Get Fresh Deals Every Week.'"

• "Create a signup form for my regional zoo with fields for name and email. I want animated emoji animals walking around the header with a heading that says 'Sign up for updates on the zoo crew.' It should be fun and appeal to parents with young children."

Choose from a Template

Browse the Inspiration Gallery to find a form you like, then use it as a starting point. You can customize any template through the chat. Update the colors, swap out text, add fields, or change the layout to make it your own.

Refine Your Form with Chat

Your first generated form is a starting point, not the finish line. Think of it like a first draft. The AI assistant stays in a chat alongside your form preview so you can keep the conversation going. Want a different color? Ask. Need to add a field? Just say so. Curious what it would look like as a slide-in instead of a pop-up? Try it. Every form is a collaboration between your ideas and the builder, so don't hold back.

Example prompts you can try:

• "Change the background to dark blue and make the button green."

• "Add a field for the subscriber's first name."

• "Make the heading bigger and use a friendlier tone."

The assistant also offers follow-up suggestions after generating a form to help you discover features you might not have thought to ask for, like adding animation effects or matching your website's branding.

Form Types

The builder can create several types of sign up forms depending on how and where you want them to appear on your website.

Pop-up forms appear in the center of the screen and dim the background, making them great for drawing attention to a special offer or lead magnet.

Slide-in forms enter from the corner or edge of the screen after a short delay, offering a less intrusive way to capture attention while visitors browse your site.

Inline forms are embedded directly into your web page content. Perfect for placing within a blog post, sidebar, or any section of your website where you want a form to live permanently.

Sticky bar forms stay fixed to the top or bottom of the browser window as visitors scroll, keeping your sign up opportunity always visible.

Full page forms take over the entire screen with a visually rich design, often used for dedicated sign up pages or landing page-style experiences.

Split layout forms divide the screen into two sections: one for visuals or messaging and one for the sign up fields. This creates a polished, modern look.

Have a different form type in mind? Just ask for it. You might be surprised by what the builder can pull off.

Features and What to Ask For

The best way to learn what the builder can do is to try it. Here are prompts you can copy, paste, and customize to explore different features.

• Match your brand: "Match the style of yourwebsite.com and create a sign up form for my newsletter."

• Add images: "Add a background image of a mountain lake at sunrise."

• Pull images from your site: "Use a random image from my photo gallery at [your URL] each time the form loads."

• Add animations: "Add a subtle gradient animation to the background."

• Include a countdown timer: "Add a countdown timer that expires in 3 days."

• Collect custom fields: "Add fields for first name, company, and phone number."

• Apply tags for segmentation: "Apply the tag 'free-guide' to anyone who signs up through this form."

• Create a multi-step form: "Make this a two-step form. Ask for their name first, then email on the next step."

• Set the tone: "Make the copy feel playful and casual, like I'm talking to a friend."

• Go big: "Make this a full-page form with a split layout. Put a testimonial on the left and the sign up form on the right."

These are just starting points. You can combine any of these ideas in a single prompt or ask for something completely different.

Tips for Getting the Best Results

Be specific when you can. The more detail you provide (colors, tone, audience, purpose), the better your first result will be. But vague prompts work too. Even "make me a cool sign up form" will return something you can refine.

Use follow-up prompts to iterate. Your first form is a starting point. Ask the assistant to adjust colors, swap layouts, tweak copy, or add features. Each round of feedback gets you closer to exactly what you want.

Publishing Your Form

When your form is ready, you can grab the code from the builder and add it to your website.

How you add it depends on the form type. For inline forms, copy the code and paste it into the HTML of any page where you want the form to appear, like a blog post, sidebar, or homepage section. For pop-up forms, slide-ins, and sticky bars, paste the code before the closing </body> tag on any page where you want the form to trigger. The form's built-in behavior handles when and how it appears.

If you make changes to your form in AWeber after it's already on your site, you'll need to copy the updated code and replace what's on your page. The form on your site won't update on its own.

Congratulations! You've created a custom sign up form with the AI Sign Up Form Builder. Happy building!