WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp List Subscribe Form
Upon "submit," browser window shifts dramatically (16 posts)

  1. michaelpcook
    Member
    Posted 1 year ago #

    Greetings MailChimp plugin creators/users!

    I just switched over to MailChimp as my email provider, so I went looking for a solid WP plugin to help create a solid sidebar widget. I chose this plugin. It seems to work well. However...

    Whenever a user clicks the "submit" button for the form, the browser window shifts dramatically to the right...and then displays the success or failure message, whichever is appropriate. It's like MailChimp wants to center the success / failure message in the middle of my browser window for some reason.

    As you probably would expect, I would prefer to just have the widget behave nicely in my sidebar and not readust my window's location. Besides that, everything seems to work nicely.

    What's up with the shifting I'm experiencing?

    Mike

    P.S. I've tried all three major browsers, all yielding the same results.

    http://wordpress.org/extend/plugins/mailchimp/

  2. mc_nate
    Member
    Posted 1 year ago #

    Hey Mike!

    Would you mind sending us a link to your site to have a peek at things?

    Cheers

  3. michaelpcook
    Member
    Posted 1 year ago #

    Sure. http://www.kindredroad.com. Right sidebar, second widget from the top.

    You'll probably need to actually sign up for the mailing list to test things, but if you don't confirm the subscription, you should remain off the list. But I suppose I don't need to tell you that!

    Thanks!

    Mike

  4. mc_nate
    Member
    Posted 1 year ago #

    Hey Michael!

    When I looked earlier, it seemed that the width of the page was doing something weird and allowed room to scroll to the right (even though there was no content). I was able to replicate that behavior then.

    However, now it seems that issue has cleared up and the page is displaying without the additional space to the right. When the form submits now, it looks like everything is cool.

    Can you confirm you're seeing the same thing on your end as well?

    Cheers

  5. michaelpcook
    Member
    Posted 1 year ago #

    Thanks for checking on things.

    I'm still experiencing the problem in the same way, unfortunately.

    Two things:

    1.) I have no idea what is causing my page to show extra space on the right hand side. I will look into this issue (never noticed it before).

    2.) Does the MailChimp plugin/widget default to moving the window all the way to the right? If so, why?

    Again, thanks for your help. Much appreciated!

    Mike

  6. michaelpcook
    Member
    Posted 1 year ago #

    Quick update on #1:

    My home page and other "pages" show the extra space, but "posts" do not. As I stated before, I will try to resolve this issue.

    As for #2, that's all you :-)

    Mike

  7. mc_nate
    Member
    Posted 1 year ago #

    Hey again, Michael!

    So, the idea is that once the form is submitted, there's some javascript that scrolls to the "success" or "error" message to make it visible to the subscriber. If the width of the page doesn't necessitate scrolling, it will just take them back to the top of the form where the error message is with no right/left scrolling. However, if there is extra room, the plugin will try to put the message in the top left corner of the browser.

    There is a way to "fix" this (or rather, break it in such a way that it doesn't scroll ;) ), but it will produce a javascript error on the page. Removing the "scrollTo.js" from the plugin directory will cause things not to move around, at all.

    However, this will cause a validation error, as it won't be able to pull up that js file (because it no longer exists in that directory).

    While it might be possible to prevent MailChimp from even calling that file, that goes a little further down the rabbit hole than we'll be able to support.

    Let us know if we can help with anything else!

    Cheers

  8. michaelpcook
    Member
    Posted 1 year ago #

    Wow--brilliant detail! Thanks much!

    As it seems, my best bet is to figure out the mysterious "extra width" and correct it on my end, I guess. (I should probably do that anyway!)

    Thanks so much for your help, Nate (assuming that's your name :-) )

    Mike

  9. mc_nate
    Member
    Posted 1 year ago #

    Haha... totally. :)

    Glad to help!

  10. michaelpcook
    Member
    Posted 1 year ago #

    Nate,

    I added the following CSS to my theme, which got rid of the phantom window resizing on pages:

    #content { overflow: hidden; }

    Perhaps that CSS can help someone else out as well (a pretty simple fix).

    I'm closing the thread. Thanks again!

    Mike

  11. mc_nate
    Member
    Posted 1 year ago #

    BOOM! Glad to hear it. :)

  12. flyveren
    Member
    Posted 1 year ago #

    DP

  13. flyveren
    Member
    Posted 1 year ago #

    have a similar problem here:

    here

    Tryed everything including what u guys did in this threat

    Have now deleted the scrollTo.js file.. but it still moves upon submit?

    im lost

  14. flyveren
    Member
    Posted 1 year ago #

    got it to work

    changed the id #mc_signup to test

    <div id="test">
    	<form method="post" action="#mc_signup" id="mc_signup_form">
    		<input type="hidden" id="mc_submit_type" name="mc_submit_type" value="html"/>
    		<input type="hidden" name="mcsf_action" value="mc_submit_signup_form" />
    		<?php wp_nonce_field('mc_submit_signup_form', '_mc_submit_signup_form_nonce', false); ?>
  15. corkcork
    Member
    Posted 1 year ago #

    Hi, I'm experiencing the same thing when you press SUBMIT, the page shifts downward to the top of the Success message. How was this resolved?

  16. corkcork
    Member
    Posted 1 year ago #

    Ok, got it...Thanks flyveren!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic