Support » Fixing WordPress » Making Mailchimp popup open on Click

  • wpgeanie

    (@wordpressgeanie)


    Hi!

    I am trying to make a MailChimp subscriber popup open when a user clicks “Free Resources” in the top right corner of my website in the nav menu bar

    I have no idea how I can make this work, and my coding skills are not that great. Does anyone know how to do this? Here is the code provided by Mailchimp (at the moment the popup opens when a user scrolls down to the middle of the page):

    <script type=”text/javascript” src=”//downloads.mailchimp.com/js/signup-forms/popup/embed.js” data-dojo-config=”usePlainJson: true, isDebug: false”></script><script type=”text/javascript”>require([“mojo/signup-forms/Loader”], function(L) { L.start({“baseUrl”:”mc.us16.list-manage.com”,”uuid”:”b74db18dca8e867f1cf7b1879″,”lid”:”f0299028d0″}) })</script>

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello,
    Its not so difficult issue.
    https://www.w3schools.com/howto/howto_js_popup.asp
    Take a look above tutorial and leann.
    Hope you can do it yourself.

    I didn’t give you a solution because I have debug your all code.
    Hope you can understand.
    thanks.

    $(window).scroll(function() {
        if ($(window).scrollTop()  > $(window).height() / 2)
        {
            // middle of page hit, load extra content here
            alert('You are in the middle of the page');
    
            // Uncomment out the line below to unbind the scroll event if the 
            // execution of this code is only desired once.
            // $(this).unbind('scroll');
        }
    });

    You can use above code to ensure its middle of the page.
    Thanks.

    wpgeanie

    (@wordpressgeanie)

    Hi, thanks for your help! Still not quite sure how to implement this into my site. Do I need to change the ID for the link “FREE RESOURCES”. I would like the popup to open when clicking that link. How would I change that ID so that the MailChimp pop up opens when clicked?

    My coding skills aren’t that advanced so this is a little harder for me.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Making Mailchimp popup open on Click’ is closed to new replies.