Skip to main content
Toggle navigation menu
Submit a request
Sign in
Support Help Center
Experimentation
Set up Optimizely Web Experimentation
The Optimizely Web Experimentation Snippet
The Optimizely Web Experimentation Snippet
Information about setting up the Optimizely Web Experimentation Snippet.
Optimizely Web Experimentation JavaScript snippet
Implement the one-line snippet for Optimizely Web Experimentation
How the Optimizely Web Experimentation snippet works: Order of activation
Install the Optimizely Web Experimentation snippet as a non-blocking resource
Custom snippets in Optimizely Web Experimentation
Create, view, and manage custom snippets in Optimizely Web Experimentation
Synchronous and asynchronous snippet loading
<% var getColumnClasses = function(numberColumns) { var classNames = 'col-12'; if (numberColumns >= 2) classNames += ' sm:col-6'; if (numberColumns >= 3) classNames += ' md:col-4'; if (numberColumns >= 4) classNames += ' lg:col-3'; return classNames; } %>
<% if (heading) { %>
<%= heading %>
<% } %>
<% blocks.forEach(function(block, index) { %>
<% if (imageHeight) { %>
<% } %>
<% if (!block.description) { %>
<%= block.name %>
<% } else { %> <%= block.name %> <% } %>
<% if (block.description) { %>
<%= block.description %>
<% } %>
<% }) %>
Still have questions?
Contact us
Categories
<% categories.forEach(function(category, index) { %>
<%= category.name %>
<%= partial('partial-article-list-sections', { id: 'category-' + category.id, parentId: '#sidebar-article-navigation', sections: category.sections, activeCategoryId: activeCategoryId, activeSectionId: activeSectionId, activeArticleId: activeArticleId, partial: partial }) %>
<% }); %>
<% var maxSections = 5 %>
Toggle navigation menu
<% categories.forEach(function(category, index) { %>
<%= category.name %>
<%= partial('partial-section-list-sections', { parent: category, sections: category.sections, maxSections: maxSections, partial: partial }) %>
<% }); %>
Categories
Categories
<% categories.forEach(function(category) { %>
<%= category.name %>
<% }); %>
<% if (sections.length) { %>
<% sections.forEach(function(section) { %>
<%= section.name %>
<%= partial('partial-article-list-sections', { id: 'section-' + section.id, parentId: '#' + id, sections: section.sections, activeCategoryId: activeCategoryId, activeSectionId: activeSectionId, activeArticleId: activeArticleId, partial: partial }) %> <% if (section.articles.length) { %>
<% section.articles.forEach(function(article) { %>
<%= article.title %>
<% }); %>
<% } %>
<% }); %>
<% } %>
<% if (sections.length) { %>
<% sections.slice(0, maxSections).forEach(function(section) { %>
<%= section.name %>
<%= partial('partial-section-list-sections', { parent: section, sections: section.sections, maxSections: maxSections, partial: partial }) %>
<% }); %> <% if (sections.length > maxSections) { %>
See more
<% } %>
<% } %>