Wingify (VWO)

The Wingify (formerly VWO) app connects a Storyblok space to Wingify, so you can serve different content variants to different visitors and review the results in Wingify.

Features

Run A/B tests on Storyblok content.
Map content variants to Wingify feature flags and variations.
Serve personalized content to segments of your audience.
Review experiment results in Wingify.

Setup

In the Wingify dashboard, open Configurations → Integrations, enable the Storyblok integration, and copy the generated access token.
In Storyblok, open Apps → Personalization → VWO and install the app.
Create an A/B test with its variations in Wingify.
In the Storyblok Block Library, create a block named experimentation-vwo with a variations field of type Blocks.
For each block that’s part of an experiment, add a field of type Plugin, name it (for example, vwo_variation), and set its custom type to sb-vwo.
Add the experimentation-vwo block to a story, then map its nested blocks to the VWO feature flags and variation names.

Input the access token the first time you use the plugin field.

API response

When you fetch a story, each experimentation-vwo block contains its variant blocks in the variations field. Every variant block holds the VWO feature flag and variation it maps to in its plugin field:

{
  "story": {
    "name": "Demo",
    "uuid": "f36c7dc5-07b3-4801-9699-11348af688b1",
    "content": {
      "_uid": "983137e6-175a-4d0a-be15-2536508fe097",
      "body": [
        {
          "_uid": "60415a25-7583-4cd1-96b1-3380f5ec15d8",
          "variations": [
            {
              "title": "Banner Variant Default",
              "component": "banner",
              "vwo_variation": {
                "isForced": false,
                "isDefault": true,
                "featureKey": "banner",
                "featureName": "Banner",
                "variationKey": "default",
                "variationName": "Default"
              }
            },
            {
              "title": "Banner Variant 1",
              "component": "banner",
              "vwo_variation": {
                "isForced": false,
                "isDefault": false,
                "featureKey": "banner",
                "featureName": "Banner",
                "variationKey": "variation1",
                "variationName": "Variation 1"
              }
            }
          ],
          "component": "experimentation-vwo"
        }
      ],
      "component": "page"
    },
    "slug": "demo",
    "full_slug": "demo"
  }
}