Advanced Features and Configuration

Overview

Now that your basic setup is complete, it's time to add some advanced features to your StartupBolt website. Let's go through the process step by step.

Payment Integration

We currently support two payment gateways: Stripe and LemonSqueezy.

1. Stripe Integration: Follow the Stripe Integration Guide to integrate Stripe. Add your Stripe keys to .env.local.

2. LemonSqueezy Integration: Follow the LemonSqueezy Integration Guide to integrate LemonSqueezy. Add your LemonSqueezy keys to .env.local.

Additionally, check out how the credit system works—a powerful feature that provides access to products for paying customers. It's versatile enough to handle simple and complex scenarios, such as reducing credits on usage or adding credits on payment. Refer to the Credits Guide for more details.

You can also learn how to add coupon codes by visiting the Coupons Guide.

Once you've completed the steps above, your website will be highly functional. If you wish to add more advanced features, head over to the Advanced Features Guide.

Protected Pages and Routes

1. Protected Pages: Learn how to set up protected pages, which are essential for granting users access to your product once they become paying customers. To access these pages, users must be signed in and have an active plan. Follow the guide here.

2. Protected Routes: Protecting API routes is crucial to ensure that only authenticated users can access certain API endpoints. Implement protected routes by following the guide here.

Marketing and Tracking

Tracking user behavior on your website is crucial. You need to monitor how many users visit your site, what they do, where they come from, and more. This is where analytics come into play. There are many analytics tools available. We'll focus on implementing them using Google Tag Manager (GTM).

What is Google Tag Manager (GTM)? GTM is a powerful tool that allows you to manage and deploy marketing tags (like tracking codes and pixels) on your website without modifying the code.

1. Set Up GTM: Begin by setting up Google Tag Manager on your site. Follow the GTM Setup Guide for detailed instructions.

2. Set Up Analytics:

   • Google Analytics: Google Analytics is essential for tracking user behavior and understanding your audience. Learn how to implement it by following the Google Analytics Integration Guide.
   • Microsoft Clarity: Microsoft Clarity provides session recordings and heatmaps, offering insights into how users interact with your site. This information is invaluable for optimizing your website. Implement Microsoft Clarity by following the same guide as above.

   Additionally, you may explore other analytics tools like Simple Analytics (opens in a new tab) and Plausible Analytics (opens in a new tab), both of which can be implemented using GTM. Feel free to search for specific guides or contact us if you need assistance.

Running Ads: GTM also facilitates running ads on your site. One crucial aspect of running ads is tracking events. Events help you monitor actions like initiating a checkout or completing a purchase. With StartupBolt, setting up events is straightforward, enabling you to run effective ad campaigns on platforms like Twitter, Meta, or Google Ads.

1. Twitter/X Pixels: To set up Twitter/X Ads pixels, refer to the Twitter/X Ads Guide.

If you'd like us to include guides on setting up Meta and Google Ads, let us know, and we'll be happy to create them for you.

Customer Support

You can integrate Crisp Chat into your StartupBolt application to provide real-time customer support. For detailed instructions, refer to the Crisp Chat Integration Guide.

Documentation

Creating documentation pages similar to the one you're reading now is easy with StartupBolt. We use Nextra to set up the documentation pages.

1. Page Configuration: Learn how to create documentation pages by following the Page Configuration Guide.
2. Theme Configuration: Customize the Nextra Docs theme by following the Theme Configuration Guide.

SEO Optimization

StartupBolt includes powerful SEO integrations that can save you weeks of configuration work. You can easily set up Metadata, JSON-LD, Manifest, Favicon and App Icons, Sitemap, robots.txt, and viewport settings.

SEO is managed differently for the main website pages and documentation pages because the former uses the app router and the latter uses the pages router.

1. On-Page SEO for Main Website: Follow the On-Page SEO Guide for Main Website to optimize your main website pages.
2. On-Page SEO for Documentation Pages: Use the On-Page SEO Guide for Documentation Pages to optimize your documentation pages.

Compliance Pages

A well-crafted Terms of Service (ToS) and privacy policy are essential for any website or online service.

1. Generate Terms of Service: Follow the ToS Creation Guide to generate your Terms of Service.
2. Generate Privacy Policy: Create a privacy policy by following the Privacy Policy Guide.

Utilities

StartupBolt comes with several helpful utilities:

1. Supabase Client Utility: Simplifies interactions with your Supabase backend for authentication and database operations. Follow the Supabase Client Setup Guide for instructions.
2. Fetch Utility: Simplifies making API calls by setting default headers, handling errors, and providing user feedback through toast notifications. Learn how to use it in the Data Fetching Guide.
3. UtilityComponents Component: This component serves as a wrapper that includes several utilities for your application. Refer to the Utility Components Guide for more information.

Deployment

Finally, it's time to deploy your StartupBolt application! Check out the Deployment Guide to learn how to get your site live.

Conclusion

Congratulations! You've now set up advanced features for your StartupBolt website. Keep exploring the documentation for further customization and improvements. If you need additional features or support, don’t hesitate to contact us!

Happy building with StartupBolt!

To learn more, check out a landing page. Start by visiting Landing Page 1 to explore the first landing page.