How to Add the Google +1 Button to WordPress with Elegant Themes

How to Add the Google +1 Button to WordPress with Elegant Themes

Today, Google has made the new +1 Button available to publishers who would like to add it to their websites. Although it is too early to tell whether the +1 Button will beat Facebook’s Like button to become the dominant form of social bookmarking, I suspect that it is likely and believe that it is in your best interest to put the +1 Button at the bottom of each WordPress post as you probably do already with the Facebook Like button. Elegant Themes for WordPress allows you to quickly add this code to your website without editing the theme files directly. Don’t forget to read Google’s policy for publishers on the +1 Button.

  1. Proceed to the Google +1 Button announcement page and click the “Get the Code” link. You may need to sign in to your Google Webmaster Central account to continue (don’t have an account?). If you signed up to receive email updates from Google about the +1 Button, you can also click the link in the email.
  2. Click a radio button next to “Size” at the top of the page to customize the appearance of the +1 Button.
  3. Go to the bottom of the window, and copy the code just below “Place this tag in your head or just before your close body tag.” The code should look something like “<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>.”
  4. Proceed to your WordPress dashboard page in a new browser tab. Click the “Theme Options” link for your Elegant WordPress theme under the “Appearance” heading. This displays the ePanel page for your theme.
  5. Click the “Integration” tab.
  6. Paste the code that you copied into the “Add code to the <head> of your blog” field.
  7. Return to the browser tab displaying the Google +1 Button code, and copy the code just below “Place this tag where you want the +1 button to render.” The code should look something like “<g:plusone></g:plusone>” and may differ depending on the button size that you selected.
  8. Return to the browser tab displaying your WordPress dashboard. Paste the next block of code into the “Add code to the bottom of your posts, before the comments” field.
  9. Click the “Save” button. You now have a +1 Button at the bottom of each WordPress post.


One Response to “How to Add the Google +1 Button to WordPress with Elegant Themes”

  1. Tom says:

    Thank you, really useful information for all Elegant Themes users.