1. Components
  2. Pricing

Components

Pricing

Displays three pricing cards for your marketing page.

NOTE

There is a pricing page also available if you want to providing pricing in a standolone page instead of using the component.
For One Time Payments:
Add your unique Stripe Price ID to the PRIVATE_STRIPE_PRICE_ID in .env.local.
Add more env keys if you have more prices and see the checkoutButton component.

Basic Usage

For subscriptions, edit the src/routes/pricing/pricing_plans.ts file with your features and stripe ids.

To import the component, use:

/src/routes/(marketing)/+page.svelte 
        <script lang="ts">
    import Pricing from "$lib/components/Pricing.svelte"
</script>

<Pricing/>
Previous <- FAQ
Next Newsletter Sign Up ->