Sticky notes aren’t just for your desk anymore! In this tutorial, we’ll create a Lightning Web Component (LWC) in Salesforce that allows you to pin notes on your app page or record page. With a clean, interactive UI, these digital sticky notes ensure you never forget important tasks or details.
What Will You Learn?
Investment by Acquisition
Disclosed deals only
Heroku
application development. The acquisition allowed Salesforce to support the next generation of Java and
Ruby app developers at scale.
ExactTarget
Salesforce become the #1 CRM by connecting sales, service, and marketing across email, social, mobile,
and the web.
Quip
processing capabilities helped Salesforce extend its Customer Success Platform with next-generation
productivity tools.
Demandware
became the foundation for Salesforce Commerce Cloud — powering online, mobile, and in-store shopping
experiences.
MuleSoft
Cloud — connecting enterprise apps, data, and devices across any cloud to drive truly personalized
customer experiences.
Datorama
bolstered Salesforce Marketing Cloud with deeper integration and intelligence across marketing channels
and data sources.
ClickSoftware
manage on-site work with intelligent scheduling, dispatch, and real-time field operations management.
Evergage
Marketing Cloud, accelerated the CRM giant’s ability to deliver truly individualized customer
experiences.
Vlocity
health, and government sectors. Combined with Customer 360, Vlocity delivered the most advanced
industries platform for digital transformation.
Acumen Solutions
Acumen became part of Salesforce Professional Services to help customers accelerate Customer 360 value.
Slack
digital HQ enabling companies worldwide to deliver customer and employee success from anywhere.
“Personally, I believe this is the most strategic combination in the history of software, and I can’t
wait to get going.”
Stewart Butterfield, Slack CEO & Co-Founder
LevelJump
learn faster, coach better, and build high-performing teams through outcome-based peer learning.
Phennecs
Platform. After a long OEM partnership, bringing Phennecs in-house gave customers built-in compliance
and security.
Troops.ai
Salesforce insights to teams through Slack, improving sales forecasting, collaboration, and overall
productivity.
Airkit.ai
help businesses build smarter, omni-channel engagement and AI-driven service experiences.
“The future of customer engagement will be powered by a new set of AI-driven customer experiences.”
Bill Patterson, EVP & GM, Customer 360 Applications at Salesforce
Zoomin
making AI agents smarter and more personalized by delivering real-time customer insights at scale.
Own Company
organizations secure, manage, and extract insights from their critical data — making data security a
first-class Salesforce capability.
Tenyx
Agent with natural, engaging voice AI for customer service — ushering in the era of conversational AI at
scale.
Informatica
data foundation to make AI agents smarter across modern business operations.
“This is a transformational step in delivering enterprise-grade AI that is safe, responsible, and deeply
integrated with the world’s data.”
Marc Benioff, Chair & CEO, Salesforce
Convergence.ai
role in advancing Agentforce — Salesforce’s key AI pillar for the next wave of customer and employee
productivity.
Bluebirds
efficiency in sales data and agentic systems — helping sales teams unlock high-potential opportunities
faster.
Waii
queries, Waii integrates into Data Cloud to power agentic workflows and AI-driven insights across the
Salesforce ecosystem.
Regrello
turns business data into actionable, agile, autonomous workflows — advancing Salesforce’s agentic
process automation vision.
Apromore
mining, simulation, and root-cause analysis into Salesforce — enabling complete insight and agentic
automation across business operations.
Spindle AI
with AI-native data systems for enterprise-scale insights — bridging the gap between data abundance and
actionable intelligence.
Doti
to build a unified, AI-powered search experience — making enterprise knowledge instantly accessible
through Slack.
“Since day one, our mission has been to transform how knowledge workers interact with information,
making enterprise data instantly accessible and actionable.”
Matan Cohen, Co-Founder & CEO, Doti
Qualified
engage, qualify, and nurture inbound buyers on websites — enabling autonomous pipeline generation at
scale within Agentforce.
By the end of this guide, you’ll understand how to:
- Retrieve metadata records dynamically
- Build a dynamic and interactive UI with LWC
- Move UI components on-screen using JavaScript and CSS
Prerequisite
- Knowledge of the metadata
- Knowledge of LWC
- Knowledge of JavaScript events
Let’s Create the Metadata first
Step 1: To create the Metadata, first click on the gear icon that is on the top right, and then click on setup.

Step 2: Now, in the Quick find, search for custom metadata and then click on it; then click on the “New Custom Metadata Types” button.