An embedded form is a signup form that you place directly on your website page. When someone submits the form, Mailcamp adds the contact to the audience/list connected to that form.
Embedded forms are useful for newsletter signup sections, website footers, blog sidebars, resource pages, or any page where the form should appear as part of the content instead of opening as a popup.
Make sure you already have an audience/list in Mailcamp.
Check the fields in that list, because the embedded form uses the list fields as the form inputs.
Decide where the form should appear on your website, such as a footer, sidebar, or dedicated signup section.
If you want subscribers to land on a specific page after submitting, prepare the redirect URL before copying the form code.
In Mailcamp, go to Lists.
Open the audience/list where new subscribers should be saved.
Open the Embedded form section for that list.
Enter a form title if you want one to appear above the form.
Add a redirect URL if subscribers should be sent to another page after submitting the form.
Choose whether the form should show only required fields.
Choose whether to include the Mailcamp stylesheet and JavaScript with the form code.
Add custom CSS if you want to adjust the form appearance before installing it on your website.
Form title: displays a heading above the embedded form.
Redirect URL: sends subscribers to a specific page after a successful submission.
Only required fields: shows only the fields that must be completed.
Stylesheet: includes Mailcamp's default form styling.
JavaScript: includes client-side behavior such as form validation.
Show invisible fields: displays fields that are normally hidden from the form.
Custom CSS: lets you add styling rules to match your website design.
Preview the embedded form to confirm the fields and layout look correct.
Click the copy option to copy the generated form code.
Open your website editor or website source file.
Paste the code into the page section where the form should appear.
Save and publish the website page.
Open the published page in a browser and confirm the form is visible.
Submit the form using a test email address.
Check that required fields are validated correctly.
Confirm that the success message or redirect page appears after submission.
Go back to Mailcamp and open the connected list.
Confirm that the test contact was added to the list.
If the list uses confirmation emails, complete the confirmation step from the test inbox.
The form does not appear: check that the full generated code was pasted into the website page.
The form has no styling: enable the stylesheet option or add your own custom CSS.
Validation does not work: enable the JavaScript option in the embedded form settings.
Fields are missing: review the fields in the connected list and check whether only required fields is enabled.
The redirect does not work: confirm that the redirect URL is complete and starts with the correct protocol, such as http or https.
Subscribers are not added: make sure the form belongs to the correct list, required fields are completed, and any enabled reCAPTCHA or confirmation step is passed.