WordPress: How to add Pinterest ‘Pin It’ button

Pinterest is growing as a social media website and you can drive more traffic from Pinterest by allowing your readers to easily add it (or Pin It) to Pinterest. Do you want to know how to add Pinterest Pin It button to your WordPress website or blog?

Just copy the following code and paste it just above the </body> tag in the footer.php file.

<script type="text/javascript">// <![CDATA[
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        s.src = "http://assets.pinterest.com/js/pinit.js";
        var x = document.getElementsByTagName("script")[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent("onload", async_load);
    else
        window.addEventListener("load", async_load, false);
})();
// ]]></script>

Now, add the following code in single.php and/or page.php at the desired locations to show the Pinterest ‘Pin It’ button in WordPress blog posts and pages.

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>

If you want to have a shortcode to add Pinterest Pin It button at your desired locations in WordPress blog posts, don’t make any change to single.php or page.php. Just add the following code to your theme’s functions.php file.

<?php
function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return '<a href="http://pinterest.com/pin/create/button/?url' . urlencode(get_permalink($post->ID)) . '&media=' . $pinterestimage[0] . '&description=' . get_the_title() .'" class="pin-it-button" count-layout="vertical">Pin It</a>'; }

add_shortcode('pinit', 'get_pin');
?>

Now, you can add a Pinterest Pin It button by adding the shortcode [pinit] in your WordPress blog posts and pages. Start pinning.

Premium WordPress Themes

Pro Plus Package
Education Theme
Elle Theme
Clip Cart Theme
Pure Elegance Theme
Cre8tive Burst Theme
Mindstream Theme
Craftiness Theme
Decor8ted Theme

Reliable Web Hosting

Smart Web Worker strongly recommends HostGator for your website/blog hosting. Sign up for web hosting at just $3.96/month. Use the coupon code "SMARTBLOGGER25" to get 25% discount on any hosting packages. Get an account with HostGator now!