How to create a shortcode for embedding pdf in iframe?

In this tutorial we’ll learn how to create a shortcode for embedding pdf in iframe. We can use a google docs pdf viewer to embed a pdf on a wordpress site. Here is the function which will enable you to achieve that.

Copy the following lines of code at the end of your functions.php.

Our team at Themelocation is comprised of WordPress developers of high expertise

  • We can maintain, support and manage your single, or all your clients, website with dedication
  • Our skills are at your disposal.

Book a Call

function pdf_function($attr, $url) {

   extract(shortcode_atts(array(

       'width' => '640',

       'height' => '480'

   ), $attr));

   return '<iframe src="http://docs.google.com/viewer?url=' . $url . '&embedded=true" style="width:' .$width. '; height:' .$height. ';">Your browser does not support iframes</iframe>';

}

add_shortcode('pdf', 'pdf_function');

You can find functions.php here.

woocommerceNow open any of your page and enter the shortcode like this.

[pdf width=”520px” height=”700px”]http://static.fsf.org/common/what-is-fs-new.pdf[/pdf]

Save this page.

Now, go to front end and open the page in which you’ve placed the shortcode and you’ll see the pdf in pdf viewer.

woocommerce

 

Waqas

I hope you enjoy reading this blog post. If you want my team to do WooCommerce Maintenance for you, click here.

Leave a Comment

Your email address will not be published. Required fields are marked *