Rolling Down Fields When Clicking the Signup’s Button

  • Resolved matm

    (@matm)


    6 years, 8 months ago

    Hello everyone,

    We would like to swap the current Mailchimp’s form we use on our blog with the Ykes’s one.

    The main reason behind is because the Mailchimp’s GDPR-compliant form can’t be embeded.

    However we would like to hide the form’s fields and have them rolling out when a visitor click on the ‘Subscribe to email updates’ button.

    Would anyone be able to help us with the code we need to make that happen please?

    Thanks in advance,

    Matthieu

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @matm,

    We can do this but it’ll involve both custom CSS and JS.

    Are you familiar with adding CSS and JS to your website?

    Let us know.

    Thank you,
    Kevin.

    Thread Starter matm

    (@matm)

    Hi Kevin,

    Thank you so much for your quick reply and help.

    Unfortunately I’m not.
    I’ll ask our developer to take care of it then.

    Once again, thank you.
    And keep up the great work (keeping solutions simple + being super friendly/helpfull :))

    Matthieu

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hello Matthieu,

    You’re very welcome :)!

    I can walk either you or your developer through the steps of how to do this and supply most of the code.

    First, you might need to re-create the whole container that contains your “Subscribe to Email Updates” button as it looks like it’s also coming from MailChimp. Maybe you added this directly to your site? Regardless, you’ll need to remove the URL from the button so it doesn’t go to MailChimp.

    After that, you need to add our shortcode to your site, below the area where the button is.

    Then you’ll need CSS to hide the form on page-load, like this:

    .yikes-mailchimp-container  {
    display: none;
}

    And then you’ll need to add JavaScript to slide up/down on button click:

    jQuery( '.bt-mc' ).click( function() {
    jQuery( '.yikes-mailchimp-container ' ).slideToggle();
});

    Cheers,
    Kevin.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Rolling Down Fields When Clicking the Signup’s Button’ is closed to new replies.