Storefronts buttons for Magestore PDFs

Storefronts buttons for Magestore PDFs

This guide explains how to insert a "Download Invoice" button into your Shopify storefront using the MS Order Printers app. The button allows customers to download their invoice in PDF format directly from the Order Status page or Thank You page.


Step 1: Navigate to the MS Order Printer Settings

From Shopify Admin > Apps > MS Order Printers > Settings.


Step 2: Enable Front-end Invoice Download

  • In Settings page, scroll to Front-end button section.

  1. Add “Download Invoice” button to your Shopify’s Order Status page

    • Click the “Configure in theme editor” button.

    • You will be redirected to the Order Status page in the theme editor.

  2. Add “Download Invoice” button to your Shopify’s Thank You page

    • Click the second “Configure in theme editor” button.

    • You will be redirected to the Thank You page in the theme editor.

  3. Select a template to download

    • Choose the template (e.g., “Default (Classic - Invoice)”) that will be used to generate the PDF when the customer clicks the button.

      image-20250805-023030.png

Step 3: Add the Download Button in the Theme Editor

A. For Order Status Page

  1. After clicking Configure in theme editor:

  2. In the left panel, scroll to the section where you want the button to appear (e.g., under Order actions).

  3. Click Add block.

  4. Search and select “MS Order Printer – Download Button”.

  5. Click Save.

    image-20250805-023139.png

B. For Thank You Page

  1. After clicking Configure in theme editor:

  2. In the left panel, scroll to Main or Order Summary section.

  3. Click Add block.

  4. Select “MS Order Printer – Download Button”.

  5. Click Save.

    image-20250805-023229.png

✅ Final Result

  • The Download Invoice button will appear on your storefront’s Order Status and/or Thank You page.

  • Customers can click to download their invoice as PDF.