Advanced implementation
Dynamic websites and single-page applications
Optimizely Web Experimentation Optimizely Performance Edge Optimizely Personalization Many sites are built as single-page applications (SPAs) to optimize the speed of content delivery and improve overall site performance. SPAs offer a few key advantages over traditional static websites they are fast, responsive, and compact.
Default change order
Optimizely Web Experimentation Optimizely Personalization Optimizely Web Experimentation defines experiences as sets of "changes" to the original webpage. Most changes are specified at the variation level, scoped to a single page.
Load synchronous and asynchronous code changes in Optimizely Web Experimentation
Optimizely Web Experimentation Optimizely Personalization Optimizely Performance Edge You can use timing changes to load parts of your variation code asynchronously. You can load the visible components on the page synchronously and allow any resource-intensive components to load without forcing users to wait to interact with your page.
Shared code: Run custom JavaScript and CSS across all variations
Optimizely Web Experimentation Optimizely Performance Edge Optimizely Personalization With Optimizely Web Experimentation, Performance Edge, and Optimizely Personalization, you can add your own customized JavaScript or CSS code to your experiments. You can apply this custom code at the variation level, or you can use Optimizely's shared code feature to apply it to an entire experiment across all variations.
Custom code
Optimizely Web Experimentation Optimizely Personalization Optimizely Performance Edge Optimizely Web Experimentation and Optimizely Performance Edge let you use custom JavaScript or CSS code to make changes to your site and extend your testing capabilities beyond Optimizely's standard toolkit. With custom code, you can Execute your custom code only for visitors bucketed into a particular variation instead of all visitors.
When to use custom code, shared code, project Javascript, and extensions
Optimizely Web Experimentation Optimizely Personalization Optimizely Web Experimentation lets you use custom code , shared code , or project JavaScript to make powerful changes to your site and extend your testing capabilities even beyond Optimizely's standard toolkit. You could use them to track certain specific metrics that are not included as default metric options, like scroll depth or cart abandonment.
Get started with experience templates
Optimizely Web Experimentation Optimizely Performance Edge Optimizely Personalization Experience templates in Optimizely Web Experimentation and Optimizely Personalization let you streamline campaign and experiment creation and reduce code duplication. You can use the pre-built templates provided by Optimizely to quickly create a campaign or experiment with little to no development, or build your own.
Example: Add a timed modal
Optimizely Web Experimentation Optimizely Personalization Timed modals (also called lightboxes) can emphasize a call to action on your website, like asking visitors to sign up for a newsletter or share your page on social media sites. You can add a timed modal template https //github.