PayPal No-code Invoicing to Simplify Your Life! 😮‍💨
Published: 2023-01-25 17:50:25

Every developer I know (ok, *most* developers 😅) seeks ways to accomplish tasks more efficiently. The rise of no- and low-code tooling is empowering both coders and non-coders alike to achieve business and operational goals that deliver just as much value, without requiring as much code. 🎉

One such area is Invoicing. Invoice management is a crucial part of any enterprise, and no-code invoicing tools allow people to quickly configure their invoicing system, manage open invoices and payments seamlessly, and save precious time to invest in other revenue-generating pursuits.

In this guide, I show you how to incorporate PayPal's No-node Invoicing system into your business or organizational workflow. In a few minutes, you'll be sending your first invoice!

--- 

## Guide Overview
[Part 1. Access Invoice Builder](#part-1-access-invoice-builder)
[Part 2. Edit Business Information](#part-2-edit-business-information)
[Part 3. Build Invoice](#part-3-build-invoice)
\-- [Part 3b. Edit Invoice Parameters](#part-3b-edit-invoice-parameters)
\-- [Part 3c. Add Price Adjustments](#part-3c-add-price-adjustments)
\-- [Part 3d. Enable Partial Payments and Tips](#part-3d-enable-partial-payments-and-tips)
\-- [Part 3e. Preview Finished Invoice](#part-3e-preview-finished-invoice)
[Part 4. SEND IT! 🚀](#part-4-send-it)

---

### Part 1. Access Invoice Builder

Sign in to your Business PayPal account. If you do not have one, [sign up](https://www.paypal.com/bizsignup/#/singlePageSignup) for one; bear in mind that this is different from a ***Personal*** PayPal account.

From the navigation bar, navigate to Invoicing. Your navigation layout may vary; I have reproduced two variations in the images below.

![Navigate to Invoicing 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b0jiaksvi7u9t6d91bka.png)

![Navigate to Invoicing 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/67a142ytn1vsdyk6is9h.png)

---

### Part 2. Edit Business Information

Edit your business information so that it displays correctly on your invoices. Click the Gear Icon towards the right, then select Business Information.

![Open Business Information](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/abtsk8i1ofr63qcomqd7.png)

In the panel that opens, you may add your business logo and choose which business details display in invoices.

![Edit Business Details](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g32un40kv4cvt43qwne4.png)

---

### Part 3. Build Invoice

Click the Create Invoice button. Next, type in the products or services for which you are creating an invoice. PayPal offers good flexibility in how you define and customize these items: in terms of amounts, quantity, or hours.

![Create Invoice Button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h2u6ceeb9slrbein6lox.png)

![Edit Item Details](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/meroe4rqsevvhigu31nn.png)

You may leave an optional note for your customer, to communicate some details that are not captured in the Item List.

![Note To Customer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9qak1cinup3wwm9vmsjw.png)

You may also attach images or PDF documents to your invoice, and leave yourself a memo. This memo is hidden from your customer; they will not have access to it.

![Attachments and Self Memo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mjp1vojgb1q3d9at1o7s.png)

---

### Part 3b. Edit Invoice Parameters

Next, to the right of the Invoice Builder, you may specify an Invoice Number, the Invoice Date (defaults to the current date), and the Due Date.

![Invoice Parameters](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/je5xl6b8mu6kd8hxw3jm.png)

---

### Part 3c. Add Price Adjustments

You can also add some price adjustments that affect the final Invoice amount, such as discounts, fees, surcharges, etc.

![Price Adjustments](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7mlj16oq8e2thsdmshvm.png)

---

### Part 3d. Enable Partial Payments and Tips

I think this is a cool feature: you can allow your customers to make partial payments toward their invoice! 🥳 You can even specify the minimum amount that a partial payment can be. You can also accept tips.

![Partial Payments and Tips](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vn3dbqcdi37rateagmc1.png)

---

### Part 3e. Preview Finished Invoice

When you're done building your Invoice, you can preview what it looks like from your customer's perspective. Click the Eye Icon at the top corner of the Invoice Builder.

If you anticipate reusing the structure of the invoice you've built, you can save it as a Template; find this option among others in the dropdown menu next to the Eye Icon.

![Preview Finished Invoice](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vpmrocwo9qabd5yjizu3.png)

---

### Part 4. SEND IT! 🚀

All looks good? Then SEND your Invoice - click the Send button. After sending, the next view shows you the activity on your invoice. You can add further memos to yourself.

![View After Sending Invoice](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4l0t61rbk7fsj0lk1emd.png)

There are also some post-invoice actions available to you:
- Remind your customer about their invoice (click the Remind button at the top-right corner)
- Edit your Invoice using the Pencil Icon
- Access other actions from the 3-dot Dropdown, such as Record Payment (if your customer pays you outside of PayPal) or Download Invoice PDF

---

> #### Join the PayPal Developer Community
Our Developer Community members support each other in integrating PayPal technologies, contributing to open source, expanding knowledge and networks, and improving PayPal's products and documentation. We'd love to have you join us! 💙 
- Website: https://developer.paypal.com
- Twitter: [@paypaldev](https://twitter.com/paypaldev)
- GitHub: [@paypal](https://github.com/paypal)

*Cover Photo by [Jill Wellington](https://www.pexels.com/photo/lady-in-beach-silhouette-during-daytime-photography-40192/)*