New Landing How can we help? Atelier Adding button to footer subscribe form

Viewing 15 posts - 1 through 15 (of 34 total)
  • Posted in: Atelier
  • #206374
    njmartell
    Member
    Post count: 47

    Is there any way to add a button to the right of the newsletter subscribe form (the form that you have in the demo footer)?

    Right now it seems you have to press enter to complete the signup process, but I think a button would be much more intuitive if this is an option.

    Thanks!

    #206674
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    In the form code you will see the visibility of the button is set to hidden, just remove that

    – Kyle

    #207409
    njmartell
    Member
    Post count: 47

    Thank you. I’ve successfully added a ‘submit’ button in the contact form code.

    However, I’m unsure how to configure this to ‘subscribe’ and not just send an email?

    Is there a way to get it to populate a mailchimp list?

    Thanks!

    #207487
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    You need to set up your list on mailchimp and then get your action URL to put inside the form code

    – Kyle

    #209466
    njmartell
    Member
    Post count: 47
    This reply has been marked as private.
    #209472
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    What code have you added to the footer? It needs some adjusting

    – Kyle

    #209475
    njmartell
    Member
    Post count: 47
    This reply has been marked as private.
    #209484
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Remove the p tags, and use divs instead

    – Kyle

    #209488
    njmartell
    Member
    Post count: 47
    This reply has been marked as private.
    #209489
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Replace <p> with <div> and </p> with </div>

    – Kyle

    #209493
    njmartell
    Member
    Post count: 47
    This reply has been marked as private.
    #209500
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to Theme Options > Custom CSS

    #footer .wpcf7-form > div:nth-child(2) {
      float: left;
      width: 75%;
    }
    #footer .wpcf7-form input.wpcf7-text {
      height: 50px;
      margin: 0;
    }

    – Kyle

    #224039
    districtsix
    Member
    Post count: 55
    This reply has been marked as private.
    #224308
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    @districtsix

    Can you provide the link to your site?

    -Rui

    #224311
    districtsix
    Member
    Post count: 55
    This reply has been marked as private.
Viewing 15 posts - 1 through 15 (of 34 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register