DEPRECATION NOTE: The Docebo for Optimizely Integration will reach 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 will not be 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
To activate theOptimizely app in your platform, log into your LMS as the Superadmin. Access the Admin Menu from the gear icon in the header, then press the Add New Apps button.
Select the Third Party Integrations tab from the tab menu. Find the Optimizely app in the list of apps in this tab, then press the Activate Now button in the app’s row. Read the description in the pop up box, then press the Activate Now button. The app is now active in your platform.
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.