Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.fype.dev/llms.txt

Use this file to discover all available pages before exploring further.

The Non-Coder’s Guide to Integrating Fype

You don’t need to be a software engineer to integrate Fype into your website or app. With modern AI coding agents (like Gemini, Cursor, or ChatGPT), you can “vibe code” your way to a fully functional payment system.

1. What is “Vibe Coding”?

Vibe coding is the process of describing what you want to an AI, and letting the AI handle the how (the actual code). Your job shifts from writing lines of code to being a “Product Manager” who gives clear instructions.

2. Your Toolkit

To get started, you’ll need:
  1. Fype API Keys: From your Fype Dashboard.
  2. An AI Coding Tool: We recommend Cursor (a code editor with AI built-in) or Gemini.
  3. Fype Documentation: You can literally copy-paste these docs into the AI chat to give it “brainpower.”

3. How to Talk to the AI

When asking an AI to integrate Fype, be specific. Instead of saying “Add payments,” say:
“I have a website built with [Your Framework, e.g., Next.js]. I want to use Fype to accept payments. Use the Fype Node.js SDK. When someone clicks the ‘Pay’ button, create a payment for ₹500 and redirect them to the Fype checkout page.”

4. Verifying the AI’s Work

Since you don’t read code, here is how you verify that the AI did a good job:

The “Checkout” Test

  • Click your “Pay” button.
  • Does it take you to a page that says “Fype Checkout”?
  • Does it show the correct amount?
  • If Yes: The AI correctly integrated the “Payment Creation” part.

The “Simulator” Test

  • In Test Mode, click Simulate Success on the checkout page.
  • Does your website take you back to a “Success” or “Thank You” page?
  • If Yes: The AI correctly handled the “Redirection” part.

The “Dashboard” Test

  • Go to your Fype Dashboard.
  • Look at the Payments tab.
  • Do you see a new payment marked as Succeeded?
  • If Yes: The integration is communicating correctly with Fype’s servers.

5. What to do when the AI gets stuck

If the AI gives you an error message you don’t understand:
  1. Copy the error message.
  2. Paste it back into the AI and say: “I got this error. How do I fix it?”
  3. If the AI asks for a “Webhook Secret,” go to your Developers > Webhooks tab in Fype and copy the string starting with whsec_.

6. Going Live

Once you’ve verified everything in Test Mode:
  1. Ask the AI: “I’m ready for production. Update the API keys and Webhook secrets to use the live environment variables.”
  2. Swap your fype_test_ keys for fype_live_ keys in your settings.
  3. Make a small ₹1.00 real payment to confirm it works.