There was a problem loading the comments.

IFraming the Calendar web component

Support Portal  »  Knowledgebase  »  Viewing Article

  Print

How to iFrame Autochartist’s Calendar into your website

 

There are two possible ways of implementing the Calendar Component into your website:

  • The first option is where you can embed the Calendar web component directly into your website by iFraming the following URL into the relevant section of your site:

During your onboarding process, our onboarding team provided you with a URL. Simply embed the URL in an <IFrame> tag on your website as follows:

<iframe src="url_from_autochartist"></iframe>

  • Web Application Configuration

The following optional parameters can be provided to configure the web app directly via the URL parameters:

&timezone – adjust time zone settings. If not specified, the browser’s default will be used. All time zones from http://en.wikipedia.org/wiki/List_of_tz_database_time_zones are supported.

  • The second option is to create user specific URLs (Recommended):

During your onboarding process, our onboarding team provided you with a URL. Simply embed this URL in an <IFrame> tag on your website as follows:

https://eia.autochartist.com/calendar/?broker_id=<brokerid>&token=<token>&expire=<expiry>&user=<user>&locale=<language>&showall=true&nextdays=3&css=<css>

The parameters are as follows:
<brokerid> – the broker ID provided to you in the onboarding pack.
<expiry> – Unix timestamp of when this links will expire.
<user> – a user ID of the person accessing the link.
<token> – md5([UserID]|0|[Expiry][Secret Key]). See this article for details.
<locale> – Report display language. Browser language preference will be used if not specified. For example en = English, ru = Russian
<showall> - (true or false) will show all available results
<nextdays> - (integer) will add results from the following number of days
<hideReminder> removes the google calendar reminder icon
<hideAnalysis> removes the Analysis click through buttons
<css> – a url to a custom css for style adjustment (optional parameter)

Note:
The Secret Key component of the <token> parameter is provided to you in your onboarding pack


Share via

Related Articles

© Autochartist