Build an invoicing tool with Stripe
By the end of this guide, your team will be able to create invoices in Engine Awesome, click a button to send them, and have Stripe handle the payment link, all without leaving Engine Awesome.
What you'll need before you start
- A Stripe account. Stripe is a payment processor (the service that handles credit card payments). It has a free account, you pay a small fee per transaction.
- A Zapier account connected to Engine Awesome. Follow Connect Engine Awesome to Zapier first if you haven't yet.
- Administrator access.
Step 1: Create an Invoices Object Type
- Go to Settings → Object Types → +.
- Name it
Invoices. - Click Create.
Step 2: Add fields
- Autogenerated field, label it
Invoice Number. Set Prefix toINV-. Starting Number to100. Click Save. - Relationships field, choose Has One: Contacts. Label it
Customer. Click Save. - Money field, label it
Amount. Mark it as Is Searchable. Click Save. - Date field, label it
Due Date. Click Save. - Dropdown field, label it
Status. Add options:Draft,Sent,Paid,Overdue. Mark as Is Searchable. Click Save. - Textarea field, label it
Line Items(for a simple description of what's being invoiced). Click Save.
Step 3: Build the Invoice form
- Click Create Layout in Invoices. Choose Item. Name it
Invoice Detail. - Add all fields to the layout.
- Add a Save button.
- Add a Send Webhook action button. Label it
Send to Stripe. Leave the URL blank for now, you will add the Zapier webhook URL in Step 6. - Click Save.
Step 4: Build the invoice list
- Click Create Layout in Invoices. Choose Collection. Name it
All Invoices. - Add a List Table with columns: Invoice Number, Customer, Amount, Status, Due Date.
- Add Query Filters with Status and Customer as filterable fields.
- Add a Stat block above the table showing Sum of Amount where Status = Paid, label it
Total Collected. - Click Save.
Step 5: Set up Zapier to create a Stripe payment link
- Log in to Zapier and create a new Zap.
- Set the trigger to Webhooks by Zapier → Catch Hook. Copy the webhook URL Zapier gives you.
- Set the action to Stripe → Create Payment Link.
- Map the fields: Amount from Engine Awesome, description from Line Items, customer email from the linked Contact.
- Add a second action: Engine Awesome → Update Record to set the invoice Status to
Sentafter the payment link is created. - Test and publish the Zap.
Step 6: Add the Zapier webhook URL to Engine Awesome
- Go back to Engine Awesome and open your Invoice Detail layout in edit mode.
- Click the Send to Stripe button block to edit it.
- Paste the Zapier webhook URL you copied in Step 5.
- Click Save.
Step 7: Test the full flow
- Create a new invoice in Engine Awesome.
- Fill in Customer, Amount, Due Date, and Line Items.
- Set Status to
Draftand click Save. - Click Send to Stripe.
- Check Zapier to confirm it received the data and created a payment link in Stripe.
- Confirm the invoice Status in Engine Awesome changed to
Sent.
What to do next
- Create a dashboard, show Total Collected, Total Outstanding, and a monthly revenue chart on a summary screen