Title: Embed PDF Invoice Shortcode Into Elementor Button
Last modified: July 15, 2025

---

# Embed PDF Invoice Shortcode Into Elementor Button

 *  Resolved [flinty2000](https://wordpress.org/support/users/flinty2000/)
 * (@flinty2000)
 * [10 months, 4 weeks ago](https://wordpress.org/support/topic/embed-pdf-invoice-shortcode-into-elementor-button/)
 * Hello,
 * Nice plugin! We are wanting to add the shortcode [wcpdf_download_pdf] to a button
   in elementor so that when the user clocks on it the PDF invoice will show for
   the user.
 * If we just insert the shortcode [wcpdf_download_pdf] it produces a link that 
   is not obvious or in style with the rest of the page which is why we are wanting
   to use the button element.
 * Can anyone advise on how to do this?
 * Thank you in advance

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [Yordan Soares](https://wordpress.org/support/users/yordansoares/)
 * (@yordansoares)
 * [10 months, 3 weeks ago](https://wordpress.org/support/topic/embed-pdf-invoice-shortcode-into-elementor-button/#post-18556476)
 * Hi [@flinty2000](https://wordpress.org/support/users/flinty2000/),
 * If you use the free version of Elementor only, you can pass the CSS classes used
   by them to style buttons, within the shortcode parameters:
 *     ```wp-block-code
       [wcpdf_download_pdf link_text="Download invoice" class="elementor-button elementor-button-link elementor-size-sm"]
       ```
   
 * In the case that you also have Elementor Pro, then would only need to configure
   the source of the button link as shortcode, using the dynamic tags, and passing
   the `[wcpdf_document_link]` shortcode instead:
 * ![](https://i0.wp.com/i.ibb.co/mFTR6jtH/Elementor-PDF-invoice-link.gif?ssl=1)
 * Please note that the shortcodes above get the order ID dynamically if you use
   them within the order context. If that is not the case, then you would need to
   pass the ID within the `order_id` parameter, this way:
 *     ```wp-block-code
       [wcpdf_download_pdf order_id="123" link_text="Download invoice" class="elementor-button elementor-button-link elementor-size-sm"]
       ```
   
 * _Or:_
 *     ```wp-block-code
       [wcpdf_document_link order_id="123"]
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Embed PDF Invoice Shortcode Into Elementor Button’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce-pdf-invoices-packing-slips/assets/icon-256x256.
   png?rev=2189942)
 * [PDF Invoices & Packing Slips for WooCommerce](https://wordpress.org/plugins/woocommerce-pdf-invoices-packing-slips/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-pdf-invoices-packing-slips/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-pdf-invoices-packing-slips/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-pdf-invoices-packing-slips/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-pdf-invoices-packing-slips/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-pdf-invoices-packing-slips/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Yordan Soares](https://wordpress.org/support/users/yordansoares/)
 * Last activity: [10 months, 3 weeks ago](https://wordpress.org/support/topic/embed-pdf-invoice-shortcode-into-elementor-button/#post-18556476)
 * Status: resolved