How to Configure the Stock Price Web Part

Use the Stock Price web part to display the current price of a certain stock.

NOTE: This webpart has been depreciated, but can still be used in your Percy. It is part of the Percy Web Parts app which is included in the Percy site templates. If you do not see this webpart, add the Percy Web Parts app to your site.

  1. If you're not in edit mode already, click 'Edit' at the top right of the page.
    Resource Booking Web Part - Edit Banner
  2. Hover your mouse above or below an existing web part or under the title region and click the plus sign and then select the Stock Price web part.
    Resource Booking Web Part - Plus Web Part
    stockprice-setup-1
  3. Click on the edit pen in the top left corner of the web part to configure it.
    Stock Price Web Part Config
  4. The details pane will then appear on the right hand side. Providing the following options:
    Stock Price Web Part Config API 
    1. API Key: For this webpart, we use Alpha Vantage free API service to provide the data. In order for this component to work, you will need an API key which can be gathered from this website: https://www.alphavantage.co/support/#api-key. Once you paste the key into the field, you will be able to retrieve the necessary data.
    2. Stock Symbol: This is the stock symbol for the company you want to display. e.g. Microsoft is "MSFT"
  5. To save your page, click on the "Save as draft" button in the top left corner.
    Stock Price Web Part Draft
  6. You should now see the stock price being displayed.
    Stock Price Web Part MS Stock
  7. When you are ready for your audience to see the page, click Publish.