Adding a MailChimp embeded sign up to ArcHub page

1045
1
Jump to solution
03-03-2022 09:38 AM
KimSapunar
New Contributor III

I have a piece of html code to create a sign up widget for our MailChimp email list.  I've turned off any JavaScript or CSS tags, but the widget does not appear.  When editing the HTML, the <> revert to &lt and &gt, like the editor and html editor are mixed.  I can place it in an iframe and use the Mailchimp hosted sign up.  I feel like I'm missing something simple in a conflict with bootstrap?

<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://mwvcog.us14.list-manage.com/subscribe/post?u=54bdae08cc13c3c50258557a3&amp;id=1569a31e34" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h2>Subscribe for Plan Updates</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear foot">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_54bdae08cc13c3c50258557a3_1569a31e34" tabindex="-1" value=""></div>
<div class="optionalParent">
<div class="clear foot">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
<p class="brandingLogo"><a href="http://eepurl.com/hWazCT" title="Mailchimp - email marketing made easy and fun"><img src="https://eep.io/mc-cdn-images/template_images/branding_logo_text_dark_dtp.svg"></a></p>
</div>
</div>
</div>
</form>
</div>

<!--End mc_embed_signup-->

 

Tags (1)
0 Kudos
1 Solution

Accepted Solutions
KlaraSchmitt
Esri Regular Contributor

Hello,

You will see that display of printed HTML with the greater than and less than symbols when you are trying to use unsupported HTML tags in Hub. Unfortunately due to security risks, we do not allow <form> elements within Text Cards. For a list of supported tags, you can refer to this documentation page: https://doc.arcgis.com/en/hub/sites/add-text-and-images.htm#ESRI_SECTION1_15E3903373B04DF391D6DF5D15...

If the iframe is working for you, that may be your best bet for embedding the MailChimp form.

View solution in original post

0 Kudos
1 Reply
KlaraSchmitt
Esri Regular Contributor

Hello,

You will see that display of printed HTML with the greater than and less than symbols when you are trying to use unsupported HTML tags in Hub. Unfortunately due to security risks, we do not allow <form> elements within Text Cards. For a list of supported tags, you can refer to this documentation page: https://doc.arcgis.com/en/hub/sites/add-text-and-images.htm#ESRI_SECTION1_15E3903373B04DF391D6DF5D15...

If the iframe is working for you, that may be your best bet for embedding the MailChimp form.

0 Kudos