Beta Opt-in is a feature that allows end users of your product to opt-in to a list of eligible beta features through a pre-built component that can be implemented in your app and website with one line of code. Your team has the ability to customize the look & feel of this component to your company's colour profile and logo.
This article explains how to implement our Beta Opt-in functionality on your app or website.
To get started with the Beta Opt-In functionality all you need are running features in DevCycle and a page that you can install the iFrame into.
The Beta Opt-In functionality can be turned on from the Organization Settings page.
Once here, navigate to the "Beta Opt-In" page of the settings:
From here, you can customize the heading, colours, image, and main text of the opt-in prompt.
Under the customization settings, there is a preview of the Opt-In component as well as a code block with the component inside an iFrame. The two most important parts of the iFrame are the environment key and user ID. Make sure that you are setting the right key for the environment the widget will be displayed in and ensure you always pass the relevant user ID for the user that is interacting with the widget.
Select Features to be Eligible for Beta Opt-In
To make sure only the right features are added to the Beta Opt-In widget you need to explicitly enable Opt-In on each feature that you want to show up.
Make a specific feature eligible for Opt-in by clicking the toggle under the feature settings section. This sets
true on the Feature model
Opt-In is true, the feature will appear in the Opt-In iFrame.
Opt-In is true at the feature level, the
Opt In option will now appear in the targeting definition dropdown. This allows teams to be explicit about what happens when a user enables a feature for themselves. It also allows you to set overrides if you would like, based on the priority order of targeting rules and where the Opt-In rule sits.
When it is selected, any users who have toggled the feature in the Opt-In widget will receive the selected variation. In this way, if you modify the text description for a feature you can have the toggle customize what is being served however you would like.