Sunday, July 13, 2025
Catatonic Times
No Result
View All Result
  • Home
  • Crypto Updates
  • Bitcoin
  • Ethereum
  • Altcoin
  • Blockchain
  • NFT
  • Regulations
  • Analysis
  • Web3
  • More
    • Metaverse
    • Crypto Exchanges
    • DeFi
    • Scam Alert
  • Home
  • Crypto Updates
  • Bitcoin
  • Ethereum
  • Altcoin
  • Blockchain
  • NFT
  • Regulations
  • Analysis
  • Web3
  • More
    • Metaverse
    • Crypto Exchanges
    • DeFi
    • Scam Alert
No Result
View All Result
Catatonic Times
No Result
View All Result

Embed Crypto Search – How to Build a Crypto Search Bar

by Catatonic Times
July 6, 2025
in Web3
Reading Time: 13 mins read
0 0
A A
0
Home Web3
Share on FacebookShare on Twitter


Token search on wallets, DEXs, and different Web3 platforms is usually damaged, flooded with scams, and outright lacking fashionable property like Pepe. Thankfully, Moralis fixes that. With the Token Search API, you may simply discover any token by title, image, tackle, or pair tackle throughout all main chains utilizing only one API name. Construct and embed a world-class crypto search bar into your venture in minutes!

Brief on time? Right here’s a script displaying the Token Search API in motion: 

import fetch from ‘node-fetch’;

const choices = {
technique: ‘GET’,
headers: {
settle for: ‘software/json’,
‘X-API-Key’: ‘YOUR_API_KEY’
},
};

fetch(‘https://deep-index.moralis.io/api/v2.2/tokens/search?question=pepe&chains=eth’, choices)
.then(response => response.json())
.then(response => console.log(response))
.catch(err => console.error(err));

Operating the code above offers a listing of tokens matching the question parameters. Right here’s a pattern response:

{
//…
consequence: [
{
“tokenAddress”: “0x6982508145454ce325ddbe47a25d4ec3d2311933”,
“chainId”: “0x1”,
“name”: “Pepe”,
“symbol”: “PEPE”,
“blockNumber”: null,
“blockTimestamp”: 1681483895,
“usdPrice”: 0.000008732159701029,
“marketCap”: 3673532264.62589,
“experiencedNetBuyers”: {
“oneDay”: 6,
“oneWeek”: 12
},
“netVolumeUsd”: {
“oneDay”: -308278.47758801375
},
“liquidityChangeUSD”: {
“oneDay”: -109445.76999999955
},
“usdPricePercentChange”: {
“oneDay”: -3.2959040909090422
},
“volumeUsd”: {
“oneDay”: 1570513.1603542287
},
“securityScore”: 92,
“logo”: “https://adds-token-info-29a861f.s3.eu-central-1.amazonaws.com/marketing/evm/0x6982508145454ce325ddbe47a25d4ec3d2311933_icon.png”,
“isVerifiedContract”: true,
“fullyDilutedValuation”: 3673531388.384607,
“totalHolders”: 427466
},
//…
]
}

That’s it; with one single API name, you should use the Token Search API to construct and embed a crypto search bar into your platform with out breaking a sweat! 

To be taught extra about this, be part of us in immediately’s information as we dive deeper into the Token Search API. Or, in case you instantly need to use this premier software your self, get your API key utilizing the button under: 

 

Overview

Constructing a crypto search bar just isn’t a simple process, because it requires stay blockchain indexing, multi-chain assist, good rating programs, and rather more. Doing this all from scratch takes an abundance of effort and time that may be spent on different important elements of constructing a crypto venture. Thankfully, now you can streamline this course of with Moralis’ Token Search API!

The Token Search API handles all the things from real-time indexing to cross-chain assist, which means you don’t have to fret about any underlying complexities. In flip, you may seek for any token by image, title, tackle, or pair tackle, permitting you to construct and embed a crypto search bar into your venture with only one API name.

When you’d prefer to be taught extra about how this works, be part of us in immediately’s tutorial as we lay all of it out. Let’s dive straight in!

Crypto Search Bar Instance

A crypto search bar is a software permitting customers to seek out tokens by title, image, tackle, or pair tackle. It’s a typical function throughout most crypto platforms – together with wallets, decentralized exchanges (DEXs), on-chain analytics web sites, and so forth. – which is why constructing a search bar is a necessary ability for many Web3 builders. Right here’s an instance of what it might probably appear like:

The instance above comes from Moralis.com – a number one DEX terminal and on-chain analytics platform. It prioritizes verified outcomes, helps partial matches, and options further information resembling every token’s real-time worth. That method, customers can discover related tokens with out skipping a beat. 

If you wish to construct and embed a token search bar just like the one above into your individual platform, be part of us under as we introduce you to the {industry}’s #1 crypto information supplier: Moralis for Builders!

Introducing Moralis for Builders – Get the Information to Construct a Crypto Search Bar

Moralis is the {industry}’s most outstanding crypto information supplier, supplying world-class APIs and RPC nodes that aid you construct initiatives sooner and extra effectively. Seek for any crypto, fetch a pockets’s totally decoded historical past, get token balances with costs, and rather more with solely a single API request. Entry the instruments, information, and assets you might want to construct highly effective crypto options – multi functional place!

Moralis logo.

Right here’s why Moralis is the #1 crypto information supplier: 

Extra Information. Fewer Requests: Moralis’ APIs are outcome-oriented, minimizing the requests you might want to construct superior crypto options. Construct a crypto search bar, complete portfolio views, transaction timelines, and rather more with minimal growth effort.

Multi-Chain Assist: Moralis helps all main blockchain networks, together with Solana, Ethereum, Polygon, Base, Optimism, BNB Sensible Chain (BSC), and extra. Construct totally cross-chain suitable initiatives with one unified toolkit. 

SOC 2 Sort 2: With a SOC 2 Sort 2 certificates, Moralis ensures enterprise-grade reliability and safety throughout all instruments and options. 

With an outline of Moralis, let’s discover our Token Search API, which lets you construct and embed a crypto search bar with only one API request!

Token Search API: Best Method to Construct & Embed a Crypto Search Bar

The Token Search API offers stay, verified crypto search throughout all main EVM chains and the Solana community. Discover any cryptocurrency token by title, image, tackle, or pair tackle – with real-time indexing, good rating, and in-depth metadata. Construct and embed a crypto search bar into your pockets, DEX, or different platform – with one API name!

Token Search API.

Listed below are some key options and advantages of the Token Search API: 

Multi-Chain Assist: Discover tokens throughout the complete Web3 ecosystem with assist for chains like Solana, Ethereum, BSC, Optimism, Base, Polygon, and so forth. 

Sorted Outcomes: Type by any community to get fast, chain-specific outcomes.

Sensible Token Search: Seek for tokens by image, title, tackle, or pair tackle with assist for partial matches and verified outcomes ranked first. 

Detailed Payload Information: Obtain detailed metadata for all search outcomes, together with real-time costs, market cap, holders, liquidity change, and rather more. 

With an outline of this industry-leading software, let’s take a more in-depth take a look at how you should use the Token Search API to construct and embed a crypto search bar into your venture!

Full Tutorial: Tips on how to Construct & Embed a Crypto Search Bar in 3 Steps

With the Token Search API, you may construct a crypto search bar in three easy steps: 

Get Your Moralis API Key

Write a Script

Run the Code

However earlier than you get going, you might want to deal with a couple of conditions!

Conditions

To affix us in immediately’s tutorial, be sure to have these put in: 

Step 1: Get Your Moralis API Key

To kick issues off, begin by making a Moralis account by clicking the button on the prime proper: 

Arrow pointing at "Start for Free" button.

Subsequent, improve to both a customized Enterprise or Marketing strategy, because the Token Search API is a premium software. When you’ve upgraded, you’ll discover your API key underneath the ”Dwelling” tab on the Moralis admin panel: 

Arrow pointing at copy button for API key.

Copy and save your key for now, as you’ll want it within the subsequent step!

Step 2: Write a Script

Arrange a brand new venture utilizing the next terminal command: 

npm init

Set up the required dependencies: 

npm set up node-fetch –save
npm set up moralis @moralisweb3/common-evm-utils

Open your ”package deal.json” file and add ”kind”: ”module”: 

"type": "module" highlighted in code editor.

Create a brand new file known as ”index.js” and add the next script: 

import fetch from ‘node-fetch’;

const choices = {
technique: ‘GET’,
headers: {
settle for: ‘software/json’,
‘X-API-Key’: ‘YOUR_API_KEY’
},
};

fetch(‘https://deep-index.moralis.io/api/v2.2/tokens/search?question=pepe&chains=eth’, choices)
.then(response => response.json())
.then(response => console.log(response))
.catch(err => console.error(err));

From right here, you might want to make a couple of configurations to the code. Begin by changing YOUR_API_KEY with the important thing you copied beforehand. Subsequent, you may additionally need to change the question parameters. For instance, add further chains or embrace the isVerifiedContract boolean to solely obtain verified tokens within the outcomes: 

Code configurations for script.

Step 3: Run the Code

To execute the code, open a brand new terminal and run the next command in your venture’s root folder: 

node index.js

In return, you’ll get an array of tokens with real-time costs, market caps, safety scores, worth adjustments over time, and rather more. Right here’s a pattern response: 

{
//…
consequence: [
{
“tokenAddress”: “0x6982508145454ce325ddbe47a25d4ec3d2311933”,
“chainId”: “0x1”,
“name”: “Pepe”,
“symbol”: “PEPE”,
“blockNumber”: null,
“blockTimestamp”: 1681483895,
“usdPrice”: 0.000008732159701029,
“marketCap”: 3673532264.62589,
“experiencedNetBuyers”: {
“oneDay”: 6,
“oneWeek”: 12
},
“netVolumeUsd”: {
“oneDay”: -308278.47758801375
},
“liquidityChangeUSD”: {
“oneDay”: -109445.76999999955
},
“usdPricePercentChange”: {
“oneDay”: -3.2959040909090422
},
“volumeUsd”: {
“oneDay”: 1570513.1603542287
},
“securityScore”: 92,
“logo”: “https://adds-token-info-29a861f.s3.eu-central-1.amazonaws.com/marketing/evm/0x6982508145454ce325ddbe47a25d4ec3d2311933_icon.png”,
“isVerifiedContract”: true,
“fullyDilutedValuation”: 3673531388.384607,
“totalHolders”: 427466
},
//…
]
}

That’s it – trying to find a token with Moralis is that simple. From right here, now you can embed this code into your venture and make it dynamic based mostly on consumer enter to construct quick, correct crypto search performance!

When you’d prefer to be taught extra about this and check out the endpoint your self, please take a look at the token search documentation web page! 

Past Crypto Search – Embed Worth Chart & Token Web page Widgets with Moralis.com

High-tier crypto search performance is just one of many options you may enrich your platform with when utilizing Moralis. Different examples embrace candlestick charts and token pages, which you’ll seamlessly embed utilizing our Crypto Widgets! 

Moralis at present offers two forms of widgets: 

Worth Chart Widget: Supercharge your platform with interactive candlestick charts that give customers perception into real-time and historic costs. Moreover, this widget additionally provides you the choice to incorporate a holders chart, displaying the long-term growth of a token’s holder rely. Right here’s what it appears to be like like for Wrapped Bitcoin (WBTC):

Price chart widget example.

Token Web page Widget: Combine a full Moralis token web page into your venture, that includes perception into real-time costs, liquidity metrics, market cap, holders, stay occasions, transactions, and so forth. Give your customers the info they should totally analyze a crypto token. Right here’s what it might probably appear like: 

Token page widget example.

Try Moralis’ Crypto Widgets web page to be taught extra about this!

Exploring Different Moralis Instruments & Options

Along with the Token Search API, Moralis presents varied different industry-leading instruments. Listed below are three examples we’ll dive a bit deeper into on this article: 

Pockets API

Token API

Worth API

Try all Moralis instruments on the Web3 API web page! 

Pockets API: Get a Pockets’s Web Value, Token Balances, & Decoded Historical past

With Moralis’ cross-chain suitable Pockets API, you may simply get a pockets’s internet price, profitability, decoded transaction historical past, token balances with costs, and rather more utilizing solely a single API name. Use this premier software to supercharge your platform with detailed portfolio views, in-depth transaction timelines, and rather more with out breaking a sweat. 

Wallet API.

Listed below are a couple of key endpoints of the Pockets API: 

/wallets/:tackle/net-worth: Get the online price of a pockets, together with breakdowns for every chain.

/wallets/:tackle/profitability/abstract: Question a abstract of a pockets’s profitability.

/wallets/:tackle/defi/positions: Fetch the DeFi positions of a pockets. 

/wallets/:tackle/tokens: Get token balances with costs of any pockets.

/wallets/:tackle/historical past: Fetch a pockets’s decoded transaction historical past.

To focus on the accessibility of this world-class software, we’ll now present you the way simple it’s to get a pockets’s internet price when utilizing Moralis. Right here’s a pattern script: 

import fetch from ‘node-fetch’;

const choices = {
technique: ‘GET’,
headers: {
settle for: ‘software/json’,
‘X-API-Key’: ‘YOUR_API_KEY’
},
};

fetch(‘https://deep-index.moralis.io/api/v2.2/wallets/0xd8da6bf26964af9d7eed9e03e53415d37aa96045/net-worth?chainspercent5B0percent5D=eth&chainspercent5B1percent5D=polygon&exclude_spam=true&exclude_unverified_contracts=true’, choices)
.then(response => response.json())
.then(response => console.log(response))
.catch(err => console.error(err));

Calling the endpoint above returns the pockets’s whole internet price, together with breakdowns for all specified chains. Right here’s what it might probably appear like:

{
“total_networth_usd”: “4286806.08”,
“chains”: [
{
“chain”: “eth”,
“native_balance”: “1085515469813080189177”,
“native_balance_formatted”: “1085.515469813080189177”,
“native_balance_usd”: “3550067.16”,
“token_balance_usd”: “735008.04”,
“networth_usd”: “4285075.20”
},
{
“chain”: “polygon”,
“native_balance”: “426857449018746625825”,
“native_balance_formatted”: “426.857449018746625825”,
“native_balance_usd”: “445.31”,
“token_balance_usd”: “1285.57”,
“networth_usd”: “1730.88”
}
]
}

Token API: Fetch Token Holders, Swaps, & Snipers

The Token API enables you to fetch all the things from holder insights to detailed swap information for tokens throughout all main EVM chains and the Solana community. Use this highly effective software to complement your platform with real-time transaction tables, in-depth token analytics, and different comparable options with minimal growth effort. 

Let’s take a look at a fast overview of the Token API’s endpoints: 

/erc20/:token_address/house owners: Question an array of a token’s prime holders.

/erc20/:tackle/holders: Get holder stats for any token.

/erc20/:tackle/swaps: Fetch all swap-related transactions of a token.

/tokens/:tackle/analytics: Entry analytics for a token, together with quantity, patrons, liquidity, and so forth.

/pairs/:tackle/snipers: Question the snipers of any token pair.

To demo the Token API, we’ll now present you learn how to get a token’s holder stats. Right here’s what it might probably appear like: 

import fetch from ‘node-fetch’;

const choices = {
technique: ‘GET’,
headers: {
settle for: ‘software/json’,
‘X-API-Key’: ‘YOUR_API_KEY’
},
};

fetch(‘https://deep-index.moralis.io/api/v2.2/erc20/0x6982508145454ce325ddbe47a25d4ec3d2311933/holders?chain=eth’, choices)
.then(response => response.json())
.then(response => console.log(response))
.catch(err => console.error(err));

The endpoint above provides you in-depth perception into token holders, together with acquisition information, provide distribution, short-term developments, and so forth. Right here’s a pattern response:

{
totalHolders: 429679,
holdersByAcquisition: { swap: 123428, switch: 290323, airdrop: 15928 },
holderChange: {
‘5min’: { change: -5, changePercent: -0.0012 },
‘1h’: { change: 22, changePercent: 0.0051 },
‘6h’: { change: 141, changePercent: 0.033 },
’24h’: { change: 378, changePercent: 0.088 },
‘3d’: { change: 1233, changePercent: 0.29 },
‘7d’: { change: 2722, changePercent: 0.63 },
’30d’: { change: 9278, changePercent: 2.2 }
},
holderSupply: {
top10: { provide: ‘163769693937014.17’, supplyPercent: 39 },
top25: { provide: ‘223722370620383.91’, supplyPercent: 53 },
top50: { provide: ‘270654016655895.11’, supplyPercent: 64 },
top100: { provide: ‘307552270787111.22’, supplyPercent: 73 },
top250: { provide: ‘344543201407311.47’, supplyPercent: 82 },
top500: { provide: ‘363125388956983.28’, supplyPercent: 86 }
},
holderDistribution: {
whales: 110,
sharks: 70,
dolphins: 620,
fish: 2145,
octopus: 6132,
crabs: 22060,
shrimps: 398542
}
}

Worth API: Question Actual-Time Costs, OHLCV Information, & NFT Flooring Costs

The Worth API is a number one software for fetching and integrating price-related information into Web3 initiatives. With this premier interface, you will get real-time and historic costs for each fungible and non-fungible tokens (NFTs). Use the Worth API to simply enrich your venture with correct costs, interactive candlestick charts, and rather more. 

Listed below are a couple of examples of outstanding endpoints:

/erc20/:tackle/worth: Fetch the value of a token denominated in each the chain’s native forex and USD.

/pairs/:tackle/ohlcv: Question OHLCV candlestick information for any pair tackle.

/nft/:tackle/:token_id/floor-price: Get the ground worth of a given NFT.

/nft/:tackle/:token_id/worth: Fetch sale costs for an NFT inside a specified time interval.

To focus on the accessibility of the Worth API, we’ll now present you learn how to get OHLCV information for any pair tackle. Right here’s a pattern script: 

import fetch from ‘node-fetch’;

const choices = {
technique: ‘GET’,
headers: {
settle for: ‘software/json’,
‘X-API-Key’: ‘YOUR_API_KEY’
},
};

fetch(‘https://deep-index.moralis.io/api/v2.2/pairs/0x88e6a0c2ddd26feeb64f039a2c41296fcb3f5640/ohlcv?chain=eth&timeframe=1h&forex=usd&fromDate=2024-12-25&toDate=2025-01-01’, choices)
.then(response => response.json())
.then(response => console.log(response))
.catch(err => console.error(err));

Operating the code above will present an array of timestamps with open, excessive, low, and shut costs, together with quantity and swap information. Right here’s what it might probably appear like:

{
//…
consequence: [
{
timestamp: ‘2025-01-01T00:00:00.000Z’,
open: 3331.696480420306,
high: 3356.4217239746795,
low: 3331.5069326442967,
close: 3356.4217239746795,
volume: 3528532.8710554917,
trades: 234
},
//…
]
}

Abstract: Embed Crypto Search – Tips on how to Construct a Crypto Search Bar

Constructing a crypto search bar on your venture is simpler mentioned than finished. It requires real-time indexing, cross-chain assist, rating programs, and extra. Thankfully, now you can use Moralis’ Token Search API to side-step all underlying complexities, permitting you to construct and embed a crypto search bar in minutes!

Text: "Summary: Embed Crypto Search - How to Build a Crypto Search Bar"

The Token Search API offers real-time, verified token searches throughout all chains, providing you with the instruments to seek out property by title, image, or tackle. Listed below are some key advantages and options of this premier software: 

Cross-Chain Assist: Discover tokens throughout all main EVM chains and the Solana community.

Filtered Outcomes: Filter by chain for fast, particular outcomes.

Sensible Search: Seek for tokens by title, image, tackle, or pair tackle.

In-Depth Metadata: Get detailed metadata for all tokens, together with costs, market cap, liquidity change, holders, and so forth. 

When you’re on the lookout for the very best and best strategy to construct and embed a crypto search bar, make sure to join with Moralis proper now!

Need to see how Moralis stacks up towards different API suppliers? For instance, take a look at our comparability information diving into the DEXScreener API!

 



Source link

Tags: BarBuildcryptoEmbedSearch
Previous Post

Pudgy Penguins NFT boom sends PENGU token price through the roof

Next Post

Post Pectra, Ethereum now targets efficiency with 60 million gas limit expansion

Related Posts

The SEC Chair Who Sued Ripple Is Now Prosecuting Roman Storm
Web3

The SEC Chair Who Sued Ripple Is Now Prosecuting Roman Storm

July 12, 2025
Bitcoin ETFs Post Second-Biggest Day Ever: Why It Matters
Web3

Bitcoin ETFs Post Second-Biggest Day Ever: Why It Matters

July 11, 2025
Snoop Dogg’s Telegram NFT Drop Sold Out in Half an Hour
Web3

Snoop Dogg’s Telegram NFT Drop Sold Out in Half an Hour

July 10, 2025
Web3j Mentorship 2025: Meet the Mentees
Web3

Web3j Mentorship 2025: Meet the Mentees

July 11, 2025
Getting Started With Myriad – Decrypt
Web3

Getting Started With Myriad – Decrypt

July 9, 2025
What Are Coin Mixers and How Do They Work?
Web3

What Are Coin Mixers and How Do They Work?

July 8, 2025
Next Post
Post Pectra, Ethereum now targets efficiency with 60 million gas limit expansion

Post Pectra, Ethereum now targets efficiency with 60 million gas limit expansion

Ethereum (ETH) sees major uptick as Pectra upgrade goes live

Ethereum (ETH) sees major uptick as Pectra upgrade goes live

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Catatonic Times

Stay ahead in the cryptocurrency world with Catatonic Times. Get real-time updates, expert analyses, and in-depth blockchain news tailored for investors, enthusiasts, and innovators.

Categories

  • Altcoin
  • Analysis
  • Bitcoin
  • Blockchain
  • Crypto Exchanges
  • Crypto Updates
  • DeFi
  • Ethereum
  • Metaverse
  • NFT
  • Regulations
  • Scam Alert
  • Uncategorized
  • Web3

Latest Updates

  • Cardano Price Explodes 30% In Past Week — Analyst Calls $5 Next Market Top
  • Crypto Hacker Who Drained $42,000,000 From GMX Goes White Hat, Returns Funds in Exchange for $5,000,000 Bounty
  • Grayscale Responds To SEC Decision To Delay GDLC ETF Debut
  • About Us
  • Advertise with Us
  • Disclaimer
  • Privacy Policy
  • DMCA
  • Cookie Privacy Policy
  • Terms and Conditions
  • Contact Us

Copyright © 2024 Catatonic Times.
Catatonic Times is not responsible for the content of external sites.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
No Result
View All Result
  • Home
  • Crypto Updates
  • Bitcoin
  • Ethereum
  • Altcoin
  • Blockchain
  • NFT
  • Regulations
  • Analysis
  • Web3
  • More
    • Metaverse
    • Crypto Exchanges
    • DeFi
    • Scam Alert

Copyright © 2024 Catatonic Times.
Catatonic Times is not responsible for the content of external sites.