How to Embed an Email List Subscription Form on your Website

Subscription forms allow you to collect new mailing list subscriptions from your own website. You can customize each form to choose which lists are included and what data is collected. Then you'll embed the form on your own site with a snippet of HTML.

How do I set up a subscription form in my MonkeyPod?

To begin to set up your subscription form, head on over to Email Outreach then from there Lists & Campaigns and Subscription Forms.

Screenshot of where to find Subscription Forms

After selecting Subscription Forms you will see this window. To create a new one click on Create a new subscription form. You can also modify the form that comes loaded in your MonkeyPod!

Screenshot showing subscription forms

To create the form, you will be asked for the following information:

Basics

This is where you give your form a name and select which lists should be present on the form for people to choose from.

Personal Information

This is where you choose which pieces of information you want to collect from the form

Roles

This is where you choose which roles people can choose when signing up on your email list

You can also choose how you want those roles to be displayed to potential email list signees!

Once you are done go ahead and click Save and get ready to embed the form on your website!

How do I embed my MonkeyPod form on my site?

Now that you have your form all set up, it's time to embed it! To embed your form, go to your Subscription form list then select Copy embed code.

Screenshot showing where to click to copy the embed code

Under the form, you will see two options:

  1. Copy embed code: By clicking this, your embed code is automatically copied and placed on your clipboard. From here, all you need to do is paste it on your site where you want the form to show up!

    Sample embed code: 

<iframe src="link to the form on a server (generated by monkeypod based on how you setup the form)" style="border: none; width: 100%; max-width: 600px; height: 525px" referrerpolicy="strict-origin" scrolling="no"></iframe>
  1. Preview form: Selecting this option allows you to see what the form is going to look like on your site.

Frequently Asked Technical Questions

  1. Can I modify the CSS of the embed form - Not at this time.
  2. Are there themes I can select from for the embed form? - Not at this time.

Want more amazing video content? Check out our YouTube channel!