v0 and LeadSquared integration: Step-by-Step Guide 2025

 

Step One: Adding Axios Dependency

 

• Open your project's main HTML file (usually index.html) and add the following snippet in the head section before your main TypeScript code is loaded:
• This loads Axios from a Content Delivery Network (CDN) so you do not need to use a terminal to install any dependency.

 

Step Two: Creating a LeadSquared Integration File

 

• Create a new file in your project’s root directory and name it leadSquaredIntegration.ts.
• Insert the following TypeScript code into the file. This code defines the API endpoint, an interface for lead data, and a function to send leads to LeadSquared using Axios:

• 
  const APIURL: string = "https://api.leadsquared.com/api/LeadManagement.svc/Lead.Upload?accessKey=YOURACCESSKEY&secretKey=YOURSECRET_KEY";
  
  export interface LeadData {
      FirstName: string;
      LastName: string;
      EmailAddress: string;
      Mobile: string;
      // Add additional fields required by LeadSquared if necessary
  }
  export async function sendLeadToLeadSquared(lead: LeadData): Promise {
      try {
          // Prepare the request payload according to LeadSquared's API specification
          const postData = {
              Lead: { ...lead }
          };
      // Use Axios from the global window object
      const response = await (window as any).axios.post(API_URL, postData);
      console.log("Lead successfully sent:", response.data);
      return response.data;
  } catch (error) {
      console.error("Error sending lead to LeadSquared:", error);
      throw error;
  }
  
  }
      

  
  


• This file encapsulates the integration logic with LeadSquared so it can be reused across your project.

 

Step Three: Using the Integration in Your Main Code

 

• Open your main TypeScript file (for example, main.ts or app.ts).
• At the top of the file, import the integration function and lead interface by adding the following snippet:

• 
  import { sendLeadToLeadSquared, LeadData } from "./leadSquaredIntegration";
      

• Wherever you want to trigger a LeadSquared integration (for example, after a form submission), add this code snippet to create a lead and send it:

• 
  const newLead: LeadData = {
      FirstName: "John",
      LastName: "Doe",
      EmailAddress: "[email protected]",
      Mobile: "1234567890"
      // Populate any additional fields if needed
  };
  
  sendLeadToLeadSquared(newLead)
      .then(response => {
          // Handle a successful response (for example, notify the user)
          console.log("Lead submission response:", response);
      })
      .catch(error => {
          // Handle errors (for example, display an error message)
          console.error("Lead submission failed:", error);
      });
      

  
  


• This code will send your lead data to LeadSquared when executed.

 

Step Four: Configuring Your API Keys

 

• In the leadSquaredIntegration.ts file, replace YOURACCESSKEY and YOURSECRETKEY in the API_URL with your actual LeadSquared API credentials.
• Make sure the API endpoint and field names match those specified in LeadSquared’s API documentation.

 

Step Five: Verifying the Integration

 

• Save all your modified files.
• Run your project by refreshing your application in the browser (v0 does not require terminal commands).
• Trigger the lead submission functionality (for example, via a button click) and check your browser’s console logs to verify that the lead was sent successfully or to debug any issues.