There was a problem loading the comments.

iFraming the Technical Analysis web component

Support Portal  »  Knowledgebase  »  Viewing Article

  Print

How to iFrame Autochartist’s Technical Analysis into your website

You can embed the Technical Analysis web component directly into your website by iframing it into the relevant section of your site.

This will involve using standard HTML <iframe> tags, and will look something like this:

 

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

 

 

There are 2 integration options.

 

Option 1 (Simple Method)

If you have limited IT team capabilities, or limited access to your CRM, you can simply iframe the production URL sent to you during onboarding, into the client area of your site.
The production URL will need to be replaced periodically (every 14 months), and our team will provide you with the replacement URL when it’s time.

 

Option 2 - Recommended (Expiry Token Method)

This is slightly more technical, but it provides better value by preventing the iframe link from being bookmarked by the trader, forcing them to come back to your site to get access.

With this option your IT team will need to add some code that allows your site to generate a secure expiry token for the iframe content. It is very basic coding, and you can find details here:

 

How to generate Authentication Tokens for your Web Components

 

Technical Analysis iframe’s URL & Parameters

 

The Base URL is:

https://component.autochartist.com/to/

Required Parameters:

  • ?broker_id=[The ID given to you during onboarding]
  • &account_type=LIVE

 

  • &user=[username]
  • &expire=[expiry date]
  • &token=[secure token]

 

 Followed by additional Parameters:

  • &trade_now=[y or no] Displays or hides the Trade Now button
  • &locale=[language Selection] (see notes below)
  • &layout=[layout selection] (see notes below)
  • &style=[style code]
  • &css=[a url to a custom css for style adjustment] (optional parameter)

Notes:

  • The Trade Now
    • Button will only be active if it is included in your product selection.
  • Languages
    • (locale) will allow you to select the display language for the component. With no parameter set, it will use the browser’s language preference.
    • Language codes can be found here:
    • Only languages available in your product selection will be available to use
    • If this parameter is left out, the browser’s default language will be used.
    • The parameter values will be in this format: en_GB
  • Layout
    • Various layout options available values are:
      • vertical
      • horizontal
      • inline
      • mini
  • Style
    • If you have multiple style options available to you in your contract, you will use this parameter to select the styling option to use.
  • CSS
    • Optional parameter for custom styling.

The final link will look like this:

 

 https://component.autochartist.com/to/?broker_id=916&token=e3f2dec9cd18bff6028827fb0e4e1266&expire=1748210400&user=Autochartist&locale=en_GB&layout=horizontal&account_type=LIVE&trade_now=n

 


Share via

Related Articles

© Autochartist