Add MailChimp form

Embedding a Mailchimp form or element in your RevasOS-created site is easy and allows you to professionally manage your newsletter subscriptions or collect contacts. Follow the steps below.

Pay attention to privacy

When you insert this type of scripts that can install cookies or collect information about the user and their devices, remember to always have consent management active via Consent Platform Managemtn, for example Iubenda.

Get the code

1. Log in to your Mailchimp account: Go to mailchimp.com and log in with your credentials.
2. Create or select a form:
   • Go to the Audience > Signup forms section.
   • Select Embedded forms.
3. Customize your form:
   • Choose the style you want (Classic, Condensed, Unstyled, or Advanced).
   • Configure the options you want (for example, include mandatory fields or a GDPR field).
   • You can preview your form directly on the page.
4. Copy the embed code: Once you are satisfied with the design, scroll down and copy the HTML code provided.

Insert the code into RevasOS

Once you have the code, go to RevasOS and:

• Go to the page where you want to insert the video.
• Click New Block and select New Code Block.
• Paste the code into the block and save.

Changing the size and appearance of the inserted form

If you want to change the size of the form (for example, make it full-page or centered with padding), you can do so by editing the HTML code of the iframe. Here's how:

1. Copy the iframe code of the video you already inserted.
2. Paste it into a prompt for ChatGPT with a request like this:
   • To make it full-page: Edit this HTML code to make the form full-page. I only want HTML with inline CSS, no JavaScript, here's the code: [replace this space with your embed code]
   • To center it on the page: Edit this HTML code to make the form centered, fairly large but with padding around it. I only want HTML with inline CSS, no JavaScript, here's the code: [replace this space with your embed code]
3. Copy the resulting code;
4. On RevasOS:
   • Go to the page where you want to insert the video.
   • Click New Block and select New Code Block.
   • Paste the code into the block and save.