Advanced implementation
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.
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.
Test two URLs with a redirect experiment
Optimizely Web Experimentation Optimizely Performance Edge Redirect experiments let you compare two separate URLs as variations in an A/B test. For example, you might create a redirect experiment that compares two versions of a landing page.
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.
jQuery and the $ variable
Optimizely Web Experimentation You might be accustomed to bundling jQuery in the snippet, loading your own jQuery library on pages, and editing jQuery variation code in the Visual Editor (or writing your own variation code). Optimizely Web Experimentation is not dependent on jQuery, and the Visual Editor does not generate editable code.
AngularJS help
Optimizely Web Experimentation AngularJS is one of the most popular single-page application (SPA) frameworks in use today. Optimizely Web Experimentation will not work out of the box on a single-page application, but there are some easy steps to follow to make AngularJS work seamlessly.
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.