WordPress plugin and widget for displaying a list of stock market prices and their variations.
Stockdio’s Stock Quotes List contains a plugin and a widget that provide the means to display a list of stock prices, market indices, currencies and commodities with their variations. Over 65 different stock exchanges and a large number of market indices, currencies and commodities are supported. Optionally, an interactive price chart can be included with the list.
If you’re using the standard Gutenberg editor, the easiest way to include this plugin on your page is using the Stock Quotes List block, which is included in the Stockdio Financial Visualizations category.
If you’re using a different editor o prefer to use the shortcode, below is a sample to help you start. Please be aware that most of the parameters listed below are optional, and are also available through the plugin’s settings page. Any parameter you include in the shortcode will overwrite the parameter used in the settings page.
[stock-quotes-list symbols="AAPL;MSFT;GOOG;HPQ;^SPX;^DJI;LSE:BAG" stockExchange="NYSENasdaq" width="100%" height="380" motif="financial" palette="financial-light"]
This plugin is part of the Stockdio Financial Widgets, which also includes the following plugins and widgets:
The following parameters are supported:
stockExchange: The exchange market the symbols belong to (optional). If not specified, NYSE/NASDAQ will be used by default. For a list of available exchanges please visit www.stockdio.com/exchanges.
symbols: A list of companies stock symbols, market index tickers, currency pairs or commodities ticker, separated by semi-colon (;) (e.g. AAPL;MSFT;GOOG;HPQ;^SPX;^DJI;LSE:BAG). Please review the FAQ section for additional details on how to includes indices, currencies and commodities, as well as how to specify custom names, combine data from different exchanges, etc.
width: Width of the list in either px or % (default: 100%).
height: Height of the list in pixels (default: 320px). If not specified, the list height will be calculated automatically.
title: Allows to specify a title for the list, e.g. Watch List (optional).
intraday: If enabled (true), auto refresh intraday delayed data will be used if available for the exchange. For a list of exchanges with intraday data available, please visit http://www.stockdio.com/exchanges.
includeChart: Allows to include an interactive chart along with the list (optional).
chartHeight: Height of the chart in pixels (default: 320px).
includeLogo: Allows to include/exclude a column with the stock logo or index country flag, if available. Use includeLogo=false to hide the logo (optional).
logoMaxHeight: Specify the maximum height allowed for the logo. The height may be smaller than the maximum, depending on the logo width, as it maintains the logo’s aspect ratio (optional).
logoMaxWidth: Specify the maximum width allowed for the logo. The width may be smaller than the maximum, depending on the logo height, as it maintains the logo’s aspect ratio (optional).
includeSymbol: Allows to include/exclude a column with the stock symbol. Use includeSymbol=false to hide the symbol (optional).
includeCompany: Allows to include/exclude a column with the company name. Use includeCompany=false to hide the company name (optional).
includePrice: Allows to include/exclude a column with the latest stock price. Use includePrice=false to hide the stock price (optional).
includeChange: Allows to include/exclude a column with the stock price change. Use includeChange=false to hide the price change (optional).
includePercentChange: Allows to include/exclude a column with the stock price percentual change. Use includePercentChange=false to hide the price percent change (optional).
includeTrend: Allows to include/exclude a column with the stock price trend icon (up/down/neutral). Use includeTrend=false to hide the trend icon (optional).
includeVolume: Allows to include/exclude a column with the latest volume. By default, volume is not visible. Use includeVolume=true to show it (optional).
showHeader: Allows to display the list header. Use showHeader=false to hide it (optional).
showCurrency: Allows to display the currency symbol next to the price, depending on the culture settings.
allowSort: If enabled (true), it allows the end user to sort the data by any of the fields, by clicking on the header, if this is visible.
culture: Allows to specify a combination of language and country settings, used to display texts and to format numbers and dates, e.g. Spanish-Spain (optional). For a list of available culture combinations please visit http://www.stockdio.com/cultures.
motif: Design used to display the visualization with specific aesthetics, including borders and styles, among other elements (optional). For a list of available motifs please visit www.stockdio.com/motifs.
palette: Includes a set of consistent colors used for the visualization (optional). For a list of available palettes please visit www.stockdio.com/palettes.
font: Allows to specify the font that will be used to render the chart. Multiple fonts may be specified separated by comma, e.g. Lato,Helvetica,Arial (optional).
displayPrices: Allows to specify how to display the prices on the chart (if enabled), using one of the following options (default: Line):
allowPeriodChange: If enabled (true), it provides a UI to allow the end user to select the period for the data to be displayed in the chart. This UI is enabled by default.
days: Allows to specify the number of days for the period to display in the chart (if enabled). If not specified, its default value is 365 days.
loadDataWhenVisible: Allows to fetch the data and display the visualization only when it becomes visible on the page, in order to avoid using calls (requests) when they are not needed. This is particularly useful when the visualization is not visible on the page by default, but it becomes visible as result of a user interaction (e.g. clicking on an element, etc.). It is also useful when using the same visualization multiple times on a page for different devices (e.g. using one instance of the plugin for mobile and another one for desktop). We recommend not using this by default but only on scenarios as those described above, as it may provide the end user with a small delay to display the visualization (optional).
Upload the StockdioPlugin
folder to your /wp-content/plugins/
directory.
Activate the “Stock Quotes List” plugin in your WordPress administration interface.
If you want to change the preset defaults, go to the Stock Quotes List settings page.
If you’re using the standard Gutenberg editor, add a Stock Quotes List block from the Stockdio Financial Visualizations category and configure it using the settings sidebar.
If you prefer to use the shortcode, insert the [stock-quotes-list]
shortcode into your post content, customizing it with the appropriate parameters. You also have the option to use the Stock Quotes List widget included when you install the plugin.
For ease of use, a Stockdio icon is available in the toolbar of the HTML editor for certain versions of WordPress (see screenshots for details).
Example of quotes board used to display a World Markets Watch List.
Example of quotes board used to display a Commodities list, with interactive chart.
Example of quotes board used to display a World Currencies List, with interactive chart.
Example of quotes board using Financial motif and Financial-Light palette.
Example of quotes board using Face motif and Relief palette.
Example of quotes board using Material motif and Whitespace palette, using Spanish-Spain culture.
Example of quotes board using Semantic motif and Humanity palette, using French-Canada culture.
Example of quotes board using Blinds motif and Block palette, using German-Germany culture.
Example of quotes board using Healthy motif and Healthy palette, using Italian-Italy culture.
Example of quotes board using Block motif and Relief palette.
Stockdio Historical Chart is also available as a complement to the Stock Quotes List.
Stockdio Stock Market Overview is also available as a complement to the Stock Quotes List.
Stockdio Stock Market News is also available as a complement to the Stock Quotes List.
Stockdio Stock Market Ticker List is also available as a complement to the Stock Quotes List.
Settings page.
Stockdio toolbar integration with easy to use dialog.
Stock Quotes List widget dialog.
Stock Quotes List block as part of the Stockdio Financial Visualizations category.
Stock Quotes List block sidebar settings.
There are three options to integrate it: a. Using the Stock Quotes List block, b. Using the short code, or c. Through the use of the widget in your sidebars.
Stockdio supports over 65 different world exchanges. For a list of all exchanges currently supported, please visit www.stockdio.com/exchanges. If the stock exchange you’re looking for is not in the list, please contact us to [email protected]. Once you have found in the list the stock exchange you need, you must pass the corresponding Exchange Symbol using the stockExchange parameter.
You can specify as many symbols as you want, from the selected exchange, separated by semi-colon (;). If any of the symbols you want to display does not show up, you can go to http://finance.stockdio.com to verify if the symbol is currently available in Stockdio. If the symbol you require is missing, please contact us at [email protected].
Yes. The exchange you define in the stockExchange parameter will be the default stock exchange to be used. However, if you want to include symbols from a different exchange, you must prefix the symbol with the exchange code and a colon (:). For example, if you want to include two symbols from NYSE/Nasdaq but additionally include one symbol from London Stock Exchange, you would specify stockExchange=”NYSENasdaq”, and symbols=”AAPL;MSFT;LSE:BAG”. This will also allow you to combine stocks with commodities and currencies in the same quote list.
Yes, you can include indices in the symbols parameter, using the ^ prefix. For example, use ^SPX for S&P 500 or ^DJI for the Dow Jones. For a complete list of indices currently supported, please visit www.stockdio.com/indices
Yes. You must use COMMODITIES as the stockExchange and then specify one or more commodities in the symbols parameter. For example, use GC;SI;CL for Gold, Silver and Crude Oil. For a complete list of commodities currently supported by Stockdio, please visit www.stockdio.com/commodities
Yes. You must use FOREX as the stockExchange and then specify one or more currency pairs in the symbols parameter. For example, use EUR/USD, USD/JPY, GBP/USD for Euro vs. USD, USD vs. Japanese Yen and British Pound vs. USD. For a complete list of currencies currently supported by Stockdio, please visit www.stockdio.com/currencies
Yes, we understand there are several scenarios in which you may want to display your own name, such as if you would like to display a commodities ticker in your own language. This can be easily done by specifying your custom name between parenthesis, right after you have specified the symbol. For example, you can create a commodities ticker in Spanish specifying the following in the symbols parameter: GC(Oro);SI(Plata);CL(Petr�leo Crudo). This works for any symbol, index, commodity or currency pair.
Yes, Stockdio supports a number of cultures, used to properly display numbers and dates. For a complete list of cultures currently supported by Stockdio, please visit www.stockdio.com/cultures.
Yes, this plugin is provided with a number of predefined color palettes, for ease of use. For a complete list of color palettes currently supported by Stockdio, please visit www.stockdio.com/palettes. However, if you need specific color customization, you can use the Stock Quotes List block, or you can use the Stockdio iframe available at http://services.stockdio.com, which supports more options.
In most cases the data is delayed but the delay time may vary between 1 minute and 20 minutes, depending on the exchange. For details of intraday delay time for each exchange please visit www.stockdio.com/exchanges.
Sure! Simply contact us to [email protected] with the correct or updated logo and we will update it, once it has been verified.
Yes. By default, all lists will use the values specified in the plugin settings page. However, any of these values can be overridden using the appropriate shortcode parameter. Each shortcode can be customized entirely independent.
Simply send an email to [email protected] with your question and we will reply as soon as possible.
Yes. You must use CRYPTO as the stockExchange and then specify one or more cryptocurrencies in the symbols parameter. For example, use BTC;ETH;LTC for Bitcoin, Ethereum and Litecoin. For a complete list of cryptocurrencies currently supported by Stockdio, please visit www.stockdio.com/cryptocurrencies.
Yes. You must use FUTURES as the stockExchange and then specify one or more futures in the symbols parameter. For example, use GCM19;QAG19;FXH19 for Gold, Brent Oil and Eurostoxx. For a complete list of futures currently supported by Stockdio, please visit www.stockdio.com/futures/.
Yes. You must use BONDS as the stockExchange and then specify one or more bonds in the symbols parameter. For example, use US10YBY;UK10YBY; JA10YBY for US, UK and Japan’s 10-Year Bond Yield. For a complete list of bonds currently supported by Stockdio, please visit www.stockdio.com/bonds
Release date: July 18, 2024
Release date: May 29, 2024
Release date: May 09, 2024
Release date: March 07, 2024
Release date: March 05, 2024
Release date: November 01, 2023
Release date: October 20, 2023
Release date: March 30, 2023
Release date: May 24, 2022
Release date: March 01, 2022
Release date: May 03, 2021
Release date: January 27, 2021
Release date: January 24, 2021
Release date: January 19, 2021
Release date: January 14, 2021
Release date: July 8, 2020
Bug Fixes:
Release date: June 19, 2020
Bug Fixes:
Release date: June 18, 2020
Release date: May 7, 2020
Release date: April 02, 2020
Release date: December 09, 2019
Release date: August 16, 2019
Release date: January 31, 2019
Release date: October 24, 2018
Release date: October 03, 2018
Release date: June 05, 2018
New features:
Release date: May 14, 2018
Release date: November 30, 2017
Release date: August 3, 2017
Bug Fixes:
Release date: August 2, 2017
Release date: June 21, 2017
Bug Fixes:
Release date: June 12, 2017
Release date: May 25, 2017
Release date: May 12, 2017
New features:
Release date: March 28, 2017
Release date: March 22, 2017
Release date: March 1, 2017
Release date: February 24, 2017
Release date: November 30, 2016
Release date: November 10, 2016
Release date: October 13, 2016
Support for several additional stock exchanges and their corresponding indices:
Release date: August 22, 2016
Support for several additional stock exchanges and their corresponding indices:
Release date: August 19, 2016
Bug Fixes:
Release date: August 5, 2016
New Features:
Bug Fixes:
Release date: August 1, 2016
Support for several additional stock exchanges and their corresponding indices:
Release date: July 19, 2016
New Features:
Support for several additional stock exchanges and their corresponding indices:
Release date: July 7, 2016
Release date: July 5, 2016
Release date: June 28, 2016