Magnifi Guided Discovery Tool

Users can discover funds through our discovery tool or browse popular themes & searches.

1. Import the widget styles.

Add the stylesheet/CSS in the HEAD section of the website.

<link rel=”stylesheet” href=”https://discover.magnifi.com/widget/ossf-widget-v2.0.css”>

2. Initialize the component on the page you want to display.

Add the div where you want to display the widget.

<div id=”siw-2-2019″></div>

3. Import the javascript file to help render the widget results.

Import the JS file at the end of BODY Section of the website and replace “xxxxx…” with your unique access token.

<script type="text/javascript" src="https://discover.magnifi.com/widget/ossf-widget-v2.0.js?token=xxxxxxxxxxxxxxxx"></script>

Magnifi Search API

Users can discover funds through our search API.

1. Import the widget styles.

Add the stylesheet/CSS in the HEAD section of the website.

<link rel=”stylesheet” href=”https://discover.magnifi.com/ossf-widget-v0-9.css”>

2. Initialize the component on the page you want to display.

Add the div where you want to display the widget.

<div id=”siw2019″></div>

3. Import the javascript file to help render the widget results.

Import the JS file at the end of BODY Section of the website and replace “xxxxx…” with your unique access token.

<script type="text/javascript" src="https://discover.magnifi.com/ossf-widget-v0-9.js?token=xxxxxxxxxxxxxxxx"></script>