FMP

FMP

stock prices

stock widget

stock analysis

tickers widgets

wix website

stock tickers

tickers extract

create widget

api endpoint

stock quotes

stock live

live quotes

How to Create a Stock Price Widget in Wix using FMP’s Stock Quote API endpoint.

-

twitterlinkedinfacebook
blog post cover photo

Image credit: stock price widget

Are you building a finance website or blog using Wix, and want to show real-time stock prices like Apple, Tesla, or Google? In this step-by-step guide, you'll learn how to create a scrolling stock ticker widget in Wix using FMP's Stock Quote API endpoint, without exposing your secret API key to the public.

Even if you don't have coding experience, don't worry — I'll walk you through everything.

What You Will Learn:

  • How to get real-time stock data

  • How to store your API key safely in Wix

  • How to embed a custom stock ticker in your website

  • How to fetch data securely without showing your API key

What You Need

Step 1: Get a Free API Key from FMP

  1. Register with FMP

  2. After signing in, go to your Dashboard

  3. Copy your API Key — you'll use this in Wix, but don't share it publicly

Step 2: Store the API Key in Wix Secrets Manager

This step keeps your key hidden from the public.

  1. In Wix Editor, turn on Dev Mode as shown in the below image

  2. Click on BackendSecrets Manager

  3. Click + New Secret

    • Name: FMP_API_KEY

    • Value: paste your real API key here

  4. Click Save

WIX secret manager store your API key

Your API key is now safe. Only Wix backend code can access it.

Step 3: Add Secure Code in Backend (news.jsw)

  1. In the Backend section, right-click → Add New Web Module as shown in the below image

  2. Name it news.jsw

  3. Paste this code inside:

This code fetches stock prices securely using your hidden API key.

Step 4: Add HTML Embed Widget to Your Wix Page

  1. Go to the page where you want the stock ticker

  2. Click Add (+) → Embed CodeHTML Embed

  3. Paste this HTML code (you can style it however you like):

Step 5: Add Page Code to Communicate With Backend

  1. Click Page Code in the editor

  2. Paste this code:

Congratulations! You've just created a custom stock ticker widget in Wix that:

  • Shows live stock prices

  • Works beautifully on desktop and mobile

  • Keeps your API key secure

This is how it should look:

With this simple and secure method, you can now display real-time stock prices on your Wix website without exposing your API key. It's a great way to enhance your site and provide live financial insights to your visitors.

Other Blogs

blog post title

Walk Me Through a DCF: A Simple Guide to Discounted Cash Flow Valuation

Are you curious about how professional investors decide whether a stock might be one of the best undervalued stocks to b...

blog post title

Nancy Pelosi's Latest Stock Trades: A Closer Look

Former House Speaker Nancy Pelosi has made significant trades in major technology stocks, including Apple, Nvidia, Amazo...

blog post title

Technical Analysis 101: Understanding Support and Resistance

Technical analysis is a fundamental approach used by traders to forecast price movements based on historical market data...