Banner Extension


This Optimizely Web extension enables you to put a banner on the top of your website for important message for your users.




  1. Download the resources of this Optimizely Lab
  2. Unzip the contents and open the file config.json in any text editor
  3. Copy the contents of the config for use in step 7
  4. Sign-in to your Optimizely Account
  5. Switch to an Optimizely Web project
  6. Navigate to Implementation > Extensions > Create New... > Using JSON
  7. Paste the config you copied in step 3
  8. Click the Ellipses (...) on the right of the newly created extension and click Enable to enable this extension for use in your project.


In an experiment variation:

  1. Click Create
  2. Click Banner
  3. Fill in the fields of the extension:

Text - The main text of the banner. Link Text - The text that will be used for a link. Link - The URL that the link should navigate to. Color - The background color of the banner

  1. [Optional] You can also specify if this banner needs to be synchronous (i.e. displayed right away before the rest of the page loads) or asynchronous (i.e. not slow down the page from loading because the banner can be displayed as the page is loading)
  2. Congrats, you have now used the Banner Extension in your Optimizely Project!
Additional links