mailchimp embedded signup form submit behavior

2 replies·opened Jul 12, 2016
S
soumitrabhatJul 12, 2016

Hi,

www.skippr.co

I need the mailchimp sign up form to take me to a confirmation page on submit, but I can't figure out why it isn't doing so. can you please help?

Best,

S
soumitrabhatJul 12, 2016

If it helps, this is what I'm using:

<form class="nobottommargin validate" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" action="//skippr.us13.list-manage.com/subscribe/post?u=db332c39af59e68eb102f9bbe&id=5156e0ab0b" method="post" target="_blank" novalidate>

<div id="mc_embed_signup_scroll">

<div class="col_half mc-field-group">
                                            <input type="text" id="mce-FNAME" name="FNAME" value="" class="sm-form-control border-form-control required" placeholder="First Name" />
                                        </div>
                                        <div class="col_half col_last mc-field-group">
                                            <input type="text" id="mce-LNAME" name="LNAME" value="" class="sm-form-control border-form-control required" placeholder="Last Name" />
                                        </div>

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

                                        <div class="col_half mc-field-group">
                                            <input type="email" id="mce-EMAIL" name="EMAIL" value="" class="sm-form-control border-form-control required email" placeholder="Email" />
                                        </div>

                                        <div class="col_half col_last mc-field-group">
                                            <input type="text" id="mce-LOCATION" name="LOCATION" value="" class="sm-form-control border-form-control required" placeholder="Location" />
                                        </div>

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

                                        <div class="col_one_third"></div>

                                        <div class="col_one_third center mc-field-group input_group">

                                                <h4 class="center">Platform</h4>
                                                <input id="mce-PLATFORM-0" class="radio-style" name="PLATFORM" type="radio" value="Android" checked> 
                                                <label for="mce-PLATFORM-0" class="radio-style-2-label">Android</label>
                                                  
                                                <input id="mce-PLATFORM-1" class="radio-style" name="PLATFORM" type="radio" value="iOS"> 
                                                <label for="mce-PLATFORM-1" class="radio-style-2-label">iOS</label>
                                        </div>

                                        <div class="col_one_third col_last"></div>
                                        
                                        <div id="mce-responses" class="clear">

                                            <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_db332c39af59e68eb102f9bbe_5156e0ab0b" tabindex="-1" value=""></div>
                                        
                                        <div class="clear"></div>
                                        
                                        <div class="col_full center">
                                            <input class="button button-light button-border button-circle t500 noleftmargin topmargin-sm" type="submit" id="mc-embedded-subscribe" name="subscribe" value="I want Skippr">
                                        </div>
                                        
                                    </div> 
								</form>
S
SemiColonWebSTAFFJul 13, 2016

Hello,

Simply add the data-redirect="http://your-website.com/thank-you.html" attribute to the .contact-widget Container. Example:

<div id="mc_embed_signup" class="contact-widget" data-redirect="http://your-website.com/thank-you.html">

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard