TW
Tap Works

Team Training & Setup Guide

This is the main Tap Works guide for reps and admin. Use it for sales, taking payment, setting up NFC cards, creating $30/month review pages, updating GitHub, testing pages, and troubleshooting.

Core rule: Never hand over or program a review-page NFC card until the final Tap Works URL has been opened and tested on a phone.

1. Tap Works Offer

Physical NFC cards
1 card — $50
2 cards — $70

Review Page Upsell
Hosted Tap Works review page — $30/month

The physical card can either go straight to the business's direct Google review page, or the business can take the $30/month Tap Works review-page upsell and have the NFC card point to their unique Tap Works page first.

2. Simple Sales Process

Step 1 — Demonstrate

Show the business how the NFC card works. Tap it with a phone and explain that customers can quickly reach the business's review destination.

Step 2 — Offer pricing

1 card: $50
2 cards: $70

Step 3 — Take payment

Use your assigned Square setup and Tap to Pay. Never use the owner login or another rep's identity.

Step 4 — Basic physical-card setup

If the customer does not buy the review-page upsell, get their direct Google review URL and program that URL directly onto the NFC card.

Step 5 — Offer the review-page upsell

Explain that the $30/month option gives the business a hosted Tap Works review page and a permanent Tap Works NFC URL that can be maintained without replacing the physical card.

Simple explanation:
“Your normal card can go straight to Google. For $30 a month, we can host a Tap Works review page for you first, with your business name, feedback option and Google review button.”

3. $30/Month Review Page — Full Process

Step 1 — Confirm payment

Make sure the business has actually subscribed to the $30/month service before creating the live page.

Step 2 — Collect the details

Step 3 — Open the Rep Tool

Open:

Enter the four details and press Generate Setup, then press Copy Setup Details.

Example config:

"joes-barber": {
  name: "Joe's Barber",
  googleReviewUrl: "https://...",
  feedbackEmail: "owner@email.com"
}

4. Add the Business to GitHub

On phone or computer:

GitHub → tapworks-site → businesses.js → Edit / pencil icon

Scroll to the final business in the file. It may look like this:

  "last-business": {
    name: "Last Business",
    googleReviewUrl: "...",
    feedbackEmail: "..."
  }
};

To add the new business, add a comma after the previous business and paste the new config before the final };:

  "last-business": {
    name: "Last Business",
    googleReviewUrl: "...",
    feedbackEmail: "..."
  },

  "joes-barber": {
    name: "Joe's Barber",
    googleReviewUrl: "https://...",
    feedbackEmail: "owner@email.com"
  }
};
IMPORTANT CODE RULE

Every business except the final business needs a comma after its closing brace:

},

The entire file gets only one final:

};

That final }; must stay at the very bottom of the business list.

Step 5 — Commit the change

Press:

Commit changes → Commit directly to main

GitHub Actions will automatically deploy the updated site to Cloudflare.

Step 6 — Verify deployment

Open:

GitHub → Actions → Deploy Tap Works to Cloudflare Pages

You want a green check mark. If the action is red or failed, do not program the NFC card yet.

Step 7 — Test the new business page

The Rep Tool gives you the NFC URL. Example:

https://tapworks.pages.dev/r/joes-barber

Step 8 — Program the NFC card

Only after testing, write the Tap Works URL onto the NFC card:

https://tapworks.pages.dev/r/joes-barber

Tap the physical NFC card one final time and confirm the full flow works.

PAYMENT CONFIRMED

REP TOOL

GENERATE SETUP

COPY CONFIG

GITHUB → businesses.js

PASTE BEFORE FINAL };

CHECK COMMAS

COMMIT TO main

GITHUB ACTIONS = GREEN

OPEN /r/business-name

TEST GOOGLE DESTINATION

WRITE URL TO NFC

TEST NFC

DONE

5. Quick Mobile Admin Process

This is the fastest method when you are out:

1. Rep sends generated setup details.
2. Open GitHub on phone.
3. Open tapworks-site.
4. Open businesses.js.
5. Tap Edit.
6. Paste the new block before the final };.
7. Make sure the previous business ends with },.
8. Commit to main.
9. Check Actions for green.
10. Test the live page.

6. Updating or Upgrading Tap Works

GitHub is now the master copy of Tap Works.
Cloudflare is the hosting/deployment destination.

From now on, make normal site changes through GitHub, not by manually uploading ZIP files to Cloudflare.

Which file controls what?

businesses.js
Add businesses, edit business names, change Google links, change feedback emails.

index.html
Controls the main homepage and the design/function of every business review page.

rep-tool.html
Controls the mobile Rep Setup Tool.

team-training-guide.html
Controls this training page.

_redirects
Controls the /r/business-name routing.

.github/workflows/deploy.yml
Controls automatic deployment from GitHub to Cloudflare.

Example: redesigning every review page

If Tap Works gets a new design, update index.html in GitHub and commit it. GitHub Actions deploys it, and all existing business review pages receive the updated design automatically.

The NFC cards do not need to be reprogrammed because their URLs stay the same.

Example: changing one customer's Google link

Edit only that customer's entry in businesses.js, commit the change, wait for the green GitHub Action, then test the same existing NFC URL.

Do we still use Cloudflare?

Yes. Cloudflare still hosts tapworks.pages.dev. You mainly use Cloudflare for hosting settings, domains and troubleshooting. Normal site/content updates should now happen in GitHub.

7. Mistake Prevention Checklist

8. Troubleshooting

Review page says “not found”

Check that the slug in the URL exactly matches the key in businesses.js.

Whole site stops loading business pages

Check businesses.js for a missing comma, extra brace, missing closing brace or misplaced final };.

GitHub Action is red

Do not keep changing Cloudflare manually. Open the failed Action and fix the GitHub deployment/code issue first.

Wrong Google business opens

Edit that customer's googleReviewUrl inside businesses.js, commit, wait for green deployment, and test again.

NFC opens an old destination

Confirm what URL is actually written to the NFC. Review-page customers should have their permanent Tap Works /r/business-name URL programmed onto the card.

Tap Works Team Links

Tap Works internal training guide. Update this page through team-training-guide.html in GitHub.