client based application errors while making a post request

hi,

I have made a client based application and i have got access token also but when i use to in my code on header section it gives this error

do i need to have any other token also? in documentation for client based application there are steps for access token only what to do now heres my simple code for refernce

var form = document.createElement("form");
form.setAttribute("method", "post");
form.setAttribute("action", "https://www.zohoapis.in/crm/v2/Contacts");

// Create input fields
var fields = ["First Name", "Last Name", "Company Name", "Work Email", "Contact Number", "Mode of Shipment", "Countries You Ship", "Monthly Shipment", "Customer Type", "Where Did You Hear About Us"];
fields.forEach(function(field) {
    var input = document.createElement("input");
    input.setAttribute("type", "text");
    input.setAttribute("name", field.toLowerCase().replace(/ /g, "_"));
    input.setAttribute("placeholder", field);
    form.appendChild(input);
});

// Create checkbox
var checkbox = document.createElement("input");
checkbox.setAttribute("type", "checkbox");
checkbox.setAttribute("name", "agree_to_terms");
var label = document.createElement("label");
label.innerHTML = "I agree to the Zindus terms of use and acknowledge its privacy statements";
form.appendChild(checkbox);
form.appendChild(label);

// Create signup button
var button = document.createElement("button");
button.setAttribute("type", "submit");
button.innerHTML = "Sign Up";
form.appendChild(button);

// Append form to body
document.body.appendChild(form);



// Add event listener for form submission
form.addEventListener("submit", async function(event) {
    event.preventDefault();

    // Get form data
    var formData = new FormData(form);

    // Convert form data to JSON
    var jsonData = {
        "data": [{
             "First_Name":"Jhon1",
  "Last_Name": "clarke",
  "company_name": "ABC Company",
  "work_email": "john.wick@example.com",
  "contact_number": 123456789,
  "mode_of_shipment": "Air",
  "countries_you_ship": "United States",
  "monthly_shipment": "100",
  "customer_type": "New Customer",
  "where_did_you_hear": "Online Advertisement",
  
  "agree_to_terms": true}],
        "trigger": ["approval", "workflow", "blueprint"]
    };
    // Make API request to Zoho CRM Contacts module
  fetch("https://www.zohoapis.in/crm/v2/Contacts" , {
        method: "POST",
        headers: {
            "Authorization": "Bearer access_token",
            "Content-Type": "application/json",
        },
        body: JSON.stringify(jsonData),
    }).then(function(response) {
        return response.json();
    }).then(function(data) {
        console.log(data);
    }).catch(function(error) {
        console.error(error);
    });
});

Zoho Developer Community

New to Zoho LandingPage?

Access Zoho LandingPage

Zoho LandingPage Resources

New to Zoho Survey?

Access Zoho Survey

Latest Feature Updates

Explore our Pricing & Plans

Zoho Survey Resources

Android Mobile Surveys

Insurvey Blogs

Insight Blogs

Tips & Tricks

New to Zoho CRM Plus?

Deliver unforgettable customer experiences

ACCESS ZOHO CRM PLUS

New to Zoho CRM Plus?

Deliver unforgettable customer experiences

ACCESS ZOHO CRM PLUS

New to Zoho Marketing Plus?

Everything you need to run your marketing

ACCESS ZOHO MARKETING PLUS

New to Zoho Marketing Plus?

Everything you need to run your marketing

ACCESS ZOHO MARKETING PLUS

New to Bigin?

Signup Now

Access Bigin

Latest Feature Updates

Zoho Desk Resources

Desk Community Learning Series
Digest
Functions
Meetups
Kbase
Resources
Glossary
Desk Marketplace
MVP Corner
Word of the Day

Tout forum

France ZUGs

Zoho SalesIQ Resources

Sticky Posts
Extension pointers for integrating Zoho CRM with Zoho products #8: Upload and manage Zoho Workdrive folders and files from within Zoho CRM
Keeping records on your customers and business prospects is essential for tracking data, conducting follow-ups, and running a business smoothly. When you use two separate applications, and store relevant data in each, checking and tracking data becomes
Extension pointers: Handle cases with personalized solutions using custom actions
In our last post, we detailed the steps involved in creating a custom action and the workflow from the developer and end user's side. Now let's look at a working example of how we can create a custom action and implement it in a Zoho CRM account to make
Extension pointers - Simple yet significant pointers #13: On change of field value for CRM variables
CRM variables provide global access to a variable across an entire extension. They also help in the storage of user-specific data provided by the user at the time of installation, which can later be fetched to perform data functionalities. Additionally,
Extension pointers: Extend end-user benefits and allow personalization by implementing extensions with custom actions
From our earlier post on custom actions, we know that we can create templated actions, share them with end users, and allow them to reuse those actions to achieve personalized outcomes. In this post, we'll look at how custom actions make it easy for users
Extension pointers - Simple yet significant pointers #12: Functions for Zoho CRM extensions
Functions are essential in achieving logical functionality for an extension. You can easily code your functions in Deluge using drag-and-drop tools to meet your requirements. How to create functions for Zoho CRM extensions in Sigma Go to Sigma and select