library

library copied to clipboard

About

This library houses a collection of Optimizely extensions, add-ons, guides, and samples for educating and enabling users of Optimizely.

If you can't find what you are looking or have any feedback, open an issue on this repository.

Contents

• Optimizely Web
• Optimizely Edge
• Optimizely FullStack and Rollouts
• Optimizely Platform
• Demos
• Community
• Blog Posts
• Videos

Web

Extensions

Extensions are reusable templates for making changes in the visual editor of Optimizely Web. View the documentation or our code samples in the Extension Library.

• Background Image Swapper - Swaps a background image without flicker
• Banner - Add a top-level banner
• Bottom Banner - Add a bottom-level banner
• Countdown Timer - Add a customizable countdown timer
• Dynamic Banner - Add a bottom or top level banner
• Email Capture Pop-up - Add a pop-up which appears upon first visiting the page
• Exit Intent Pop-up - Add a pop-up which appears when the user moves their mouse off the screen
• Facebook Messenger Widget - beta - Facebook messenger widget to engage customers
• Hotspot - Hotspot to draw attention to an element on your page to guide user behavior
• Localized Copy Change - Make a copy change on your website in multiple languages
• Multibuy Offer Reminder - Display an offer pop-up based on user behaviors
• Nudge - Nudge the user towards a location to guide the user through a product
• Price Changer - Change prices site-wide on the page (Note: does not edit prices in the your servers).
• Sidebar Sliding Card - Add a sliding card for subtle reminders
• Sliding Card Advanced - Add a sliding card for subtle reminders based on user's browsing behavior
• Social Share Popup - Add a pop-up which allows users to share text on social media
• Text Swapper - Change text quickly to prevent chance of flicker above the fold
• Timed Modal - Add a pop-up which launches after a defined number of seconds
• Typed Messages - Display text that automatically writes/scrolls across the page
• Unsplash Photo Finder - Insert images from unsplash

Custom Integrations

Custom integrations allow customers to create project level integrations that can be enabled/disabled for individual campaigns in Optimizely Web. Today, we support analytic integrations to extend Optimizely to your third party analytic tools. View our supported integrations in the Integration Library.

• AT-Internet
• Adobe Analytics
• Amplitude
• Google Analytics Callback
• Google Analytics
• HotJar HeatMaps & Recordings
• Moat Analytics
• econda Analytics
• Quantum Metric

Project JavaScript

Project Javascript is an advanced configuration setting that provides a code field for JS to be executed before the Optimizely snippet's core logic begins executing. To learn more view our documentation.

• Clear Local Storage - Clear any local storage related to Optimizely

Edge

• Adobe Analytics List Variable Integration - track your Optimizely Performance Edge campaigns and experiments in Adobe Analytics
• Google Analytics Integration - track your Optimizely Performance Edge campaigns and experiments in Google Analytics

FullStack and Rollouts

Optimizely FullStack is A/B testing and feature flag management for product development teams. Experiment in any application. Make every feature on your roadmap an opportunity to learn. Learn more at https://www.optimizely.com/platform/full-stack/, or see the documentation.

Optimizely Rollouts is free feature flags for development teams. Easily roll out and roll back features in any application without code deploys. Mitigate risk for every feature on your roadmap. Learn more at https://www.optimizely.com/rollouts/, or see the documentation.

JavaScript

• Demo App: Algorithm Testing
• Demo App: Isomorphic React Web App
• Event Dispatcher: Experimental Solution for Tracking Redirect Clicks
• Redux Reducer: JavaScript SDK React Integration
• SDK Wrapper: Client Manager
• Demo App: Amazon Alexa + FullStack
• Demo App: CLI + FullStack

React

• React SDK
• Guide: Feature Flag Rollouts - Rollout customer-by-customer with React Feature Flags

Node

• Express Middleware - convenient wrapper to make installation in an ExpressJS application easy
• Guide: Feature Flag Rollouts - Rollout customer-by-customer with Feature Flags in Express
• RunKit: Simple Node Feature Flag
• RunKit: Secure Webhook Implementation

PHP

• Demo App: Algorithm Testing

Python

• Demo App: Algorithm Testing
• Demo App: SMS with Twilio
• SDK Wrapper: Async Event Dispatcher
• SDK Wrapper: Bulk Event Dispatcher with AWS SQS

Ruby

• Demo App: Algorithm Testing
• SDK Wrapper: Cached Datafile

Android

• Demo App

Java & Kotlin

• poetimizely - generate type safe accessors for Optimizely experiments and features.

iOS

• Demo App

FullStack Edge

• Cloudflare Worker Example - blog example of using Optimizely in a Cloudflare worker

Microservice

• Optimizely Agent - Optimizely containerized for use in a microservice environment
• Microservice Example - blog example of using Optimizely in a microservice environment

Platform

CLI

• Optimizely CLI - Command line interface for the REST API

REST API

• FullStack Postman Collection - Download Postman and import this collection to view API request examples

Demos

• Flappy Bird Video
• Flappy Bird Step-by-Step

Community

• Optimizely Slack community
• Optimizely Developer Newsletter - sent on the last Wednesday of the month

Blog Posts

• Powerful Feature Flags in React
• Powerful Feature Flags in Node
• Powerful Feature Flags in iOS
• eBook: Ship Confidently with Progressive Delivery and Experimentation
• Write Automation Tests for Feature Flags
• Keep Your Development Trains Running Through the Holiday Code Freeze
• Manage Outdated Feature Flags
• Feature Flag Ownership Model: Which one is right for you?
• Feature Flags: 3 Use Cases for your Development Cycle
• When to Feature Flag, Rollout, or A/B test?

Videos 

• Implementing Backend Feature Flags in JavaScript
• Implementing A/B Tests in React
• Implementing Static Site Feature Flags
• 5 Powerful Capabilities of Optimizely
• Implementing Optimizely’s Astronaut Demo
• Introduction to Rollouts
• Why doesn't Optimizely Full Stack slow down your application
• What happens if Optimizely Full Stack goes down
• How does Audience targeting work in Optimizely
• How does Optimizely Full Stack work in Microservices