> For the complete documentation index, see [llms.txt](https://docs.nzoni.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.nzoni.app/create-first-and-default-plan.md).

# Create first and default plan

By default, a plan is created, but you can modify it and/or create your own plans.

## Create a stripe product

To create the first plan, you must first create a product (one-time payment or subscription) from [stripe dashboard](https://dashboard.stripe.com/) where you will retrieve the <mark style="background-color:yellow;">**price\_id**</mark>

<figure><img src="/files/QI88biH8aFMh1jV3Y7tU" alt=""><figcaption></figcaption></figure>

## Insert plan from your DB manager

Use your DB manager to manually insert an item in the Plan table by adding stripe <mark style="background-color:yellow;">**price\_id**</mark> to the <mark style="background-color:yellow;">**stripePlanId**</mark> field.

Your plan can have as type '<mark style="background-color:yellow;">**monthly**</mark>' or '<mark style="background-color:yellow;">**annually**</mark>' or '<mark style="background-color:yellow;">**onetime**</mark>'.

Here's Plan data example:

```json
{
       "stripePlanId" : "price_1OnnunIaiqRv3A4CB5n2RoVA",
       "label" : "Starter",
       "devise" : "$",
       "price" : 18,
       "type" : "monthly",
       "createdAt" : ISODate("2024-02-25T18:45:09.764Z"),
       "updatedAt" : ISODate("2024-03-18T16:46:48.769Z"),
       "deletedAt" : null,
       "popular" : false,
       "description" : "Our Starter Website Package is perfect for individuals",
       "features" : [
              "Professionally designed website ",
              "Mobile-responsive layout",
              "Basic SEO setup to improve search",
              "Contact form integration ",
              "Social media integration"
         ],
        "active" : false,
        "position" : 1
}
```

## Set the default plan

#### Angular

Get your plan id et define it as the default plan in the *<mark style="background-color:yellow;">**signup.component.ts**</mark>* file.&#x20;

```typescript
...
export class SignupComponent implements OnInit, OnDestroy {
  ...
  planId = // Plan ID; 
  ...
}

```

#### Backend (it's optionnal)

Set the default plan Id in <mark style="background-color:yellow;">**.env**</mark>

```properties
...
DEFAULT_PLAN_ID=

```

If everything's ok, congratulations on creating your first plan.