How to Add External JS/CSS Libraries in Wingify?

Attention: You are viewing documentation for Visual Editor. If you are looking for Visual Editor Next documentation, click here.

The code editor is a powerful tool for users to implement changes on test variations using code. Using the editor, you can edit the variations by directly editing the JS/CSS of the webpage and import custom libraries or a standard library using the quick add option.

Let's learn how you can add custom JavaScript and CSS to your variations using Wingify Editor.

#Adding Custom JavaScript

If you wish to add your custom JavaScript in a variation, follow these steps:

1. Select the variation you want to edit and clickCode at the bottom of the Wingify Editor.
2. To add your own JS library, click the ellipsis() corresponding to the JavaScript tab and select Include External JavaScript.
3. In the External file path field, enter the file path to your custom JS and click DONE.
4. Alternatively, there are a few common JavaScript libraries included in the Quick Add drop-down. You can select one and click DONE. By default, jQuery v1.4.2 is already included inside the Code Editor.

#Adding Custom CSS

If you wish to add custom CSS in a variation, follow these steps:

1. Select the variation you want to work with and clickCode at the bottom of the Wingify Editor.
2. To add external CSS, click the () corresponding to the CSS tab and choose Include External Stylesheet.
3. In the External file path field, enter the file path to your custom CSS and click DONE.
4. Alternatively, there are a few common CSS libraries included in the Quick Add drop-down. You can select one and click DONE.

#Need more help?

For further assistance and more information, contact Wingify Support.