×
No articles yet
No articles yet

How to add a form to your website

Mailcamp gives you two ways to add a signup form to your website. You can use a popup form from the Forms menu, or you can copy an embedded form from a specific audience/list and paste it directly into your website page.

Use a popup form when you want Mailcamp to display the form based on visitor behavior, such as immediately, on the first visit, after a delay, or after a button/link is clicked. Use an embedded form when you want the form to appear as part of the page content.

Choose the right form type

  • Popup form: best for modals, promotional signup prompts, and forms that should appear based on timing or a click trigger.

  • Embedded form: best for static signup sections, footer forms, blog sidebar forms, and contact-style signup blocks inside your website layout.

Create a popup form

  • In Mailcamp, go to Forms.

  • Click Create to start a new form.

  • Choose the audience/list where new subscribers should be added.

  • Select or edit the form design in the form builder.

  • Open the form settings and review the form name, selected list, overlay opacity, and display behavior.

  • Save your changes before publishing the form.

Connect and publish the popup form

  • From the form builder, connect the form to one of your websites.

  • Select how the popup should appear: immediately, on the visitor's first visit, after a waiting time, or when a specific element is clicked.

  • If you choose the click option, enter the element ID from your website so Mailcamp knows which button or link should open the form.

  • Preview the form to make sure the layout and message look correct.

  • Click Publish when the form is ready.

If the publish option is not available, check that the form is connected to a website first.

Add an embedded form to your website

  • In Mailcamp, go to Lists.

  • Open the audience/list where new subscribers should be saved.

  • Open the Embedded form section.

  • Set the form title and redirect URL if you want subscribers to be sent to a specific page after submitting the form.

  • Choose whether to show only required fields, include the Mailcamp stylesheet, include JavaScript, or show invisible fields.

  • Add custom CSS if you need the embedded form to better match your website design.

  • Copy the generated form code.

  • Paste the code into your website HTML where you want the form to appear, then save and publish the page.

Test the form

  • Open the page where the form is installed.

  • Submit the form using a test email address.

  • Go back to the connected list in Mailcamp and confirm that the test subscriber was added.

  • If your list uses confirmation emails, complete the confirmation step from the test inbox.

  • Check the success message or redirect URL to make sure subscribers see the expected result after submitting.

Troubleshooting

  • The popup is not showing: make sure the form is published, connected to the correct website, and using the right display option.

  • The click trigger does not work: confirm that the element ID in Mailcamp matches the ID used on your website button or link.

  • The embedded form style looks different: enable the stylesheet option or add custom CSS in the embedded form settings.

  • Some fields are missing: check the fields configured for the selected list and whether invisible fields are hidden in the embedded form settings.

  • Validation is not working: enable the JavaScript option in the embedded form settings.

  • Subscribers are not appearing in the list: confirm that the form is connected to the correct list, required fields are completed, and any enabled reCAPTCHA or confirmation step is passed.