Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Michael 10 posts 30 karma points
    Jan 13, 2015 @ 11:40

    insert extra field in Newsletter template


    I have a client which has an account with mailchimp for signing up to newsletters. The signup can be done 2 places on the site - in the order checkout or directly on the contact page.

    There is an error when signing up through the contact page as the newsletter signup should include email address and name. The contact page newsletter signup has only one field "Email address". When typing the email adress you are taken to another page where you receive an error that it is missing a name. Then you need to type email address and name and then it works.

    Now my question is: Is it possible to insert one extra field "Name" on the newsletter template that is used for signing up on the site?

    The newlettertemplate code looks like this:


    <%@ Master Language="C#" MasterPageFile="~/masterpages/AdidasMaster.master" AutoEventWireup="true" %>

    <asp:Content ContentPlaceHolderID="InnerContent" runat="server">

        <div class="inner shadow">

            <!-- Banner Start -->

            <umbraco:Macro Alias="TopBanner" runat="server"></umbraco:Macro>

            <!-- Banner End -->

            <div class="clear"></div>

            <!-- Container Start -->

            <!-- Banners End -->

            <div class="container top-row">

                <!-- Two Third Column Start -->

                <div class="two-thirds column right">

                    <!-- Blog Start -->

                    <div class="heading-top"></div>

                    <div class="blog">

                        <h2 class="heading">

                            <umbraco:Item Field="pageName" runat="server" />


                        <div class="in-sec">

                            <!-- Post Start -->

                            <div class="post">

                                <div class="post-desc">

                                    <umbraco:Item Field="text" runat="server" />

                                    <div id="mc_embed_signup" class="standard-form">

                                        <form action="<umbraco:Item Field='subscribeFormUrl' runat='server' />" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate pretty-form" target="_blank" novalidate>

                                            <input type="email" value="" name="EMAIL" class="email" id="mce-Email" placeholder="<umbraco:item runat='server' field='#E-mailadresee' />" style="margin-top: 35px;" required />

                                            <input type="submit" value="<umbraco:item runat='server' field='#Tilmeld' />" name="subscribe" id="mc-embedded-subscribe" class="button backcolr">

                                            <input onclick="document.getElementById('mc-embedded-subscribe-form').action='<umbraco:item runat='server' field='unsubscribeFormUrl' />';" type="submit" value="<umbraco:item runat='server' field='#Afmeld' />" name="unsubscribe" id="mc-embedded-unsubscribe" class="button backcolr">



                                    <!--End mc_embed_signup-->



                            <!-- Post End -->

                            <div class="clear"></div>



                    <!-- Blog End -->

                    <div class="clear"></div>


                <!-- Two Third Column End -->

                <!-- One Third Column Start -->

                <div class="one-third column left category-list" style="border: 0">

                    <umbraco:Macro Alias="ListSiblings" runat="server" />

                    <umbraco:Macro Alias="LeftImage" runat="server"></umbraco:Macro>


                <div class="backButtonPage columns sixteen">

                    <a class="back-arrow" href="javascript:history.go(-1)"></a>



            <!-- One Third Column End -->

            <div class="clear"></div>



            $(document).ready(function () {

                var height = $('.blog').outerHeight(true);

                var realHeight = height;

                if (realHeight > $('.membership').outerHeight(true)) {

                    $('.membership').css('height', realHeight);






  • Jan Skovgaard 11264 posts 23592 karma points MVP 9x admin c-trib
    Jan 13, 2015 @ 12:23
    Jan Skovgaard

    Hi Michael

    Yes that's indeed possible - you just need to get hold of the embed code from MailChimp - It's accessible from the admin panel somewhere and usually it generates a default form with both name and e-mail address. Then it's just a matter of overwriting the part in the code above where it's included currently.

    Hope this makes sense to you.


  • Michael 10 posts 30 karma points
    Jan 14, 2015 @ 09:42

    Hi Jan,

    Thnx a lot for your prompt reply. It makes sense indeed.

    I will try it out.




  • Arlan 58 posts 184 karma points
    May 06, 2015 @ 23:30

    I am using this package with success so far:

    Using Umbraco 7.2.4
    You will need mailchimp API key and  List Id

Please Sign in or register to post replies

Write your reply to: