WordPress.org

Ready to get started?Download WordPress

Forums

WP-FlyBox
[resolved] WP-FlyBox - nice, but hover state needs a tweak (5 posts)

  1. ecurtain
    Member
    Posted 1 year ago #

    This is nice!

    One small problem: the active "hit" area doesn't quite match the tab when it's expanded.

    So when I hover over a tab, that tab slides open, but then the mouse isn't over an active area, causing the tab to slide closed... which triggers the tab again.

    Tweaking the active area of an exposed tab should correct it -- otherwise, this looks great.

    One request for a new tab would be a "MailChimp Subscribe" option.

    Thanks,
    Phillip

    http://wordpress.org/extend/plugins/wp-flybox/

  2. cconoly
    Member
    Plugin Author

    Posted 1 year ago #

    Thanks for the advice. I have fixed it and it will go out in the next update.

    As for mail chimp, I have never used it and would need some help designing it. For the tab would you want it to say just "Subscribe" or just "MailChimp"? and as for the box that slides out I assume all you would want is First and Last Name and Email address. And for the admin side you would just need to put in your list you want them added to??

  3. cconoly
    Member
    Plugin Author

    Posted 1 year ago #

    I fixed the "hit" area and I looked into mailchimp, but need more advice on how you want it implemented and what features.

  4. ecurtain
    Member
    Posted 1 year ago #

    Hi cconoly, thanks, I look forward to trying out the update. I've shown the plugin to my associates and they are impressed with its small visual footprint and ease of use :-)

    Regarding the mailchimp, here is the code for the "super slim" form provided by mailchimp. Mailchimp forms can get much more complex, but this would probably be a good starting point for many people. I've replaced my form-specific URL with a "_SUBSCRIPTION_URL_" placeholder:

    <!-- Begin MailChimp Signup Form -->
    <link href="http://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
    </style>
    <div id="mc_embed_signup">
    <form action="_SUBSCRIPTION_URL_" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    	<label for="mce-EMAIL">Subscribe to our mailing list</label>
    	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
    	<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </form>
    </div>
    <!--End mc_embed_signup-->
  5. ecurtain
    Member
    Posted 1 year ago #

    Forgot to mention - this renders as a simple "subscribe to our mailing list" form with an email field and a "subscribe" button. I created it with the "Create Form Embed Code" section of the MailChimp site.

    I'm uncertain how difficult it would be for you to to auto-generate the subscribe URL given a user's MailChimp credentials - i found it easy to just pull it from MailChimp's generated form code.

    Another option would be to allow users to paste in the full form code from MailChimp, which would allow any level of complexity. (I think this would be taking it too far)

    Most of the time, I just use a simple "add your email and press the button" form.

    --Thanks for the great work!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic