Stop scrollbox from showing after successful subscribe

  • Resolved HoneyTrek

    (@honeytrek)


    10 years ago

    I am trying to set this up, so that when someone subscribes to our newsletter (we use MailChimp), they get the success message, and they are never shown the scrollbox again.

    Thanks!

    Here is my flow & code:

    On this URL https://www.HoneyTrek.com :
    1. scroll down the page.
    2. You will be shown the pop-up with the code below.
    3. A new window will open with the “Almost finished…” message hosted on mail chimp servers.
    4. Go back to the tab with pop-up and there is no success message (which i assume means the pop-up doesn’t know the user signed up, and hence it will continue to show them the scroll pop-up at the frequency i have set (currently once per month).

    TWO QUESTIONS:
    – how can i get the “almost finished” page to show up inside the pop-up window (maybe inside a frame, or show my own “success message”) so it doesn’t throw the users to a new page, which isn’t a smooth experience?
    – how can i tell the pop-up never to show again after user successfully submits their email?

    Thanks so much!
    Mike

    <script language="JavaScript" type="text/javascript">
<!--
function checkform ( form )
{
  if (form.FNAME.value == "") {
    alert( "Please enter your firstname." );
    form.FNAME.focus();
    return false ;
  }
  return true ;
}
//-->
</script>

<div id="mc_embed_signup">
<form action="https://HoneyTrek.us2.list-manage.com/subscribe/post?u=2dafec07ca68edc4b80a35aaa&id=6fcfbcef2d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" method="post" onsubmit="return checkform(this);">
<div class="mc-field-group">
	<label for="mce-EMAIL">Email Address
</label>
	<input type="email" value="" name="EMAIL" class="required email" style="width:180px" id="mce-EMAIL">
</div>
<div class="mc-field-group">
	<label for="mce-FNAME">First Name
</label>
	<input type="text" value="" name="FNAME" class="required" style="width:205px" id="mce-FNAME">
</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>	<div class="clear"><br><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" style="padding:10px"></div>
</form>
</div>

    https://www.ads-software.com/plugins/dreamgrow-scroll-triggered-box/

Viewing 11 replies - 16 through 26 (of 26 total)
  • Thread Starter HoneyTrek

    (@honeytrek)

    Eero. Sorry if you are getting frustrated with me, i am trying everything possible to get this experience smooth for our users. definitely going to write you a killer review!

    When i posted most recently i HAD removed the mailchimp signup on the test page, so now the scrollbox is the only Mailchimp code on this page:
    https://www.honeytrek.com/test/

    with regards to changing the code i have NOT changed any IDs, i was just asking if i “could” do that, as a solution to have the scrollbox work with the widget signup box, but that’s fine i won’t have them on the same page hence forth.

    #1 & #2. on the test page, with only one Scrollbox (and no other mailchimp code on the page) i took a little screen video of my experience, showing a new subscriber and it bouncing them to a new window, and the original window now having any message of success, or indication that this pop will no longer show. thoughts on what i am doing wrong there?
    https://www.HoneyTrek.com/si/Test_Scrollbox.swf

    Thanks so much,
    Mike

    Thread Starter HoneyTrek

    (@honeytrek)

    another question. i currently have the scrollbox showing on the test page only. however i still see the code on this page

    https://www.honeytrek.com/subscribe/

    which i think is busting my code, and not allowing people to subscribe. how can i fix this problem?

    Thread Starter HoneyTrek

    (@honeytrek)

    Eero, any thoughts on these last two messages? Plugin is still not working for me.

    Plugin Author Eero Hermlin

    (@eero-hermlin)

    Hi

    If I look at the source of page https://www.honeytrek.com/subscribe/ then I see 2 instances of MC submission forms, both having id=”mc-embedded-subscribe-form”. Problem is that HTML element id’s should be unique, but in your site they aren’t. I guess that in the page shown on video problem is the same. In case of having multiple forms (multiple MailChimp related id’s) on same page, MailChimp code what makes AJAX submission does not work for the form(s) what appears after first one in page html source. It doesn’t depend on that where you put the script in the page – it always looks for the first one.

    Shortly: MailChimp supports AJAX submission only for first embedded submission form and not for second form on same page.

    I looked around in Internet and found that there are also other people having same problem. I guess you have there are following options:

    1. Ask from MailChimp, how to put two different submission forms into same page so that AJAX submission will work, or
    2. Use some third party MailChimp signup plugin, what is free from that limitation (I cannot suggest any, because I haven’t done this kind of research about them), or
    3. Use only one MailChimp submission form, either only inside Scrollbox or then only inside page content, or
    4. Use MailChimp own form and some third party MailChimp plugin in parallel.
    Thread Starter HoneyTrek

    (@honeytrek)

    Ok, I have removed the double instance on that page (so i think). If i click exclude can you confirm is does NOT write any code to the page that will confuse MailChimp – https://www.HoneyTrek.com/si/ExcludeScrollBox.png

    I ask because I need to leave the MailChimp on that Subscribe page that users land on. On all other pages, i am fine leaving out the subscribe widget on the right rail, so it doesn’t conflict with Scrollbox.

    And with regards to the other question you were helping me with, even when there is only one instance of the code on the page, it throws the user to a new window with the confirmation, and not within the scrollbox. Any idea how i can fix this?
    https://www.HoneyTrek.com/si/noConfirmationInline.swf (video of the user experience)

    Thanks!

    Plugin Author Eero Hermlin

    (@eero-hermlin)

    I see Scrollbox in action and this indicates that problem is in MailChimp code, what still does not do ajax action but form submit. I cannot guess anything more based on video, because for any javascript functionality debug and analysis is needed access via browser and javascript console.

    Thread Starter HoneyTrek

    (@honeytrek)

    Eero, ok…after all this back and forth, i am glad that i am not going crazy and that this is actually a bug i have found (or whatever we want to call it). hope we can fix it.

    So what credentials/login can i give you to access the browser & JS console? Just let me know and i will make you a login and private message it to you.

    Thanks so much,
    Mike

    Plugin Author Eero Hermlin

    (@eero-hermlin)

    To access browser javascript console, I need just a link to working example, and not to video.

    Plugin Author Eero Hermlin

    (@eero-hermlin)

    And yes, maybe it’s easier to resolve if you give me access to wp admin. You can find my e-mail if you click to my name.

    PS. If you have there duplicate instances of MailChimp forms, then removing one of them involves making changes in page content or theme.

    Thread Starter HoneyTrek

    (@honeytrek)

    Eero, let me know if you get into the backend ok, an email should have arrived with your credentials. And yes, I have removed any mailchimp forms from the widgets area on the right sidebar (the only place it shows, other than this page https://www.honeytrek.com/subscribe, which i need to keep and seems to work as desired right now).

    Plugin Author Eero Hermlin

    (@eero-hermlin)

    This problem is now solved.

Viewing 11 replies - 16 through 26 (of 26 total)
  • The topic ‘Stop scrollbox from showing after successful subscribe’ is closed to new replies.