Top
Using Javascript
  • 1 minute to read
  • Print
  • Dark
    Light

Using Javascript

  • Print
  • Dark
    Light

Whatfix uses two lines of JavaScript to ensure that content created using the editor is rendered on your application. The JavaScript needs to be inserted in the header of your application so that it is available on every page of your application.

Whatfix JS Embed

To access the latest version of the JavaScript.

your title goes here
The script changes slightly depending on if you are using it directly on your production instance or if you'd want to use it on your non-production environments as well.
  1. Navigate to the Whatfix dashboard.

    gotoDashboard%20%282%29.png

  2. On the top right, click the Settings icon.

    settings_icon (1)

  3. Click  Configuration.

    settings_configuration.png

  4. Click the Integration tab.

    configuration_integration

  5. Copy the desired script using the respective  Copy button. The script can be inserted in the header or footer of your application so that it is present on every page on your application.

    The development script is to be used on non-production or development environments.

  6. your title goes here
    If you have been a Whatfix customer from prior to Jan 2018, your account may not be using CDN deployment. Contact your respective Customer Success managers to enable the CDN option for your account.

    Whatfix JavaScript on your Application.

    Once you have the JavaScript, here's a good place for the Whatfix JavaScript to be placed in your application. If your application uses iframes , there's an example for that as well.

    <html><!-- Main Container -->
        <head>
            <!-- whatfix code should be here -->
        </head>
        <body>
            <iframe>
                <html><!-- Sub Container page -->
                    <head>
                        <!-- whatfix code is inserted here -->
                    </head>
                    <body>
                    </body>
                </html>
            </iframe>
        </body>
    </html>
    
    Note
    Contact your Customer Success Manager to learn more.
Was this article helpful?