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);
    });
});

Access your files securely from anywhere

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
Kaizen#162 : Add Tags and Open Pre-filled Email Drafts via Client Scripts
Hello everyone! Welcome to another informative Kaizen post. In this post, let us see how to accomplish the following using Client Script. 1. How to auto-tag a record based on field update? 2. How to Open a pre-filled email draft This post will provide
Client Script | Update - Introducing Commands in Client Script!
Have you ever wished you could trigger Client Script from contexts other than just the supported pages and events? Have you ever wanted to leverage the advantage of Client Script at your finger tip? Discover the power of Client Script - Commands! Commands
Extension Pointers - JS SDK series #4: Managing data from a widget using ZOHO.CRM.HTTP
Handling and managing the data between two applications is a major factor for an efficient business. There are a variety of ways to handle data between Zoho CRM and other third-party applications. You can use deluge CRM tasks, create connectors, use API
Kaizen #152 - Client Script Support for the new Canvas Record Forms
Hello everyone! Have you ever wanted to trigger actions on click of a canvas button, icon, or text mandatory forms in Create/Edit and Clone Pages? Have you ever wanted to control how elements behave on the new Canvas Record Forms? This can be achieved
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