We use Stripe, a globally popular payment gateway, to manage customer subscriptions securely.Follow these steps to set up your account information for managing subscriptions:<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to your Stripe account: <a href="https://dashboard.stripe.com/login" target="_new" rel="noopener" class="PlaygroundEditorTheme__link">Stripe Dashboard Login</a></li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to the Developer section in your dashboard.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897629308.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="3" class="PlaygroundEditorTheme__listItem"> Copy your Publisher Key and Secret Key from the Developer section <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897879980.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="4" class="PlaygroundEditorTheme__listItem">Go to the Webhook tab. Click the Add destination button.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735898003633.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="5" class="PlaygroundEditorTheme__listItem">Select the desired events for your webhook. Click Continue to proceed.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735900602229.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ol><pre spellcheck="false" data-highlight-language="javascript">checkout.session.completed customer.subscription.created customer.subscription.updated customer.subscription.deleted invoice.payment_succeeded invoice.payment_failed</pre><ol start="6" class="PlaygroundEditorTheme__ol1"><li value="6" class="PlaygroundEditorTheme__listItem"> In the Webhook Endpoint field, enter: <a href="https://your-domain.com/webhook/stripe" class="PlaygroundEditorTheme__link"><code spellcheck="false" style="white-space: pre-wrap;">https://your-domain.com/webhook/stripe</code></a></li><li value="7" class="PlaygroundEditorTheme__listItem">Ensure the endpoint is correct, then proceed to the next step.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735900892137.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="8" class="PlaygroundEditorTheme__listItem">Copy your Webhook Signing Secret Key from the webhook settings.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735901132224.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ol><ol start="8" class="PlaygroundEditorTheme__ol1"><li value="8" class="PlaygroundEditorTheme__listItem">Log in to the admin panel: <code spellcheck="false" style="white-space: pre-wrap;"> https://your-domain/admin </code><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735204940560.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ol><ol start="10" class="PlaygroundEditorTheme__ol1"><li value="10" class="PlaygroundEditorTheme__listItem">Navigate to "Env Config"<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735205031087.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ol><ol start="11" class="PlaygroundEditorTheme__ol1"><li value="11" class="PlaygroundEditorTheme__listItem">Scroll down to the Editor, and update it with your details.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_ksnip_20250103-165758.1735902006796.png?alt=media" alt="ksnip_20250103-165758.png" width="inherit" height="inherit"></li></ol>

Simplify payments for your SaaS with Stripe integration. Handle subscriptions, billing, and secure transactions effortlessly.








We use Stripe, a globally popular payment gateway, to manage customer subscriptions securely.

Follow these steps to set up your account information for managing subscriptions:

1. Log in to your Stripe account:[Stripe Dashboard Login](https://dashboard.stripe.com/login)
2. Navigate to the****Developer****section in your dashboard.![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897629308.png?alt=media)
3. Copy your****Publisher Key****and****Secret Key****from the Developer section![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897879980.png?alt=media)
4. Go to the****Webhook****tab. Click the****Add destination****button.![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735898003633.png?alt=media)
5. Select the desired events for your****webhook****. Click****Continue****to proceed.![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735900602229.png?alt=media)

```
checkout.session.completedcustomer.subscription.createdcustomer.subscription.updatedcustomer.subscription.deletedinvoice.payment_succeededinvoice.payment_failed
```

6. In the****Webhook Endpoint****field, enter:[`https://your-domain.com/webhook/stripe`](https://your-domain.com/webhook/stripe)
7. Ensure the endpoint is correct, then proceed to the next step.![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735900892137.png?alt=media)
8. Copy your****Webhook Signing Secret Key****from the webhook settings.![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735901132224.png?alt=media)

8. Log in to the admin panel:`https://your-domain/admin`![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735204940560.png?alt=media)

10. Navigate to "****Env Config****"![image.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735205031087.png?alt=media)

11. Scroll down to the Editor, and update it with your details.![ksnip_20250103-165758.png](https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_ksnip_20250103-165758.1735902006796.png?alt=media)

We use Stripe, a globally popular payment gateway, to manage customer subscriptions securely.Follow these steps to set up your account information for managing subscriptions:<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to the admin panel: <code spellcheck="false" style="white-space: pre-wrap;"> https://your-domain/admin </code></li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735204940560.png?alt=media" alt="image.png" width="inherit" height="inherit"><ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to "Env Config"</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735205031087.png?alt=media" alt="image.png" width="inherit" height="inherit"><ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Scroll down to the Editor, and update it with your details.</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735205370663.png?alt=media" alt="image.png" width="inherit" height="inherit">

Configure Stripe (SaaS)

We use Stripe, a globally popular payment gateway, to manage customer subscriptions securely.Follow these steps to set up your account information for managing subscriptions:<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to Stripe account: <a href="https://dashboard.stripe.com/login" class="PlaygroundEditorTheme__link"><code spellcheck="false" style="white-space: pre-wrap;">https://dashboard.stripe.com/login</code></a><code spellcheck="false" style="white-space: pre-wrap;"> </code> </li><li value="2" class="PlaygroundEditorTheme__listItem">Click Developer section from your dashboard<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897629308.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="3" class="PlaygroundEditorTheme__listItem">Then copy Your Publisher and Secret and save them in notepad<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897879980.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="4" class="PlaygroundEditorTheme__listItem">Go to webhook tab and click Add destination button<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735898003633.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ol>5.<pre spellcheck="false" data-highlight-language="javascript">checkout.session.completed</pre> <ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to the admin panel: <code spellcheck="false" style="white-space: pre-wrap;"> https://your-domain/admin </code></li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735204940560.png?alt=media" alt="image.png" width="inherit" height="inherit"><ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to "Env Config"</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735205031087.png?alt=media" alt="image.png" width="inherit" height="inherit"><ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Scroll down to the Editor, and update it with your details.</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735205370663.png?alt=media" alt="image.png" width="inherit" height="inherit">

We use Stripe, a globally popular payment gateway, to manage customer subscriptions securely.Follow these steps to set up your account information for managing subscriptions:<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to Stripe account: <a href="https://dashboard.stripe.com/login" class="PlaygroundEditorTheme__link"><code spellcheck="false" style="white-space: pre-wrap;">https://dashboard.stripe.com/login</code></a><code spellcheck="false" style="white-space: pre-wrap;"> </code> </li><li value="2" class="PlaygroundEditorTheme__listItem">Click Developer section from your dashboard<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897629308.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="3" class="PlaygroundEditorTheme__listItem">Then copy Your Publisher and Secret and save them in notepad<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897879980.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="4" class="PlaygroundEditorTheme__listItem">Go to webhook tab and click Add destination button<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735898003633.png?alt=media" alt="image.png" width="inherit" height="inherit"></li></ol>5.Then select those events and click continue<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735900602229.png?alt=media" alt="image.png" width="inherit" height="inherit"><pre spellcheck="false" data-highlight-language="javascript">checkout.session.completed customer.subscription.created customer.subscription.updated customer.subscription.deleted invoice.payment_succeeded invoice.payment_failed</pre><ol start="6" class="PlaygroundEditorTheme__ol1"><li value="6" class="PlaygroundEditorTheme__listItem"> checked Webhook endpoint</li><li value="7" class="PlaygroundEditorTheme__listItem">Add <a href="https://your-domain.com/webhook/stripe" class="PlaygroundEditorTheme__link">https://your-domain.com/webhook/stripe</a> </li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735900892137.png?alt=media" alt="image.png" width="inherit" height="inherit"><ol start="8" class="PlaygroundEditorTheme__ol1"><li value="8" class="PlaygroundEditorTheme__listItem">Then copy your webhook signing serecet key<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735901132224.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="9" class="PlaygroundEditorTheme__listItem">Log in to the admin panel: <code spellcheck="false" style="white-space: pre-wrap;"> https://your-domain/admin </code></li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735204940560.png?alt=media" alt="image.png" width="inherit" height="inherit"><ol start="10" class="PlaygroundEditorTheme__ol1"><li value="10" class="PlaygroundEditorTheme__listItem">Navigate to "Env Config"</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735205031087.png?alt=media" alt="image.png" width="inherit" height="inherit"> 	 <ol start="11" class="PlaygroundEditorTheme__ol1"><li value="11" class="PlaygroundEditorTheme__listItem">Scroll down to the Editor, and update it with your details.</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735205370663.png?alt=media" alt="image.png" width="inherit" height="inherit">

We use Stripe, a globally popular payment gateway, to manage customer subscriptions securely.Follow these steps to set up your account information for managing subscriptions:<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Log in to your Stripe account: <a href="https://dashboard.stripe.com/login" target="_new" rel="noopener" class="PlaygroundEditorTheme__link">Stripe Dashboard Login</a></li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to the Developer section in your dashboard.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897629308.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="3" class="PlaygroundEditorTheme__listItem"> Copy your Publisher Key and Secret Key from the Developer section <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735897879980.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="4" class="PlaygroundEditorTheme__listItem">Go to the Webhook tab. Click the Add destination button.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735898003633.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="5" class="PlaygroundEditorTheme__listItem">Select the desired events for your webhook. Click Continue to proceed.</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735900602229.png?alt=media" alt="image.png" width="inherit" height="inherit"><pre spellcheck="false" data-highlight-language="javascript">checkout.session.completed customer.subscription.created customer.subscription.updated customer.subscription.deleted invoice.payment_succeeded invoice.payment_failed</pre><ol start="6" class="PlaygroundEditorTheme__ol1"><li value="6" class="PlaygroundEditorTheme__listItem"> In the Webhook Endpoint field, enter: <a href="https://your-domain.com/webhook/stripe" class="PlaygroundEditorTheme__link"><code spellcheck="false" style="white-space: pre-wrap;">https://your-domain.com/webhook/stripe</code></a></li><li value="7" class="PlaygroundEditorTheme__listItem">Ensure the endpoint is correct, then proceed to the next step.</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735900892137.png?alt=media" alt="image.png" width="inherit" height="inherit"><ol start="8" class="PlaygroundEditorTheme__ol1"><li value="8" class="PlaygroundEditorTheme__listItem">Copy your Webhook Signing Secret Key from the webhook settings.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735901132224.png?alt=media" alt="image.png" width="inherit" height="inherit"></li><li value="9" class="PlaygroundEditorTheme__listItem">Log in to the admin panel: <code spellcheck="false" style="white-space: pre-wrap;"> https://your-domain/admin </code></li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735204940560.png?alt=media" alt="image.png" width="inherit" height="inherit"><ol start="10" class="PlaygroundEditorTheme__ol1"><li value="10" class="PlaygroundEditorTheme__listItem">Navigate to "Env Config"</li></ol><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image.1735205031087.png?alt=media" alt="image.png" width="inherit" height="inherit"> 	 <ol start="11" class="PlaygroundEditorTheme__ol1"><li value="11" class="PlaygroundEditorTheme__listItem">Scroll down to the Editor, and update it with your details.<img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_ksnip_20250103-165758.1735902006796.png?alt=media" alt="ksnip_20250103-165758.png" width="inherit" height="inherit"></li></ol>

JuggleHire is a recruitment software for small businesses. It is self-hosted and currently available on Envato market. This documentation helps you to understand the software and how to use it. From installation to customization.

Was this article helpful?