Disclaimer: This website requires JavaScript to function properly. Some features may not work as expected. Please enable JavaScript in your browser settings for the best experience.

The availability of features may depend on your plan type. Contact your Customer Success Manager if you have any questions.

Dev GuideAPI Reference
Dev GuideAPI ReferenceUser GuideLegal TermsGitHubDev CommunityOptimizely AcademySubmit a ticketLog In
Dev Guide

Extensions

This topic describes how to create an extension in Optimizely Web Experimentation and Optimizely Performance Edge.

Extensions are reusable templates for making changes in the visual editor. A developer can build an extension with HTML, CSS, and JavaScript. Then a nontechnical user can insert the extension in the editor and tweak parameters. For example, a developer could build a carousel extension styled for a homepage and coded to rotate between images, and then a merchandiser could insert it and choose the right images for a specific campaign.

📘

Note

This feature is only available in Accelerate and Scale for MAU pricing models and Business and Enterprise for Impressions pricing models.

You can create a extension under Implementation > Extensions. Each extension has a unique ID that identifies it on the page. If the same extension is inserted in multiple places, the code will only be included once and each instance will call into it by ID. Extensions can be inserted on multiple pages, but you can choose one Editor URL that will appear in the extension builder. The Name and Description are human-readable text in the Optimizely Web Experimentation interface.

📘

Note

To use Extensions in Optimizely Performance Edge, see Custom code and utility functions to learn how to implement custom code for experiments.


Next