Stockdio

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.
<pre><code>[stock-quotes-list symbols="AAPL;MSFT;GOOG;HPQ;^SPX;^DJI;LSE:BAG" stockExchange="USA" width="100%" height="380" motif="financial" palette="financial-light"]
</code></pre>
This plugin is part of the Stockdio Financial Widgets, which also includes the following plugins and widgets:
<ul>
<li><a href="https://wordpress.org/plugins/stockdio-historical-chart/" rel="ugc">Stockdio Historical Chart</a></li>
<li><a href="https://wordpress.org/plugins/stock-market-overview/" rel="ugc">Stock Market Overview</a></li>
<li><a href="https://wordpress.org/plugins/stock-market-news/" rel="ugc">Stock Market News</a></li>
<li><a href="https://wordpress.org/plugins/stock-market-ticker/" rel="ugc">Stock Market Ticker</a></li>
<li><a href="https://wordpress.org/plugins/economic-market-news/" rel="ugc">Economic & Market News</a></li>
</ul>
The following parameters are supported:
stockExchange: The exchange market the symbols belong to (optional). If not specified, USA Equities 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):
<ul>
<li>Line</li>
<li>Candlestick</li>
<li>Area</li>
<li>OHLC</li>
<li>HLC</li>
</ul>
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).

Stock Quotes List

After setting the API key the widget keeps displaying an error message. Couldn't find any way to contact support.

API Key error

The changelog says support Bursa Malaysia(KLSE) but when download, couldn't find anything from KLSE.

not working for KLSE

WordPress plugin and widget for displaying a list of stock market prices and their variations.

jikaio

<h3>Jika.io Stock Market Widgets</h3>
The Jika.io Stock Market Widgets WordPress plugin enables seamless integration of stock widgets from Jika.io into your WordPress site using Gutenberg blocks, Elementor widgets, and shortcodes.
With the Jika.io Stock Market Widgets plugin, enhancing your WordPress website with dynamic stock information has never been easier. If you need any help or have questions, feel free to <a href="https://www.jika.io/contact" rel="nofollow ugc">reach out for support</a>.
<h3>Available Widgets</h3>
<h3>1. Real Time Stock Price Chart</h3>
With our stock ticker widget, you can easily display real-time stock prices and updates on your website or blog. Simply choose the stock you want to track and customize the widget to match your content.
Options:
symbol (default=”AAPL”): The symbol of the stock.
selection (default=”one_year”): Time period for the data.
<ul>
<li>“one_month”</li>
<li>“three_month”</li>
<li>“six_month”</li>
<li>“ytd”</li>
<li>“one_year”</li>
<li>“three_year”</li>
<li>“five_year”</li>
<li>“all”</li>
</ul>
close_key (default=”close”): Key for close price data.
<ul>
<li>“close”</li>
<li>“adjClose”</li>
</ul>
symbol_logo (URL, optional): URL of the stock symbol logo.
graph_color (default=#1652F0): Color of the graph.
background_color (default=#FFFFFF): Background color of the widget.
font-family (default=”Nunito”): Font family for the widget text.
<h3>2. Advanced Stock Comparison Graph</h3>
Our stock comparison charts allow you to compare any metric for multiple stocks side by side. With our easy-to-use chart builder, you can select the stocks and metrics you want to compare. Whether you’re comparing stocks from the same industry or across different sectors, our charts provide a comprehensive view of stock performance.
Options:
symbols (default=”AAPL,AMZN”): Comma-separated list of stock symbols.
keys (default=”Market Cap,Net Income”): Comma-separated list of financial metrics to display.
reporting_period (default=”quarter”): Reporting period for the financial metrics.
<ul>
<li>“quarter”</li>
<li>“annual”.</li>
</ul>
from (default=current year): Start year for the financial data.
to (default=current year – 5): End year for the financial data.
text_color (default=”#161C2D”): Color of the text.
background_color (default=”#FFFFFF”): Background color of the widget.
font-family (default=”Nunito”): Font family for the widget text.
<h3>3. Stock Prediction and Forecast Widget</h3>
Our stock predictions and forecasts widget is using the most updated analysts rating data to provide predictions for stock prices. By embedding our widgets on your site, you can provide your audience with valuable insights into the stock market and help them make informed investment decisions.
Options:
symbol (default=”AAPL”): The symbol of the stock.
graph_color (default=#1652F0): Color of the graph.
background_color (default=”#FFFFFF”): Background color of the widget.
<h3>4. Stock Portfolio Performance Chart</h3>
With our stock portfolio widgets, you can easily share and embed your investment portfolio on your website, substack, notion dashboard or blog. Our widgets update in real-time, so your audience can see the latest changes to your portfolio as they happen. You will first need an account in Jika.io with a connected portfolio in order to use this widget.
Options:
user_name (default=”Noah Sebastian”): Your Jika.io username.
background_color (default=”#FFFFFF”): Background color of the widget.
<h3>5. Company Financial Metrics Table</h3>
Our balance sheet widgets allow you to embed the financial data of a company onto your website or blog. This data includes key financial metrics such as assets, liabilities, and shareholder equity, providing your audience with valuable insights into a company’s financial health.
Options:
symbols (default=”AAPL,AMZN”): Comma-separated list of stock symbols.
keys (default=”Market Cap,Net Income”): Comma-separated list of financial metrics to display.
reporting_period (default=”quarter”): Reporting period for the financial metrics.
<ul>
<li>“quarter”</li>
<li>“annual”.</li>
</ul>
from (default=current year): Start year for the financial data.
to (default=current year – 5): End year for the financial data.
sort_method (default=”years”): Sorting method for the table.
<ul>
<li>“years”</li>
<li>“companies”</li>
</ul>
text_color (default=”#161C2D”): Color of the text.
background_color (default=”#FFFFFF”): Background color of the widget.
font-family (default=”Nunito”): Font family for the widget text.
<h3>Shortcode Examples</h3>
To embed these stock widgets using shortcodes, use the shortcode <code>jika_stock_widget</code> followed by the appropriate type and options.
<h4>Real Time Stock Price Chart</h4>
<pre><code>[jika_stock_widget type="real-time-stock-price-chart" symbol="AAPL" selection="one_year" close_key="close" symbol_logo="https://example.com/aapl_logo.png" graph_color="#ff0000" background_color="#ffffff" font_family="Arial"]
</code></pre>
<h4>Advanced Stock Comparison Graph</h4>
<pre><code>[jika_stock_widget type="advanced-stock-comparison-graph" symbols="AAPL,AMZN" keys="Market Cap,Net Income" reporting_period="quarter" from="2020" to="2022" text_color="#000000" background_color="#ffffff" font_family="Arial"]
</code></pre>
<h4>Stock Prediction and Forecast Widget</h4>
<pre><code>[jika_stock_widget type="stock-prediction-and-forecast" symbol="AAPL" graph_color="#ff0000" background_color="#ffffff"]
</code></pre>
<h4>Stock Portfolio Performance Chart</h4>
<pre><code>[jika_stock_widget type="stock-portfolio-performance-chart" user_name="your_username" background_color="#ffffff"]
</code></pre>
<h4>Company Financial Metrics Table</h4>
<pre><code>[jika_stock_widget type="company-financial-metrics-table" symbols="AAPL,AMZN" keys="Market Cap,Net Income" reporting_period="quarter" from="2020" to="2022" sort_method="years" text_color="#000000" background_color="#ffffff" font_family="Arial"]
</code></pre>
<h3>Contributors & Developers</h3>
Welcome, developers! This section provides a quick guide to get started with our project.
<h3>Setting Up Environment Variables</h3>
To begin working on our project, follow these simple steps:
<ol>
<li>
Create a new file named <code>.env</code> in the root directory of the project.
</li>
<li>
Add the following content to the <code>.env</code> file:
ENV=development
</li>
<li>
Save the <code>.env</code> file.
</li>
</ol>
That’s it!
You’ve successfully configured the development environment, and the plugin is now operating in sandbox mode, simplifying the development process.
Other Notes
<ul>
<li>
Sandbox users will remain cached for one hour after their most recent activity.
</li>
<li>
Domains using 127.0.0.1 | localhost might face unexpected iframe usage issues due to conflicts.
</li>
</ul>
<h3>3rd Party and external services</h3>
This plugin relies on external services to enhance its functionality and provide users with an optimal experience. We are committed to transparency regarding the integration of these services within our plugin. Below are the details of the external services utilized:
<h3>1. jika.io API:</h3>
<ul>
<li>Description: Our plugin integrates with our API to manage user data efficiently and securely. This API facilitates various functionalities within the plugin, including login / signup / usage control.</li>
<li>Service URL: <a href="https://www.jika.io/" rel="nofollow ugc">jika.io API</a></li>
<li>Terms of Use: Please refer to the jika.io API’s <a href="https://www.jika.io/termsofuse" rel="nofollow ugc">Terms of Use</a>.</li>
<li>Privacy Policy: For information regarding data handling and privacy practices, please review the <a href="https://www.jika.io/privacypolicy" rel="nofollow ugc">Privacy Policy</a> of jika.io.</li>
</ul>
<h3>2. PayPal JavaScript SDK:</h3>
<ul>
<li>Description: To enable seamless payment processing, our plugin utilizes the PayPal JavaScript SDK. This SDK allows us to securely collect payments from users through PayPal.</li>
<li>Service URL: <a href="https://developer.paypal.com/docs/business/javascript-sdk/" rel="nofollow ugc">PayPal JavaScript SDK</a></li>
<li>Terms of Use: Please review PayPal’s <a href="https://www.paypal.com/us/webapps/mpp/ua/useragreement-full" rel="nofollow ugc">Terms of Use</a>.</li>
<li>Privacy Policy: For information regarding data handling and privacy practices, please review PayPal’s <a href="https://www.paypal.com/us/webapps/mpp/ua/privacy-full" rel="nofollow ugc">Privacy Policy</a>.</li>
</ul>
We prioritize user trust and data protection. Therefore, we have provided comprehensive documentation to ensure transparency regarding the use of external services. Users can review the terms of use and privacy policies associated with these services to make informed decisions about their data.
For any further inquiries or concerns regarding external service dependencies, please contact our support team at <a href="mailto:info@jika.io" rel="nofollow ugc">info@jika.io</a>.
<h3>Reference</h3>
<h3>Font Family</h3>
<ul>
<li><code>Nunito</code></li>
<li><code>Arial</code></li>
<li><code>Helvetica</code></li>
<li><code>Times New Roman</code></li>
<li><code>Times</code></li>
<li><code>Courier New</code></li>
<li><code>Courier</code></li>
<li><code>Verdana</code></li>
<li><code>Roboto</code></li>
<li><code>Open Sans</code></li>
<li><code>Lato</code></li>
<li><code>Montserrat</code></li>
<li><code>Poppins</code></li>
</ul>
<h3>Financial keys</h3>
<h4>Key Metrics</h4>
<ul>
<li><code>Revenue Per Share</code></li>
<li><code>Net Income Per Share</code></li>
<li><code>Operating Cash-Flow Per Share</code></li>
<li><code>Free Cash-Flow Per Share</code></li>
<li><code>Cash Per Share</code></li>
<li><code>Book Value Per Share</code></li>
<li><code>Tangible Book Value Per Share</code></li>
<li><code>Shareholders Equity Per Share</code></li>
<li><code>Interest Debt Per Share</code></li>
<li><code>Earnings Yield</code></li>
<li><code>Free Cash-Flow Yield</code></li>
<li><code>Days Of Sales Outstanding</code></li>
<li><code>Days Of Payables Outstanding</code></li>
<li><code>Days Of Inventory On Hand</code></li>
<li><code>Capex Per Share</code></li>
<li><code>Market Cap</code></li>
</ul>
<h4>Income Statement</h4>
<ul>
<li><code>Revenue</code></li>
<li><code>Cost of Revenue</code></li>
<li><code>Gross Profit</code></li>
<li><code>Operating Expenses</code></li>
<li><code>Research And Development Expenses</code></li>
<li><code>SG&A Expenses</code></li>
<li><code>Selling And Marketing Expenses</code></li>
<li><code>Other Operating Income Or Expenses</code></li>
<li><code>Interest Expense</code></li>
<li><code>Depreciation And Amortization</code></li>
<li><code>EBITDA</code></li>
<li><code>Operating Income</code></li>
<li><code>Total Non-Operating Income or Expense</code></li>
<li><code>Pre-Tax Income</code></li>
<li><code>Income Taxes</code></li>
<li><code>Net Income</code></li>
<li><code>EPS - Earnings Per Share</code></li>
<li><code>EPS Diluted</code></li>
<li><code>Weighted Average Shares vs. Shares Outstanding</code></li>
<li><code>Weighted Average Shares vs. Shares Outstanding Diluted</code></li>
</ul>
<h4>Balance Sheet</h4>
<ul>
<li><code>Cash And Cash Equivalents</code></li>
<li><code>Short Term Investments</code></li>
<li><code>Receivables</code></li>
<li><code>Inventory</code></li>
<li><code>Other Current Assets</code></li>
<li><code>Total Current Assets</code></li>
<li><code>Property, Plant And Equipment</code></li>
<li><code>Goodwill And Intangible Assets</code></li>
<li><code>Long-Term investments</code></li>
<li><code>Tax Assets</code></li>
<li><code>Other Non-Current Assets</code></li>
<li><code>Total Non-Current Assets</code></li>
<li><code>Other Assets</code></li>
<li><code>Total Assets</code></li>
<li><code>Account Payables</code></li>
<li><code>Short Term Debt</code></li>
<li><code>Tax Payables</code></li>
<li><code>Deferred Revenue</code></li>
<li><code>Other Current Liabilities</code></li>
<li><code>Total Current Liabilities</code></li>
<li><code>Long Term Debt</code></li>
<li><code>Deferred Revenue Non Current</code></li>
<li><code>Deferred Tax Liabilities Non Current</code></li>
<li><code>Other Non-Current Liabilities</code></li>
<li><code>Total Long Term Liabilities</code></li>
<li><code>Other Liabilities</code></li>
<li><code>Total Liabilities</code></li>
<li><code>Common Stock Net</code></li>
<li><code>Retained Earnings (Accumulated Deficit)</code></li>
<li><code>Comprehensive Income</code></li>
<li><code>Other Share Holders Equity</code></li>
<li><code>Share Holder Equity</code></li>
<li><code>Total Liabilities and Share Holders Equity</code></li>
<li><code>Total Investments</code></li>
<li><code>Total Debt</code></li>
<li><code>Net Debt</code></li>
</ul>
<h4>Ratios</h4>
<ul>
<li><code>Current Ratio</code></li>
<li><code>Quick Ratio</code></li>
<li><code>Cash Ratio</code></li>
<li><code>Gross Profit Margin</code></li>
<li><code>Operating Profit Margin</code></li>
<li><code>Pre-Tax Profit Margin</code></li>
<li><code>Net Profit Margin</code></li>
<li><code>Effective Tax Rate</code></li>
<li><code>Return On Assets</code></li>
<li><code>Return On Equity</code></li>
<li><code>Return On Capital Employed</code></li>
<li><code>Debt Ratio</code></li>
<li><code>Debt To Equity Ratio</code></li>
<li><code>Long-Term Debt To Capitalization</code></li>
<li><code>Total Debt To Capitalization</code></li>
<li><code>Interest Coverage</code></li>
<li><code>Cash-Flow To Debt Ratio</code></li>
<li><code>Receivables Turnover</code></li>
<li><code>Payables Turnover</code></li>
<li><code>Inventory Turnover</code></li>
<li><code>Fixed Asset Turnover</code></li>
<li><code>Asset Turnover</code></li>
<li><code>Payout Ratio</code></li>
<li><code>Operating Cash-Flow To Sales Ratio</code></li>
<li><code>Free Cash-Flow To Operating Cash-Flow Ratio</code></li>
<li><code>Cash-Flow Coverage Ratios</code></li>
<li><code>Short-Term Coverage Ratios</code></li>
<li><code>Capital Expenditure Coverage Ratio</code></li>
<li><code>Dividend Paid And Capex Coverage Ratio</code></li>
<li><code>Dividend Payout Ratio</code></li>
<li><code>Price To Book Ratio</code></li>
<li><code>Price To Sales Ratio</code></li>
<li><code>PE Ratio</code></li>
<li><code>Price To Free Cash-Flows Ratio</code></li>
<li><code>Price To Cash-Flow Ratio</code></li>
<li><code>PEG Ratio</code></li>
</ul>
<h4>Financial Growth</h4>
<ul>
<li><code>Revenue Growth</code></li>
<li><code>Gross Profit Growth</code></li>
<li><code>EBIT Growth</code></li>
<li><code>Operating Income Growth</code></li>
<li><code>Net Income Growth</code></li>
<li><code>EPS Growth</code></li>
<li><code>EPS Diluted Growth</code></li>
<li><code>Weighted Average Shares Growth</code></li>
<li><code>Weighted Average Shares Diluted Growth</code></li>
<li><code>Dividends Per Share Growth</code></li>
<li><code>Operating Cash-Flow Growth</code></li>
<li><code>Free Cash-Flow Growth</code></li>
<li><code>10-Year Revenue Growth Per Share</code></li>
<li><code>5-Year Revenue Growth Per Share</code></li>
<li><code>3-Year Revenue Growth Per Share</code></li>
<li><code>10-Year Operating Cash-Flow Growth Per Share</code></li>
<li><code>5-Year Operating Cash-Flow Growth Per Share</code></li>
<li><code>3-Year Operating Cash-Flow Growth Per Share</code></li>
<li><code>10-Year Net Income Growth Per Share</code></li>
<li><code>5-Year Net Income Growth Per Share</code></li>
<li><code>3-Year Net Income Growth Per Share</code></li>
<li><code>10-Year Shareholders Equity Growth Per Share</code></li>
<li><code>5-Year Shareholders Equity Growth Per Share</code></li>
<li><code>3-Year Shareholders Equity Growth Per Share</code></li>
<li><code>10-Year Dividend Growth Per Share</code></li>
<li><code>5-Year Dividend Growth Per Share</code></li>
<li><code>3-Year Dividend Growth Per Share</code></li>
<li><code>Receivables Growth</code></li>
<li><code>Inventory Growth</code></li>
<li><code>Asset Growth</code></li>
<li><code>Book Value Per Share Growth</code></li>
<li><code>Debt Growth</code></li>
<li><code>R&D Expense Growth</code></li>
<li><code>SG&A Expenses Growth</code></li>
</ul>
<h4>Cash Flow Statement</h4>
<ul>
<li><code>Net Income or Loss</code></li>
<li><code>Depreciation And Amortization</code></li>
<li><code>Deferred Income Tax</code></li>
<li><code>Stock-Based Compensation</code></li>
<li><code>Change In Working Capital</code></li>
<li><code>Other Non-Cash Items</code></li>
<li><code>Change In Accounts Receivable</code></li>
<li><code>Change In Inventories</code></li>
<li><code>Change In Accounts Payable</code></li>
<li><code>Other Working Capital</code></li>
<li><code>Cash Flow From Operating Activities</code></li>
<li><code>Net Change In Property, Plant And Equipment</code></li>
<li><code>Net Acquisitions or Divestitures</code></li>
<li><code>Purchase Of Investments</code></li>
<li><code>Sales or Maturities Of Investments</code></li>
<li><code>Investing Activities - Other</code></li>
<li><code>Cash Flow From Investing Activities</code></li>
<li><code>Debt Repayment</code></li>
<li><code>Net Common Equity Issued</code></li>
<li><code>Net Common Equity Repurchased</code></li>
<li><code>Total Common And Preferred Stock Dividends Paid</code></li>
<li><code>Financial Activities - Other</code></li>
<li><code>Cash Flow From Financial Activities</code></li>
<li><code>Effect Of Forex Changes On Cash</code></li>
<li><code>Net Cash Flow</code></li>
<li><code>Cash At Beginning Of Period</code></li>
<li><code>Cash At End Of Period</code></li>
<li><code>Operating Cash Flow</code></li>
<li><code>Capital Expenditure</code></li>
<li><code>Free Cash Flow</code></li>
</ul>

Jika.io Stock Market Widgets

Stock Market Widgets for WordPress By Jika.io

Stock Quotes List vs Jika.io Stock Market Widgets