![見出し画像](https://assets.st-note.com/production/uploads/images/41273389/rectangle_large_type_2_77dfc87ab7a43d45bc48292fa4773b10.jpg?width=1200)
[Shopify]無料App「Order Printer」で納品書/請求書を自動生成する
ご注文いただいたお客様へ商品を発送する際、納品書を自動生成してくれる無料Appをご紹介♪Shopifyの無料で使えるApp「Order Printer」は発注書や請求書も注文内容から自動で生成してくれるので便利です!
↓アプリを使わずスプレッドシートと連携する方法はこちら↓
使用するアプリ
インストール方法
![スクリーンショット 2020-12-20 午後0.33.25](https://assets.st-note.com/production/uploads/images/41272216/picture_pc_b8ab3193c0bd4642e1aa87997661552b.png?width=1200)
Order Printerから「Add app」押下しインストール。
アプリ管理>Order Printer>対象の注文を選択
![スクリーンショット 2020-12-20 午後7.23.22](https://assets.st-note.com/production/uploads/images/41272487/picture_pc_f40bbc3a30f26842958f16036c4c862e.png?width=1200)
今回は納品書を生成するので「納品書」を選択。
※事前にテンプレートを作成しておく必要があります。
右上のPrintを押下で印刷完了です。
注文情報から自動で生成できるのでラク。
テンプレート作成方法
![スクリーンショット 2020-12-20 午後7.23.22](https://assets.st-note.com/production/uploads/images/41273076/picture_pc_e942c480cbb9743f4eb05da6975f5f0d.png?width=1200)
Add templateをクリック
![スクリーンショット 2020-12-20 午後7.32.35](https://assets.st-note.com/production/uploads/images/41273104/picture_pc_352a13a571ee35e00d0ab7f00345f6c2.png?width=1200)
❶Nameに任意のテンプレート名を記入。
❷Codeに納品書のBody部分を書いていく。
ここはHTMLなので多少コーディングは必要になります。
❸最後にSave
作成したテンプレのEditから編集できます。
完成イメージはこちら
![納品書1](https://assets.st-note.com/production/uploads/images/41273214/picture_pc_ea6f48e7cbf33f5f8949da04509ac8cd.png?width=1200)
![スクリーンショット 2020-12-23 午後10.18.18](https://assets.st-note.com/production/uploads/images/41508417/picture_pc_2e8b538ce1de90398092e7f3e50b11ea.png?width=1200)
値引きはあれば表示されます。値引きなしの場合は欄自体が表示されません。
テンプレート集
■請求書/納品書/領収書のセット
セットは少し安め
こちら→
![画像7](https://assets.st-note.com/production/uploads/images/51867247/picture_pc_069b368783aef65320eee4ff90ef2520.png?width=1200)
▪️納品書
▪️納品書+控
▪️請求書
▪️請求書+控
▪️注文書
▪️納品書/請求書
▪️請求書/領収書
デザインテンプレート
さらに
▼こちらではデザインに拘った請求書テンプレートをご提供しています。
![画像8](https://assets.st-note.com/production/uploads/images/53433992/picture_pc_05d7344137034fada73c574a94614676.png?width=1200)
![画像9](https://assets.st-note.com/production/uploads/images/53434014/picture_pc_d33204ec46c06120f9ad83d1395da612.png?width=1200)
デザインに拘っててNoteよりは少し高めです。
使い方は、ダウンロードしたTXTファイル内のコードをコピペする仕様です。
▼使い方動画
↑では、Order Printerの英語のデフォルトテンプレートのレイアウトを日本語にしたテンプレートを無料でダウンロードいただけますので、ご心配の方はサンプルテンプレートコードでお試しくださいませ。
※Noteでご提供しているのは、Txtファイルではなく、Noteの記事中本にCodeが記載されていますので、本文内のコードをコピペする形になります。