Documentation for VWO Web Destination (#4187)

* Documentation PR for VWO Web Destinaton

* Add ID

* Add metadata

---------

Co-authored-by: markzegarelli <[email protected]>

Author: prathamesh-88

src/_data/catalog/destinations_private.yml

@@ -352,6 +352,143 @@ items:
             dynamic: false
             allowNull: false
     presets: []
+  - id: 637c192eba61b944e08ee158
+    display_name: VWO Web Mode (Actions)
+    name: VWO Web Mode (Actions)
+    slug: actions-vwo-web
+    previous_names:
+      - VWO Web Mode (Actions)
+    website: https://vwo.com
+    status: PRIVATE_BETA
+    logo:
+      url: https://cdn.filepicker.io/api/file/o9X4IJO1RDegnGVmfje0
+    mark:
+      url: https://cdn.filepicker.io/api/file/L6U6f3KrRoScOQbUDMKj
+    methods:
+      track: true
+      pageview: true
+      identify: true
+      group: true
+      alias: true
+    platforms:
+      browser: true
+      mobile: false
+      server: false
+      warehouse: false
+    components: []
+    browserUnbundlingSupported: false
+    browserUnbundlingPublic: false
+    replay: false
+    settings:
+      - name: libraryTolerance
+        type: number
+        defaultValue: 2500
+        description: >-
+          The maximum amount of time (in milliseconds) to wait for VWO’s full
+          library to be downloaded before simply displaying your original page.
+        required: true
+        label: Library Tolerance
+      - name: settingsTolerance
+        type: number
+        defaultValue: 2000
+        description: >-
+          The maximum amount of time (in milliseconds) to wait for test settings
+          before VWO will simply display your original page.
+        required: true
+        label: Settings Tolerance
+      - name: useExistingJquery
+        type: boolean
+        defaultValue: false
+        description: >-
+          If your page already includes JQuery, you can set this to “true”.
+          Otherwise, VWO will include JQuery onto the page for you. VWO needs
+          JQuery on the page to function correctly. 
+        required: true
+        label: Use Existing JQuery
+      - name: vwoAccountId
+        type: number
+        defaultValue: 0
+        description: Your VWO account ID, used for fetching your VWO async smart code.
+        required: true
+        label: VWO Account ID
+    actions:
+      - id: 6uTbf9uHvZBJ3YnMmFHWtZ
+        name: Track Event
+        slug: trackEvent
+        description: Forwards track events to VWO Data360
+        platform: WEB
+        hidden: false
+        defaultTrigger: type = "track"
+        fields:
+          - id: aqLRikaffjfa3QFcEkPAfF
+            sortOrder: 0
+            fieldKey: eventName
+            label: Name
+            type: STRING
+            description: The name of the event.
+            placeholder: ''
+            defaultValue:
+              '@path': $.event
+            required: true
+            multiple: false
+            choices: null
+            dynamic: false
+            allowNull: false
+          - id: ivqt15sfJcDBKXYWs754XT
+            sortOrder: 1
+            fieldKey: properties
+            label: Properties
+            type: OBJECT
+            description: >-
+              A JSON object containing additional properties that will be
+              associated with the event.
+            placeholder: ''
+            defaultValue:
+              '@path': $.properties
+            required: false
+            multiple: false
+            choices: null
+            dynamic: false
+            allowNull: false
+      - id: tR1J9N9e3vk4XtqGjUfTSm
+        name: Identify User
+        slug: identifyUser
+        description: Forwards user traits to VWO Data360 attributes
+        platform: WEB
+        hidden: false
+        defaultTrigger: type = "identify"
+        fields:
+          - id: vviFo14bLhdFZcUucddRMV
+            sortOrder: 0
+            fieldKey: attributes
+            label: Attributes
+            type: OBJECT
+            description: >-
+              A JSON object containing additional attributes that will be
+              associated with the user.
+            placeholder: ''
+            defaultValue:
+              '@path': $.traits
+            required: true
+            multiple: false
+            choices: null
+            dynamic: false
+            allowNull: false
+    presets:
+      - actionId: 6uTbf9uHvZBJ3YnMmFHWtZ
+        name: Track Event
+        fields:
+          eventName:
+            '@path': $.event
+          properties:
+            '@path': $.properties
+        trigger: type = "track"
+      - actionId: tR1J9N9e3vk4XtqGjUfTSm
+        name: Identify User
+        fields:
+          attributes:
+            '@path': $.traits
+        trigger: type = "identify"
   - id: 63bedc136a8484a53739e013
     display_name: VWO Cloud Mode (Actions)
     name: VWO Cloud Mode (Actions)

src/connections/destinations/catalog/actions-vwo-web/index.md

@@ -0,0 +1,38 @@
+---
+title: VWO Web Mode (Actions) Destination
+hide-boilerplate: true
+hide-dossier: false
+id: 637c192eba61b944e08ee158
+private: true
+---
+
+{% include content/plan-grid.md name="actions" %}
+
+[VWO](https://vwo.com/){:target="_blank"} is an optimization platform that allows websites to run experiments on their platforms to derive insights from visitor behavior and harness the results to amp up the conversion rate. Apart from experimentation, it also provides for personalization of the platform for different cohorts, full stack implementation, and direct deployment of the changes determined through experimentation.
+
+> info ""
+> The events and attributes that are transferred from Segment to your VWO account will appear under [Unregistered Events](https://help.vwo.com/hc/en-us/articles/8676443712537-Working-with-Events-in-VWO#:~:text=UNREGISTERED%20EVENTS%3A%20These%20are%20the,UNREGISTERED%20EVENTS.){:target="_blank"} and [Unregistered Attributes](https://help.vwo.com/hc/en-us/articles/8681465703705-Working-with-Attributes-in-VWO#:~:text=UNREGISTERED%20ATTRIBUTES%3A%20These%20are%20the,UNREGISTERED%20ATTRIBUTES.){:target="_blank"} sections, respectively. You need to save these events and attributes to VWO for further use.
+
+## Benefits of VWO Web Mode(Actions) vs VWO Classic
+
+VWO Web Mode (Actions) provides the following benefits over the classic VWO destination:
+
+- **Support for event architecture (Data360)**. With the Web mode destination enabled, you will be able to transfer all the events and attributes into your VWO account through the [Data360 module](https://help.vwo.com/hc/en-us/articles/8679651827737-About-VWO-Data360). You can use these events and attributes to [create segments](https://help.vwo.com/hc/en-us/articles/360020418454-Using-Segmentation-in-VWO) and [metrics](https://help.vwo.com/hc/en-us/articles/8675547113625) in your VWO campaigns.
+
+## Getting started
+
+1. From the Segment web app dashboard, navigate to Connections > Catalog.
+2. Under the Destinations tab, search for “VWO Web Mode (Actions)”, and select the destination.
+3. Click Configure VWO Web Mode (Actions).
+4. Select the source that will send data to VWO Web Mode (Actions), click Next to enter the name of your destination, and click Save.
+5. On the Basic Settings page that appears, configure the following details in the respective fields:
+   - Name of the destination
+   - Your VWO Account ID
+   - Settings Tolerance
+   - Library Tolerance
+6. In order for VWO to function properly, it needs jQuery to be loaded on your web page. If jQuery already exists, then turn ON the Use Existing JQuery toggle switch. Else, VWO will load a jQuery on your web page. 
+7. To customize the mapping of actions, follow the steps in the Destinations Actions documentation on [Customizing mappings](/docs/connections/destinations/actions/#customize-mappings). Mappings in Segment allow you to control the events and attributes that are sent to VWO. 
+8. Finally, enable the destination using the Enable Destination toggle switch and click Save Changes.
+
+
+{% include components/actions-fields.html %}