Skip to content
EyeOnTask Knowledge Base

Stripe integration

Connecting Stripe lets a client pay an invoice by card from the email you send them, instead of you chasing a transfer. The invoice carries a Pay with Stripe button; the client clicks it, pays on Stripe’s own page, and the payment comes back against the invoice.

Where to find it

Section titled “Where to find it”

Settings → Integrations, fourth card.

Integration Settings, with the Stripe card fourth among five

Settings → Integrations

Step 1 — start the setup

Section titled “Step 1 — start the setup”

Connect with Stripe, step 1, with Continue to Stripe Setup

Settings → Integrations → Stripe

The connection runs as three numbered steps. Continue to Stripe Setup begins it.

Step 2 — the API keys

Section titled “Step 2 — the API keys”

Step 2: the Stripe Publish Key and Stripe Secret Key fields

Stripe → step 2

Stripe identifies your account with a pair of keys, and EyeOnTask needs both:

  • The publishable key (pk_…) is the public half. It is safe to appear in a payment page.
  • The secret key (sk_…) is the private half. It can move money on your account.

Both come from Stripe, not from EyeOnTask.

Getting them from Stripe

Section titled “Getting them from Stripe”

In the Stripe dashboard, Developers sits at the bottom of the left-hand rail. Open it and choose API keys.

Stripe's Developers menu with API keys

Stripe → Developers

Stripe's API keys page, listing the publishable key and the secret key

Stripe → Developers → API keys

Standard keys lists both. Copy each one into the matching field in EyeOnTask, then press Connect Stripe Account.

Step 3 — the processing fee

Section titled “Step 3 — the processing fee”

Stripe takes a cut of every payment. The third step decides who carries it.

Step 3: the tickbox for passing the Stripe processing fee to the client

Stripe → step 3

Leaving the box unticked means you absorb the fee, which is what most businesses do. Ticking it adds the fee to what the client pays.

The Stripe Fixed Fee and Stripe Percentage Fee fields, with Save Changes

Stripe → step 3, with the fee set

If you do turn it on, set both parts of the fee — Stripe Fixed Fee ($) for the flat amount and Stripe Percentage Fee (%) for the proportion — to match what Stripe actually charges you. Save Changes commits it.

Once connected, the card shows Stripe Connected with an Active badge, and a Disconnect button if you need to unhook it later.

Putting the button in the invoice email

Section titled “Putting the button in the invoice email”

Connecting Stripe does not by itself put anything in front of the client. The Pay with Stripe button is a token you add to the invoice email template, so you decide which emails carry it.

Go to Settings → Templates → Email Template, then under Send mail to Client open Invoice and edit either Invoice Email Template With job or Invoice Email Template Without job.

The invoice email template editor with strpayBtn in the body

Settings → Templates → Email Template → Invoice

In the body, type _strpayBtn_ where the button should appear. Typing an underscore opens the list of available tokens, so you can pick it rather than typing it out. Save at the foot of the editor.

What the client sees

Section titled “What the client sees”

The invoice email message with the Pay with Stripe button

Preview and Send Invoice → message

The button now renders in the invoice email. Clicking it takes the client to Stripe’s own payment page, where they enter their card details — those never pass through EyeOnTask.

Where to go next

Section titled “Where to go next”