ShareDaddy was a great social sharing plugin. And then it was integrated into Auttomatic’s Jetpack which required connecting our clients’ sites to a WordPress.com account which was majorly awkward… since our clients don’t have a WordPress.com account (you can read more about our feelings on Jetpack here). So, we went off to find a substitute and after reading all the “Top 1 Million Sharing Plugins” posts we still felt at a loss for a normal, nice-looking, easy-to-use social sharing plugin.

And then Maor discovered that there was a way to hack Jetpack to use ShareDaddy without connecting it to a WordPress.com account.

Here’s how:

1. Donwload Jetpack but don’t activate it. You won’t need to activate Jetpack because it will be run from the mu-plugin you’re about to create in step#2.
2. Create a file called jetpack-sharedaddy.php and put it in the mu-plugins directory or create a mu-plugins folder if it doesn’t already exist. More info on creating mu-plugins can be found in the WordPress Codex.
   
3. Add the following code into
   jetpack-sharedaddy.php

    (The original code is here). We also added in code to remove the massive Jetpack banner message that tells you to connect with WordPress.com even though the Jetpack plugin is deactivated.

   

   Looks small here… but you know it’s massive in the Dashboard!

    

   <?php 
   
   function hack_jetpack_offline_mode() {
   	if ( ! file_exists( WP_PLUGIN_DIR . '/jetpack/' ) || class_exists( 'Jetpack' ) )
   		return;
   
   	require_once( WP_PLUGIN_DIR . '/jetpack/jetpack.php' );
   
   	// Disable Jetpack's notification messages
   	hack_disable_jetpack_notices();
   
   	// List of modules we'd like to activate
   	$modules = array(
   		'sharedaddy',
   	);
   
   	foreach ( $modules as $module ) {
   		require Jetpack::get_module_path( $module );
   		do_action( 'jetpack_module_loaded_' . $module );
   	}
   }
   add_action( 'plugins_loaded', 'hack_jetpack_offline_mode', 99 );
   
   function hack_disable_jetpack_notices() {
   	global $jetpack_hijacked_instance;
   
   	// Hijack Jetpack's instance (which usually gets lost in global space)
   	$jetpack_hijacked_instance = Jetpack::init();
   
   	// Remove responsible functions
   	add_action( 'admin_init', 'hack_shut_off_notices_for_jetpack', 20 );
   	// Ensures Jetpack's top level menu doesn't show up. Remove line to display.
   	add_action( 'admin_menu', 'hack_remove_jetpac_menu', 999 );
   }
   
   function hack_shut_off_notices_for_jetpack() {
   	global $jetpack_hijacked_instance;
   
   	remove_action( 'load-index.php', array( $jetpack_hijacked_instance, 'prepare_connect_notice' ) );
   	remove_action( 'load-plugins.php', array( $jetpack_hijacked_instance, 'prepare_connect_notice' ) );
   }
   
   function hack_remove_jetpac_menu() {
   	remove_menu_page( 'jetpack' );
   }

    

4. Back in the Dashboard, you can go to Settings > Sharing and use ShareDaddy!

Here is a screenshot of the final sharing icons using the Icon+Text setting which shows the number of shares, tweets, etc in a really pretty, nicely spaced format, as opposed to awkwardly spaced out and massive in-your-face buttons that I usually see around the web!

PS: One more small, but useful tip: Since Jetpack is deactivated, someone might think, “Hey, we’re not using this plugin, let’s remove it.” Since that would be quite the catastrophe, we’re using a plugin called Plugin Notes to write a note on the plugin page that says “DO NOT REMOVE”. Here’s a screenshot:

This post was originally published at Hack: How to use Jetpack’s ShareDaddy plugin without connecting to WordPress.com on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

For one of our clients, we needed to list all the users on the site, first by role, and then within that role, alphabetized by last name. Each user needed to display the author’s name (First Name, Last Name), the author’s photo (using the User Photo plugin), and some author meta information, as follows:

Editors:

Stan Smith (links to Author’s archive using the author.php archive)
Bio/Description
Email
Website

John Tmith (links to Author’s archive using the author.php archive)
Bio/Description
Email
Website

Abe Zmith  (links to Author’s archive using the author.php archive)
Bio/Description
Email
Website

Authors:

Mary Smith (links to Author’s archive using the author.php archive)
Bio/Description
Email
Website

Ann Tmith (links to Author’s archive using the author.php archive)
Bio/Description
Email
Website

Sarah Zmith  (links to Author’s archive using the author.php archive)
Bio/Description
Email
Website

Here’s the code we used to accomplish this.

Step 1: In functions.php, add the following code:  

Step 2: In the Researchers.php Page Template, add the following code:

This post was originally published at How to list WordPress Users (Editors and Authors) by role and then alphabetical by last name on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

The Problem

On a WordPress site that we recently built, there were several text widgets in use – one for About Us, one for a Facebook Social Plugin, and one for a newsletter signup form.

The problem was that we wanted each one of these text widget areas to be styled slightly differently – some with a border, and some without, some with more padding, and some with less. Unfortunately, all the text widgets for the sidebar come with the same CSS style “.textwidget” by default. This isn’t so helpful if you want to style each text widget separately.

The Solution

An amazing plugin called Widget CSS Classes gives you the ability to add custom style classes and ids to your WordPress widgets.

All you have to do is install and activate the plugin. Then, go to the widget you want to target directly in the CSS, and add your very own CSS class to the widget!

Here are some more features that the plugin offers:

• You can specify multiple classes by putting a space between them
• Optionally adds a dropdown menu with predefined classes instead of a text field
• Optionally adds a text field to add an id to a widget
• Adds first and last classes to the first and last widget instances in a sidebar
• Adds even/odd classes to widgets
• Adds number classes to widgets
• Fully translatable
• Multi-site compatible
• Compatible with Widget Login plugin
• Has filters and hooks for customizing output including class names

This post was originally published at HOWTO: Add a custom style to any WordPress widget with a plugin on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

WordPress.com has limited flexibility and functionality in many ways. For example, you can’t add plugins, and you have to sign up to a paid upgrade in order to use ads. Even so, many of us who use and create self-hosted WordPress sites (with WordPress.org), have some serious FOMO when it comes to some of the built-in features at WordPress.com – features that often don’t have a great alternative in the plugin directory. These features include a pretty photo gallery, comments which can be used by logging into social media profiles, and more.

With this in mind, in March 2011, Auttomatic, the company behind WordPress.com, released Jetpack, a bundle of plugins inspired by WordPress.com.

The plugins included are:

• WordPress.com Stats: Simple, concise site stats with no additional load on your server.
• Comments: enables your visitors to use WordPress.com, Twitter, or Facebook accounts when commenting on your site.
• Subscriptions: Allow users to subscribe to your posts and comments to receive a notification via email.
• Contact Form: Easily insert a contact form any where on your site.
• Sharing: The most super duper sharing tool on the interwebs. Share content with Facebook, Twitter, and many more.
• Spelling and Grammar: Improve your spelling, style, and grammar with the After the Deadline Proofreading service.
• Gravatar Hovercards: Show a pop-up business card of your users’ gravatar profiles in comments.
• Shortcode Embeds: Easily embed videos and more from sites like YouTube, Vimeo, and SlideShare.
• WP.me Shortlinks: Enable WP.me-powered shortlinks for all of your Posts and Pages for easier sharing.
• Beautiful Math: Mark up your posts with the markup language, perfect for complex mathematical equations and other über-geekery.
• Extra Sidebar Widgets: Easily add images, Twitter updates, and your site’s RSS links to your theme’s sidebar.
• Enhanced Distribution: Share your public posts and comments to search engines and other services in real-time.
• Carousel: Transform your standard image galleries into an immersize full-screen experience.

Jetpack’s user-friendly plugin dashboard. You can activate and deactivate each plugin separately.

Hesitations

We actually hadn’t used Jetpack yet because we have felt that the issues we see in the plugin outweigh the benefits to us. The way Jetpack is being provided to WordPress.org users opens a lot of questions for us. For example:

• Why the bundling? Why is Auttomatic bundling so many random plugins together? What are the chances that someone who uses the pretty math equations will get excited about the Carousel and vice versa? And, are pretty math equations really in high demand at all?  Even though you can activate and deactivate individual plugins within Jetpack, the fact that you can’t just install individual plugins makes us uncomfortable.
• Why do you have to be signed into WordPress.com? Jetpack was created by Automattic, a for profit company behind WordPress.com. Why must we connect with a WordPress.com account in order to use all the plugins? Some plugins might need access to the site’s server in order to function but that is far from necessary for most of the plugins in Jetpack. Connecting our sites to third parties when unnecessary makes us uncomfortable.

Ugh! Don’t make me log in to a WordPress.com account.

Subtle reminder to activate the plugin.

• The bloat: 13 plugins for the free price of $0.00. Sounds like a delight to our consumer ears, but when it comes to WordPress plugins, I like them one at a time.
• Possible resource hog / slows speed of site: We read some negative reviews about Jetpack slowing down page load time. Here is an example.
• Added value? Initially we wondered what added value Jetpack could give to our sites – we were already using Google Analytics, Gravity Forms, ShareDaddy, and had no need for our (nonexistent) math equations to look beautiful.

Comments Feature

Jetpack’s comments feature, released in June 2012, enables your visitors to use WordPress.com, Twitter, or Facebook accounts when commenting on your site. I love this idea because it allows visitors to your site to maximize their commenting potential by linking their comments to their homes online! However, I had two major issues using this feature.

1. I couldn’t use the feature out of the box. I clicked activate but nothing happened in the comments area. Apparently, the plugin only works with the comment_form() function so I had to go into my comments.php file and modify the function to get it to work.  
2. My other qualm is that the email, name, and website fields are hidden by default and only appear once you’ve clicked in the message area. Commenters want to tell you who they are – they want to leave their name and website when they comment and it’s very disorienting when they don’t see those fields immediately. I think commenters are used to a certain commenting structure which worked well. Like they say, if it ain’t broke, don’t fix it. I wanted to change the comments form so that by default it is always open, but I couldn’t find an option within Jetpack nor could I find anyone else even discussing that they have an issue with it, let alone a way to fix it.  

Too minimalistic for me. Commenter fields are hidden by default.

Once you click in the message area, you can see all the fields.

An alternative: If you want an alternative stand-alone plugin for socially connected comments, try Mailchimp’s Social Plugin for WordPress. 

Carousel Feature

There has been a major lack of a good photo gallery and/or slideshow in WordPress.org for a long time. The native gallery has great potential for adding nice photo galleries to your site, but it’s still a long way off. Currently, when you insert a gallery into a page or post, and click on a thumbnail, it takes you to a bigger version of the image on a separate page. Not great. 

Meanwhile, we’ve always looked at the image options at WordPress.com with a bit of jealousy. So, we were really excited to see Jetpack’s newest carousel feature, which turns the native WordPress photo gallery into a beautiful viewer.

There are a couple of things that bother me about the new carousel. First, I don’t like the placement and size of the X for closing the viewer. In my experience, every single photo viewer has the closing X in the top right corner, but this carousel placed it in the top left corner, causing a nanosecond of helplessness before I figured out how to close it. And… why so small? 

Second, I think it isn’t clear that when you click on a thumbnail you’ll get to a viewer. It’s possible that images should be lined up differently in order to make it clear that there is a slideshow view available.

I’ve created an example here of the carousel. Click on any of the thumbnails below to see the carousel for the native WP gallery in action:

An alternative: Carousel without Jetpack: A few days ago, WPBeginner forked the Carousel module from Jetpack and offered it as a stand-alone plugin! And he says if Jetpack upgrades the feature, he’ll upgrade his plugin. Yay!

Conclusions: A plugin for non-techy people?

I wish I could see only the positive aspects in this plugin. WordPress.com is working hard to give out nice free plugins and with the newest Jetpack’s comments and carousel features, I am really tempted to start using it on our clients’ sites. But for now, I can’t bring myself to add 13 plugins to all their sites and I don’t want to have to connect WordPress.com accounts to use all of them! I wouldn’t even know which WordPress.com account to connect it to since our clients usually don’t have one and it feels weird to connect it to our account.

On the other hand, I wonder if maybe we aren’t the target audience for Jetpack. We are developers, creating custom sites from scratch. For us the plugin is bulky, providing unnecessary features and feeling possibly big brotherish. But maybe Jetpack opens up more options to lo-tech users of self-hosted WordPress sites who will love having the ability to install 13 plugins in one click.

Do you use Jetpack? What do you see as the pros and cons?

This post was originally published at Jetpack WordPress plugin – The new comments and image carousel features almost make me want to use it on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

Over at illuminea.com, we manage over many WordPress websites as part of our WordPress hosting and maintenance service. All of these sites need version upgrades, plugin upgrades, and the rare theme upgrade (since we never use the default WP themes like TwentyEleven). Amazingly, there are 3 services that make mass upgrades possible in a few seconds (more or less).

ManageWP

ManageWP was the first of these management tools that I tested and it is definitely the most robust – they’ve really thought of everything. For better or for worse, you manage your sites by logging into their website. And, unfortunately, it is the most expensive of the three options. 

Depending on which pricing plan you go with, ManageWP offers features above and beyond basic upgrades. The list includes features like:

• One-click and scheduled backups to a bunch of places (Dropbox, Amazon S3, and more)
• Easy cloning and migration tools
• User and sub-user management
• Alerts
• Security
• Google Analytics + AdSense integration

There is a free account for up to 5 websites but it only includes the “Standard” features which means no scheduled backups – a pretty major drawback, in my opinion.  To see the different pricing packages, go to their Plans and Pricing page and then at the bottom click on ”Standard,” “Professional,” or “Business” pricing and you’ll see a chart that shows how much it costs according to how many sites you want to manage. It gets expensive very quickly. For example, managing 50 websites with the Professional features costs $67 a month.

These buttons are tucked away at the bottom of the Plans and Pricing page.

In terms of user interface, I found the ManageWP Dashboard a bit busy, and I felt like I never really learned where all those extra features were hidden nor, honestly, what I’d need them for anyway. 

ManageWP’s interface is a bit cluttered.

Bottom line: ManageWP offers the most features out of all the services reviewed here. But my two main concerns regarding ManageWP are that you’re so dependent on them to always be around, and they’re quite pricey.

WPRemote

My initial impression of WPRemote was that it’s so cute! Its user interface is very simple, clean and user-friendly. Until I started using it. WPRemote lets you upgrade themes and plugins from their dashboard, but their service doesn’t include bulk WordPress upgrades. You need to leave WPRemote and go to into each client’s website separately to upgrade it. Ugh! 

Cute and simple… but maybe a little too simple

Regarding backups, WPRemote lets you back up to their Amazon S3 account, but as of now, there isn’t  a way to backup to your own account, which is pretty annoying. 

Bottom line: For a free service, it’s pretty good, but definitely not robust enough for our needs. The fact that it doesn’t allow backups to a service of your choice (like Amazon S3, Dropbox, or even FTP to another server), or real bulk WordPress upgrades, could be a problem for many website managers.

InfiniteWP

I saved the best for last! InfiniteWP is a little trickier to set up because you need to upload files to your server, but it is so worth it! First of all, InfiniteWP is FREE! And, second of all, since you’re hosting it on your server, you’re not dependent on a third-party service and you have more control over the security.

And, guess what! InfiniteWP is FREE!

I love that you can easily do theme, plugin, and WordPress upgrades by just click, click, clicking around. And if you don’t want to upgrade something, you just click the “hide” button to remove the temptation of the “upgrade” button.

Love the “hide” link!

Here are some of the issues I had with InfiniteWP:

• WordPress in a subdirectory: I couldn’t add the InfiniteWP Client plugin directly from InfiniteWP’s “Add a site” area on sites that have the WordPress files in a subdirectory like http://example.com/sitefiles. To resolve this, go to the site and install the plugin from there and then add the site to InfiniteWP.
• Multisites: When adding a site to InfiniteWP, you have to fill out the URL, Admin username, and the API code (which you get after installing the plugin). When I added a multisite, I entered a Super Admin’s username but it didn’t work. I then added a regular Admin and then it worked. 
• fsock error: Sounds silly, but it really is the name of an error I got when I tried to add InfiniteWP on a password-protected directory. I removed the password-protected directory and then InfiniteWP started working properly.
• Backups: Currently, backups are only available to your own server, which is a problematic way to back up a site – if the server goes, you lose both the site and the backup! I would love to set backups to go to our Amazon S3 account, but when I contacted the developers, they said that this feature will be added in the future as a premium add-on. Oh well. Luckily there are other alternatives for backups like BackWPUp.
•  Hard to find the list of websites: After I added all our sites to InfiniteWP, I wanted to look at all of them to make sure I didn’t miss any. Only after the developers pointed out the little “W” hiding in the corner, did I find the list of websites.
  
  

  Hello cute little orange “W”.

Bottom line: InfiniteWP is an amazing, robust and free service. It might not be for everyone due to the need to install it yourself, but for those who want control, that ability is actually a big plus. The biggest, and pretty much only, drawback is the inability to back up sites off-server, but hopefully they’ll add that service soon as they said.

What has your experience been with multiple-site management tools? It’s amazing that there are such great options for managing multiple WordPress sites springing up left and right. Let the competition continue!

This post was originally published at Managing multiple WordPress sites: A review of ManageWP, WPRemote and InfiniteWP (my fave) on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

We are huge fans of Gravity Forms (so obviously we’re an affiliate), a premium WordPress plugin for creating forms, because nerdily enough, it actually makes creating forms kinda fun. But most importantly, Gravity Forms makes it really easy for our clients to create forms and enter them in pages, posts and widgets. Do you remember the cforms plugin and how complicated it was? Thank God that’s behind us!

Not only is Gravity Forms easy to use, it is also a robust plugin including the option to add many different addons. Because of this, we are always learning new things about it. Here are some things we’ve learned lately. Please let us know what else you’ve learned about Gravity Forms.

Conditional notifications

Sounds fancy, but it just means that you can send a response to someone based on something they selected in the form.

For example, every month, illuminea broadcasts a webinar where participants can choose to watch the webinar in-person at illuminea headquarters or online via livestreaming. We have two confirmation emails and Gravity Forms needs to send the right one depending on which option the person chose.

Here’s what our notification looked like using conditional shortcodes in Gravity Forms (just remove the spaces next to the brackets):

Thanks for registering for the Latest Web Trends for Marketing Professionals event with Miriam Schwab on July 30, 2012 at 10am!

[ gravityforms action="conditional" merge_tag="{Location:6}" condition="is" value="Attend at illuminea headquarters." ]

Directions can be found here: http://www.illuminea.com/contact-us [/gravityforms]

[ gravityforms action="conditional" merge_tag="{Location:6}" condition="is" value="Watch it via live streaming! We'll email you a link." ]

Here’s the link to watch the webinar LIVE: http://example.com [/gravityforms]

Validation messages for other languages

For our Hebrew WordPress sites, we needed a way to display the error/validation messages in Hebrew. Just as I started looking into complex solutions, someone pointed out that I could just use the “Validation Message” field in the Advanced tab to do the trick! So handy!

Fixing the tabbing issue on pages with more than one Gravity Form

One of the sites we built had a form in the footer that let people sign up to become a contributor to the blog. That was fine and dandy everywhere on the site except for the Contact page, which obviously displayed another form. As I filled out the contact form and pressed Tab to go to the next field, the cursor jumped down to the footer’s contributor form. Tab again, and back up to the Contact form! Although this gave us a good laugh, it wasn’t exactly great usability. Gravity Forms offers the following solution to create a filter in your functions.php that alters the “tabindex”.

For example, this changes form id#10′s tabindex start value to 4

Notification emails to user – adding line breaks

On one of our forms, whenever a user filled out the form, they would get an email notification with all the text on one line without paragraph breaks, even though everything looked all nice and neat in the Notifications editor in Gravity Forms. Turns out a little checkbox makes all the difference! All you need to do is disable the auto-formatting and then the notification will save the paragraph breaks you created in the visual editor.

Matching Gravity Forms fields to SalesForce fields

Gravity Forms makes it super easy to connect your Gravity form to SalesForce. All you have to do is insert your SalesForce key in the Gravity Forms Options page. Unfortunately, although that was easy enough, some of the fields’ content didn’t arrive in SalesForce.

In order to get the problematic fields to integrate with Salesforce properly, we did the following:

1. Get your SalesForce rep (or, if you’re a SalesForce genius, then maybe you can find it yourself) to give you the HTML web form code.
2. In the problematic field, go to the Admin Label and enter the SalesForce “name” of the field.

Example #1 – basic fields

The code for the First Name field, which initially wasn’t working, looks like this:

We opened up the Advanced settings of the First Name field and entered “first_name” in the Admin Label.

Thankfully, it worked like a charm.

Example #2 – custom fields

In the case of custom fields like a dropdown menu of Countries, the label “Country” wasn’t enough. The code from Salesforce looks like this:

After we inserted the reference ID for the Country field, SalesForce recognized the Admin Label:

Feel free to share more Gravity Forms tips in the comments – I’d love to hear what you’ve learned!

This post was originally published at 5 Useful Tips for Gravity Forms on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

Recently, Miriam wrote about Data Serialization and what a pain in the tuchus it can be to migrate a site that has serialized links in the database.

So, today, when I migrated one of our client’s sites from our staging server to the live/production server, I was frustrated that some of the widgets weren’t showing up properly after my usual Search and Replace of the old URL to the new URL in the database, yet excited that I could read her post to find a solution. Frustrexcited, if you will.

Here are the solutions I tried and read on to see which one actually worked:

WP Live Server Deploy: This plugin was featured on wpmu.org, looked like a really good solution. The plugin claimed to quickly migrate your development/staging site to your live/production site, including changing all the old URLs to new URLs. Well, it sounded great, but.. it didn’t work.  After I entered the new site’s FTP information into the plugin settings, the FTP info was verified. But when I clicked the “Automate Deployment” button, the plugin couldn’t “determines the remote capabilities of the server”.  Then I tried to do a manual backup using this plugin and that didn’t work either. Next.

Peach - An online tool that lets you drag-and-drop a .sql file into the page and set a new domain. I was skeptical because it looked too easy. When I dropped in my .sql file it said there were 0 serialized links. Boo.

 WP Migrate DB - My new best friend. Please meet WP Migrate DB. No, he/she doesn’t have a fancy, memorable name, but I definitely wanted to hug and high-five this plugin after it did what it said it would do. It changed all the old URLs to new URLs in the database, including fixing serialized links, and lets you download the new SQL file. I was so happy not to have to mess with any Search and Replace plugins or SQL queries in PHPMyAdmin. 

This post was originally published at Data Serialization, WordPress, and my new best friend on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

We build our sites with a custom theme options panel in the Dashboard so that clients can manage as much of their site on their own as possible. All seemed fine and dandy until the client threw in an apostrophe! The chutzpah. Can’t you just use “We will” instead of “We’ll”?

The problem was that when an apostrophe was entered into a custom text label in the options panel, a slash decided to come along for the ride. Example: Instead of seeing “We’ll send you a link”, the site displayed “We\’ll send you a link”. I searched around and finally found this post, Using stripslashes() with Theme Options which explains that you need to use the stripslashes function when you return the content stored in the custom text.

Basically, you just wrap stripslashes() around the get_option like so:

If you had <?php  echo get_option(‘cgn_404_text’); ?>

it would now be:

<?php  echo stripslashes(get_option(‘cgn_404_text’)); ?>

In your custom-text.php file, you’ll probably use something like this:

This post was originally published at How to fix apostrophes turning into slashes in WordPress on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

We developed a site that has really rich subpages (child pages) but the parent page is mostly a blank placeholder that directs people to the subpages. Instead of merely leaving a blank parent page, we wanted to give a preview of the content on each of the subpages. I found the code for how to do it in this post, Display title & excerpt of child pages.  

get_results("SELECT * FROM $wpdb->posts WHERE post_parent = ".$post->ID." AND post_type = 'page' ORDER BY menu_order", 'OBJECT'); ?>

This post was originally published at How to list subpages with a title and excerpt in WordPress on WP Garage - WP Garage - wordpress tricks, hacks, and tips.

Several of our clients requested that we add popup disclaimers before someone sends an email to the site admin or before they submit a comment. Here’s a screenshot of what we’re going to do:

Case 1: Add a Contact Us link to the navigation menu that triggers a disclaimer popup.  
Once a visitor clicks OK, open the visitor’s email client using the mailto: function.

1. In the WordPress dashboard, go to Appearance > Menus and add a custom link. 
    
2. Go to Screen Options and make sure the “CSS Classes” checbox is checked
3. In the URL field, put mailto:youremail@yoursite.com 
4. In the CSS Class, put show-confirm-popup
5. Open up header.php
6. Check to see if you already have the jQuery library loaded on your site. If not, add the following somewhere between the opening and closing head tags 
   

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

7. Add the following code between the opening and closing head tag. Make sure to change the text of the disclaimer.
   

   <script type="text/javascript">$(document).ready(function(){ $('.show-confirm-popup a').each(function(){ $(this).click(showConfirmPopup); }); }); function showConfirmPopup(){ var confirmation_text = 'Change this text. By clicking "OK," you agree that you have read and understand this notice.'; return confirm(confirmation_text); }   $(function(){ }); </script>

  Case 2: Add the popup disclaimer to any link.  

1. Add the following link structure anywhere on your site.
   

   <a onclick="return showConfirmPopup();" href="mailto:youremail@yoursite.com">Contact Us</a>; 

2. Copy the code from Step 6 and 7 from Case 1 above into header.php.

Case 3: Add the popup disclaimer before a comment is submitted

1. Open Comments.php
2. Do a search for the word “submit”
3. Add the onClick parameter to the Submit button. It will look something like this:
   

   <input name="submit" type="submit" id="submit" tabindex="5"   value="Submit Comment" onClick="return showConfirmCommentPopup();" />

4. Copy the code from Step 6 and 7 from Case 1 into header.php and also in header.php, add the following function. Remember to change the text.
   

   function showConfirmCommentPopup(){ var confirmation_text = 'Change this text. By clicking "OK," you agree that you have read and understand this notice.'; return confirm(confirmation_text); }

    

Big thank you to Elisha!

This post was originally published at Disclaimer popups before sending an email or submitting a comment using simple jQuery in WordPress on WP Garage - WP Garage - wordpress tricks, hacks, and tips.