k

JRH89 · Sep 3, 2024 · 0a237d2 · 0a237d2
1 parent 6593396
commit 0a237d2
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 18 deletions.
diff --git a/pages/_document.js b/pages/_document.js
@@ -10,6 +10,7 @@ export default function Layout({ children }) {
             </Head>
             <body>
                 {children}
+                <Main />
                 <NextScript />
             </body>
         </Html>

diff --git a/pages/adding-products-to-stripe.mdx b/pages/adding-products-to-stripe.mdx
@@ -5,18 +5,20 @@ import { Callout } from "nextra-theme-docs";
 Let's create a product in Stripe so that users can upgrade their accounts to become Premium Users.
 
 <Callout emoji="📣"> **Important:** Do not add products before your extension is fully installed and the webhook is set up. Adding a product triggers the webhook, so if the installation isn't complete, your product might not appear until you update it. </Callout>
+
 1. Create a New Product in Stripe
 
 - Access the Stripe Dashboard.
 
-- In the left-hand menu, click on Products.
+- In the left-hand menu, click on `Product Catalog`.
 
-- Click on the Add Product button.
+- Click on the `Add Product` button in the top right corner of the page.
 
 - Enter Product Details:
 
   1. Product Name: Give your product a name, such as "Monthly Plan" or "Yearly Plan".
   2. Description: Optionally, provide a brief description of the product.
+  3. Image: Providing a thumnail image is recommended, it will be displayed in the product catalog and on the checkout page.
 
 - Configure the Product:
 
@@ -26,20 +28,25 @@ Let's create a product in Stripe so that users can upgrade their accounts to bec
 
   3. Configure any other options according to your needs.
 
-The default subscription component in SaaSavant expects two products/prices. Customize this to fit your specific requirements.
+The default subscription component in SaaSavant expects two products/prices, one for monthly and one for yearly. You can add additional products if you wish.
 
-2. Add Stripe priceIds to Environment Variables
+2. Add Stripe "priceIds" to Environment Variables
 
 - Copy the Price ID:
 
-  1. After creating your product, click on it in the Stripe Dashboard.
-  2. In the popup menu, select Copy Price ID.
+  1. After creating your product, click on it to view its details. Then click on the three dots at far right of the page.
+
+  ![price1](../public/price-id-1.png)
+
+  2. In the popup menu, select `Copy Price ID`.
+
+   ![price1](../public/price-id-1.png)
 
-Update Your `.env.local` File:
+- Update Your `.env.local` File:
 
-Open the `.env.local` file in your project’s root directory.
+- Open the `.env.local` file in your project’s root directory.
 
-Paste the copied Price ID into the appropriate variable, for example:
+- Paste the copied Price ID into the appropriate variable, for example:
 
 ```env
 Copy code

diff --git a/pages/index.mdx b/pages/index.mdx
@@ -70,13 +70,13 @@ SaaSavant integrates seamlessly with Stripe to handle subscription payments. The
 
 The admin dashboard in SaaSavant provides a comprehensive interface for managing your application. Key features include:
 
-### User List and Support Ticket Components
+#### **1. User List and Support Ticket Components**
 
 - **User Management**: View and manage all registered users.
 - **Support Ticket Management**: View and manage all support tickets.
 - **Pagination**: Display users or tickets in pages, with a limit of 50 users per page or 10 tickets per page. Customize these values in the respective components file.
 
-### Admin Announcements
+#### **2. Admin Announcements**
 
 - **Create Announcements**: Admins can create and publish announcements to be displayed to all users.
 
@@ -90,7 +90,7 @@ Each user has access to a personalized dashboard where they can:
 - **Upgrade Subscription**: Easily upgrade to a premium plan directly from their dashboard.
 - **Submit or Access Support Tickets**: View their submitted support tickets and track their status.
 
-### User Account Management
+#### **1. User Account Management**
 
 ![User Dashboard](../public/account.png)
 
@@ -99,7 +99,7 @@ Each user has access to a personalized dashboard where they can:
 - **Reset Password**: Users can easily reset their password if they forget it.
 - **Delete Account**: Users have the option to delete their account if they choose to leave the service.
 
-**Stripe Account Management**
+#### **2. Stripe Account Management**
 
 ![User Dashboard](../public/account-2.png)
 
@@ -144,34 +144,34 @@ Firestore serves as the primary database for SaaSavant, providing real-time data
 
 SaaSavant is designed with SEO in mind to help enhance your website's visibility and search engine ranking. Here's how SaaSavant supports SEO:
 
-### **1. Built-In Next.js SEO Integration**
+#### **1. Built-In Next.js SEO Integration**
 
 SaaSavant leverages Next.js's powerful SEO capabilities to simplify the process of optimizing your site:
 
 - **Dynamic Metadata**: Automatically generates meta tags based on your `siteMetadata.js` content, ensuring each page is optimized for search engines.
 
-### **2. OpenGraph Tags for Social Media**
+#### **2. OpenGraph Tags for Social Media**
 
 SaaSavant includes support for OpenGraph meta tags to improve how your content appears on social media platforms:
 
 - **Enhanced Social Previews**: Pre-configured for Facebook, Twitter, and LinkedIn.
 - **Consistent Appearance**: Ensure a professional and cohesive look across social media channels.
 
-### **3. Dynamically Generated Meta Tags**
+#### **3. Dynamically Generated Meta Tags**
 
 Each page in SaaSavant has dynamically generated meta tags, allowing for:
 
 - **Individual Page Optimization**: Tailor meta tags for each page to better match search intent and improve ranking.
 - **Automated Management**: Streamline the management of meta tags, ensuring consistency and effectiveness across your site.
 
-### **4. Auto-Generated Sitemap**
+#### **4. Auto-Generated Sitemap**
 
 When you build or deploy your SaaSavant project, a sitemap is automatically generated:
 
 - **Complete URL List**: The sitemap includes all the URLs of your site, aiding search engines in discovering and indexing your content.
 - **Robots.txt**: Allows search engines to crawl and index your site.
 
-### **5. Vercel Analtrics and Speed Insights**
+#### **5. Vercel Analtrics and Speed Insights**
 
 SaaSavant includes support for Vercel Analytics and Speed Insights, which provide valuable insights into your site's performance.
 

diff --git a/public/price-id-1.png b/public/price-id-1.png
diff --git a/public/price-id-2.png b/public/price-id-2.png
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,6 +10,7 @@ export default function Layout({ children }) { @@
                 </Head>
                 <body>
                     {children}
+                    <Main />
                     <NextScript />
                 </body>
             </Html>
@@ Expand Down @@