Dear Shopify Mail Chips

  • Started
  • Last post
  • 3 Responses
  • sem

    Hello,

    Guys, I'm working on a Shopify page and I want the Mail Chimp signup form all on one line.

    I.e
    Sign up: [ email box ] [ Submit ]

    Rather than
    Sign up:
    [ Email ]
    [ Submit ]

    I can't see how to edit this mail chip embed code, and Shopify don't have the editing options Wordpress does.

    Thanks

  • sem0

    <!-- Begin MailChimp Signup Form -->
    <link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    #mc_embed_signup{background:#fff... clear:left; font:14px Helvetica,Arial,sans-serif; width:500px;}
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
    </style>
    <div id="mc_embed_signup">
    <form action="http://whosjack.us6.list-manage.com/subscribe/post?u=5210be037b&id=833be76785" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <label for="mce-EMAIL">Subscribe to our mailing list</label>
    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    <!-- 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;"><input type="text" name="b_5210be037b_833be76785" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </form>
    </div>

    Anyone?

    • http://cdn-images.ma…ideaist
    • You can simply add an !important to the css you want to change sem.ideaist
    • but where? on this code or is there an area on Shopify i'm missing?sem
    • !important should be a no other choice option. It's a frowned upon practice now.ETM
  • ETM0

    Mailchimp lets you grab clean, unformated markup to format yourself. Or wrap your mailchimp form in a div id and use that to target the existing classes and modify.

    div.signupform #mc_embed_signup ... etc.

  • hotroddy0

    do you guys like mail chimp? I tried using it but it's annoying that the user has to approve the email once they submit form. Seems like an unnecessary step that will hurt submissions. iContact doesn't work that way.

    • I know it's not on point with above and I apologize in advancehotroddy
    • The goal is an engaged audience, not the largest one. If they confirm the email, it's a small step to them showing that.ETM
    • that. Besides, double opt-in is a good idea with various region's anti-spam legislation.ETM
    • <fadein11