DEPRECATION NOTE: The Docebo for Optimizely Integration has reached its End of Support on September 30, 2021, and its End of Life on December 31, 2021. Once the integration reaches its End of Life date, it is no longer accessible or usable by Superadmins, Power Users, or Learners.
Please note that we recommend that you do not use customized CSS and Optimizely at the same time on your platform. However, if you have configured CSS using Docebo's Branding and Look & Feel, you want to make sure you have saved all changes and customized the CSS BEFORE using Optimizely on your platform.
Activating the Optimizely App in Docebo
Activate the Optimizely app as described in the Managing Apps & Features article of the Knowledge Base. The app is listed in the Third Party Integrations tab.
Configuring the Optimizely App in Docebo
To begin your configuration, access the Admin Menu, then find the Optimizely section and press the Manage subitem. On the main management page for Optimizely, flag the option to Enable the app, then press Save Changes. You will also see the box below that allows you to add a JS code from Optimizely. To do so, let's take a look at the integration from Optimizely's side.
Configuring your Integration in Optimizely
Begin by logging into your Optimizely account. Then, on the homepage, press the New Experiment button. In the pop up box, type in the name of your new experiment, then enter the URL of your platform. Please note that you should log into your LMS before entering the URL into the corresponding text box in Optimizely. You should have active logins in two tabs on the same browser, one in your Docebo LMS and one in Optimizely.
Then, press Create Experiment. You will then be redirected to the Editor for the new experiment. To learn more about editing your Docebo platform in Optimizely, please refer to the Optimizely Knowledge Base. Once you're finished editing your platform and you have saved your changes, press the Start Experiment button in the top right corner of the page.
Starting the experiment will make the interface live on your platform. Now, you need to copy the JS code from the pop up box and paste it into the corresponding text box on the management page for the Optimizely app in your LMS (you can refer to the steps in the first section of the manual if you need to reminder of how to access that page).
Now, any time that you make a change in the Optimizely editor, make sure that you Save Changes to an existing project before trying to view it on the platform. Likewise, every time you make a new change in an experiment that is already embedded into your platform, it’s recommended to log out of your LMS, clear the cookies and cache in your browser, then log back into the platform to view the changes.
Audience Targeting and A/B Testing for your Platform
You can also use audience targeting and perform A/B testing on your Docebo LMS with Optimizely. By doing so, you can create an audience to deicide which users see the platform that has been changed in Optimizely, and the platform that doesn't show the Optimizely changes. To learn how to perform these actions in Optimizely, please refer to this manual in the Optimizely Knowledge Base.