This tutorial explains how to create, configure, and add IR Charts widgets to your webpage.
Just take a few simple steps listed below.
Sign Up
To sign up to IR Charts,
- Go to the Sign up page.
- Fill in the form.
- Click SIGN UP.
- Follow the instructions emailed to you.
To set your tickers,
- In the Tickers box, start entering the ticker.
- Select the ticker from the drop-down menu.
- Add more tickers if needed.
If your ticker is not yet available, you can set a substitute ticker:
- In the Tickers box, enter your ticker.
- Click the notification Ticker not found, click here to set a substitute ticker.
- In the dialog, go to the Substitute ticker box and start entering the substitute ticker.
- Select the substitute ticker from the drop-down menu and click CONFIRM.
Widgets
The IR Charts Stock Widgets solution provides the following widget types:
- Ticker
- Card
- Chart
- Lookup
Ticker
The Ticker widget is a quick-glance bar with stock prices. Ticker adds a scrolling tape with the latest stock quotes, like those used on stock exchanges. Ticker supports the following templates:
- Basic
- Compact
- Two rows
- Up-Down
- Dotted
Card
The Info Card widget lets you display the intraday of company stocks. Several cards can be grouped together to display quotes of multiple assets using the same style. Card supports the following templates:
- Basic
- Top border
- Circle
- Stock info
Chart
The Advanced Chart widget is a powerful charting solution that can be easily embedded into a company website. Match the chart style to your corporate branding by personalizing its appearance. Chart supports the following templates:
- Light theme
- Dark theme
Lookup
The Historical Lookup widget allows you to see the company stock price at any date and calculate the profit depending on the investment day. Lookup supports the following templates:
- Basic
- Compact
- With input
- Calendar
Create and Configure
To create and configure a widget,
- Go to Widgets.
- Click ADD WIDGET. The configuration page will open.
- Select a widget type in the Select widget type panel.
- Select a template in the Select widget template panel.
- Type the name in the Widget name input.
- Select a ticker from the Ticker drop-down menu.
- Customize the widget: set widget elements, colors, etc.
Preview
You can preview your widget before saving it, while you are still on the configuration page:
- Click the PREVIEW button on the Your widget panel.
- A page template with a live widget will open, allowing you to see how the widget may look on your website.
Save
To save your widget,
- Make sure that the name you specified in the Widget name input is unique (different from the names of other widgets).
- Click SAVE.
Embed
To embed a widget on a website,
- Go to the Widgets page.
- Hover over a widget.
- Click EMBED.
- Copy the HTML code.
- Paste the code into your HTML page (wherever you want to display the widget).
- Customize <div> using CSS if needed.
Manage
You can manage your widgets. Go to the Widgets page. , hover over any widget, and use the following options:
- PREVIEW to preview the widget
- EMBED to get the HTML code for embedding
- EDIT to open the configuration page
- DELETE to delete the widget
Data
To create your own widget based on the data from an IR Charts widget, use a JSON feed. You can get the link to the feed in the EMBED window:
- Go to the Widgets page.
- Hover over a widget.
- Click EMBED.
- Click JSON.
- Copy the link.