Try ShortPoint nowThis article will demonstrate how to add a stock widget to your SharePoint page using ShortPoint's free Code Editor Web Part. You can follow either the quick walkthrough (if you're already familiar with the Code Web Part) or the step-by-step tutorial for detailed instructions.
TABLE OF CONTENTS
Prerequisite
- You must already have the ShortPoint Code Web Part installed on your SharePoint page. To learn how to do this, check out How to Install ShortPoint Code Editor in SharePoint.
Quick Walkthrough
1. Find the stock widget you want to use, customize it, and copy the embed code.
2. Go to your SharePoint page and add the ShortPoint Code Web Part.
3. Click the Edit Properties icon of the ShortPoint Code to edit it.
4. Delete all default codes.
5. Paste the copied code in the HTML field, customize it according to your needs, and click Save.
6. Enable Sandbox Mode, disable auto height, adjust the height of the code container, and close the ShortPoint Code window.
7. Republish the page.
Step-by-step Tutorial
Follow this detailed guide to add a stock widget to your page:
Step 1: Find a Stock Widget
- Look for a stock widget you want to use. For this guide, we will use the Symbol Overview Widget of TradingView:
- Customize the widget according to your preferences and click Apply:
NOTEThe customizations available will depend on the weather widget you are using.TIPIf you don’t know where to start looking for a stock widget, you can check out TradingView. They have a wide array of charts, tickers, and watchlists you can embed on your SharePoint pages—all of which can be customized according to your needs.Step 2: Copy the Embed Code
- Once you’re satisfied with your customizations, click Copy Code:
Step 3: Add the ShortPoint Code Web Part
- Go to the SharePoint page where you want to add the stock widget and click Edit:
- Click the close icon to leave the Toolbox:
- Select the plus icon to add a web part:
- Use the search bar to look for ShortPoint Code, or scroll down until you see the Advanced section. Click ShortPoint Code:
Step 4: Edit the ShortPoint Code Web Part
- Click the Edit Properties icon:
Step 5: Delete Default codes
- Select each field, delete the default codes inside, and click Save:
Step 6: Paste the Code
- Click the Edit HTML field:
- Paste the code:
- You can directly edit the code in the Shortpoint Code Editor. Customize the code according to your needs and click Save:
Step 7: Enable Sandbox Mode
- Scroll down and toggle on Sandbox Mode:
- Disable Auto height and use the blue slider to customize the container’s height:
- Once satisfied, click the close icon to leave the ShortPoint Code window:
Step 8: Republish Page
- Click Republish once you’re ready to make your changes live:
That’s it! You now have a stock widget on your SharePoint page. You can do many more things using the ShortPoint Code web part. Go through each one of them to make the most out of this web part:
- How to Add a Facebook Post to a SharePoint Page
- How to Add an Instagram Post to a SharePoint Page
- How to Add an X Post to a SharePoint Page
- How to Add a LinkedIn Post to a SharePoint Page
- How to Add a Viva Engage Feed to a SharePoint Page
- How to Embed a YouTube Video Playlist to a SharePoint Page
- How to Embed a Vimeo Video Playlist to a SharePoint Page
- How to Add a Web Page Animation to a SharePoint Page
- How to Embed a Weather Widget to a SharePoint Page
