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
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
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
Python
- Demo App: Algorithm Testing
- Demo App: SMS with Twilio
- SDK Wrapper: Async Event Dispatcher
- SDK Wrapper: Bulk Event Dispatcher with AWS SQS
Ruby
Android
Java & Kotlin
- poetimizely - generate type safe accessors for Optimizely experiments and features.
iOS
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
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
