Home
blogging tips
html-project

IndexNow Lite Tool source code with Bing Webmaster API Key Support

Get the complete IndexNow Lite Tool source code with Bing Webmaster API Key support to speed up URL submission and boost indexing efficiency.
Aaqib Amin
IndexNow Lite Tool source code with Bing Webmaster API Key Support

IndexNow Lite Tool is a simple and effective submission form that helps you notify Bing search engine instantly whenever you publish or update a post. Instead of waiting days for indexing, this tool lets you send your URL directly to search engines that support IndexNow protocol.

This setup is extremely helpful for bloggers, web developers, and content creators who want their articles to appear quickly in search results. By just pasting a URL, the tool automatically generates the correct IndexNow submission link with your API key.

The code is separated into HTML, CSS, and JavaScript so that you can customize it easily. With just a few edits, you can integrate it into your website or Blogger blog and start submitting posts instantly.

Table of Contents

How to Setup IndexNow Lite Tool:

Follow these steps carefully to add the IndexNow Lite Submission Tool to your site. Copy the code blocks exactly, and replace placeholders where necessary.

Copy IndexNow Tool HTML code

<div class="indexnow-lite">
  <h2>🔎 Submit Your Post to Bing (IndexNow)</h2>
  <input type="text" id="urlBox" placeholder="Paste full post URL (https://...)">
  <a id="submitBtn" href="#" target="_blank">🔗 Open Submit Link</a>
</div>

Follow These Steps to Customize HTML

  1. Copy HTML code
  2. Paste it where you want the tool to appear
  3. Do not change id="urlBox" or id="submitBtn"
  4. Only change the heading text if you want a different title

Copy IndexNow Tool CSS code

<style> 
.indexnow-lite{max-width:480px;margin:40px auto;padding:20px;border-radius:10px;background:#f2f8ff;font-family:'Segoe UI',sans-serif;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.indexnow-lite h2{font-size:20px;margin-bottom:15px;color:#004578;text-align:center}
.indexnow-lite input{width:100%;padding:12px;border:1px solid #bbb;border-radius:8px;margin-bottom:15px;font-size:15px}
.indexnow-lite a{display:block;text-align:center;padding:12px;background-color:#0078D7;color:white;border-radius:8px;text-decoration:none;font-weight:bold;transition:background 0.3s ease}
.indexnow-lite a:hover{background-color:#005fa3}
</style>

Copy CSS Code: Place this CSS code in your <head> section for global styling, or directly above the HTML block if you only need it on one page.

Copy IndexNow Tool JavaScript code

<script>
  const input = document.getElementById("urlBox");
  const button = document.getElementById("submitBtn");
  const key = "000000abc00000dh";
  input.addEventListener("input", () => {
    const val = input.value.trim();
    if(val.startsWith("http")) {
      const link = `https://www.bing.com/indexnow?url=${encodeURIComponent(val)}&key=${key}`;
      button.href = link;
    } else {
      button.href = "#";
    }
  });
</script>

Important Notes for JavaScript

  1. Replace the placeholder 000000abc00000dh with your real IndexNow API key.
  2. You can get your API key from Bing Webmaster Tools.
  3. If you want to use another search engine (like Yandex), replace www.bing.com with the supported engine’s IndexNow endpoint.

How to Get IndexNow API Key from Bing Webmaster Tools

If you want to copy or generate your Bing Webmaster Tools IndexNow API key, simply follow the step-by-step setup given below. This guide will help you easily get your API key and use it in your IndexNow Lite tool.

  1. Go to 👉 Bing Webmaster Tools.
  2. Sign in Bing Webmaster Tools
  3. Add and verify your website (if not already done).
  4. In the Settings section, look for IndexNow.
  5. Then a new screen appears — click Get Started.
  6. Then scroll down and find Generate API Key.
  7. Below it, you’ll see the Generate button. Click the Generate button,
  8. Your API key will be generated — just copy it.
  9. Use it in your IndexNow Lite tool.

Using IndexNow for Other Search Engines

Currently, Bing and Yandex are the primary search engines that support IndexNow. If you want to submit to Yandex instead of Bing:

  1. Go to your JavaScript code.
  2. Find this line: 
    const link = `https://www.bing.com/indexnow?url=${encodeURIComponent(val)}&key=${key}`;
  3. Replace it with: 
    const link=`https://yandex.com/indexnow?url=${encodeURIComponent(val)}&key=${key}`;
  4. Replace IndexNow API key
  5. Save and test again.

IndexNow Tool FAQ

What is the IndexNow Lite Tool?

It is a simple form that generates an IndexNow submission link, allowing you to quickly notify Bing or Yandex about your new or updated URLs.

Do I need an API key for IndexNow?

Yes, each site requires an API key that you can generate and host in your domain. The tool uses that key when creating submission links.

Can I use this tool for Google indexing?

No, Google does not support IndexNow. This tool currently works with Bing and Yandex only.

Where should I place the code on my website?

Add the HTML where you want the form to appear, CSS inside the <head>, and JavaScript just before </body> for best performance.

Related Posts

Final Thought:

The IndexNow Lite Tool is a quick, easy, and reliable way to notify search engines about your content updates. By submitting directly, you reduce indexing delays and increase your chances of appearing in search results faster.

Whether you are a blogger, digital marketer, or website owner, integrating this lightweight tool ensures your posts are indexed with minimum effort. Just update the key, paste the code, and start boosting your site’s visibility instantly.

Post a Comment