iconSuperDir
Payments

Overview

Directories are a wonderful way to earn money, so it comes with afull payment process built-in.

SuperDir introduces a comprehensive monetization platform that transforms your directory into a revenue-generating business. This complete guide covers all monetization features and their implementation.

Overview

The monetization system provides these primary revenue streams:

  • 🚀 Premium - Paid Submissions and Enhanced visibility for listings

  • 📺 Premium Plus - Paid Submissions and Special home page spot

  • 📈 SEO Growth - SEO optimization article in the Directory blog

  • 🎉 Sponsors ads - Featured on any pages sidebar. Refer to Sponsors config for more details

Providers

There are multiple providers available, just choose one that fits your needs:

Webhook endpoint

Local development

The way to test the webhook during local development

This way is universal to all providers. Stripe provides its own CLI to better handle local development. We will introduce it in detail in the Stripe chapter.

Tunnel

If you want to test the webhook locally, you can use ngrok to create a tunnel to your local machine. Ngrok will then give you a URL that you can use to test the webhook locally.

To do so, install ngrok and run it with the following command (while your SuperDir web development server is running):

ngrok

This will give you a URL (see the Forwarding output) that you can use to create a webhook. Just use that url and add /api/auth/{providerName}/webhook/ to it. Replace {providerName} with the name of the provider you are using. For example, if you are using Stripe, you would use stripe as the provider name.

Production Deployment

When going to production, you will need to set the webhook URL and the events you want to listen to in payment provider.

Ifyour app is hosted at https://myapp.com then you need to enter https://myapp.com/api/auth/{providerName}/webhook as the URL.

On this page