Interface InngageInAppWheel

Prize wheel in-app.

Example

{
  "type": "Wheel",
  "style": {
    "position": "center",
    "backgroundColor": "#120303",
    "backgroundImage": null,
    "borderColor": "#1d3972",
    "shadow": true,
    "titleColor": "#d42121",
    "bodyColor": "#d42121"
  },
  "expiration": { "date": "", "hours": "", "minutes": "" },
  "content": { "title": "Prize wheel", "body": "Spin to win" },
  "result": {
    "winTitle": "You won!",
    "loseTitle": "Not this time",
    "body": "Keep shopping with us",
    "winEmoji": "😜",
    "loseEmoji": "🤥",
    "style": { "gradient": true, "bgFrom": "#015ebc", "bgTo": "#b84c4c", "textColor": "#0d44ba" }
  },
  "wheel": {
    "buttonText": "Spin",
    "button": { "backgroundColor": "#923307", "textColor": "#fdb4b4" },
    "maxRepetitions": 131,
    "slices": [
      { "label": "10% off", "code": "GIRO10", "weight": 2, "stock": 1, "color": "#735e97" },
      { "label": "Try again", "code": "GADSGAD", "weight": 12, "color": "#744107" }
    ]
  },
  "notId": "9e0cd98aad5d8f94131b2959"
}
interface InngageInAppWheel {
    content: InngageInAppContent;
    expiration: InngageInAppExpiration;
    notId: string;
    result: InngageInAppResult;
    style: InngageInAppStyle;
    type: "Wheel";
    wheel: {
        button: { backgroundColor: string; textColor: string };
        buttonText: string;
        maxRepetitions: number;
        slices: InngageInAppWheelSlice[];
    };
}

Hierarchy (View Summary)

Properties

content expiration notId result style type wheel

Properties

content

content: InngageInAppContent

Title and body shown above the wheel.

expiration

expiration: InngageInAppExpiration

Expiration of the in-app.

notId

notId: string

Identifier of this delivery in Inngage.

result

result: InngageInAppResult

Screen shown once the wheel stops.

style

style: InngageInAppStyle

Style of the in-app container.

type

type: "Wheel"

wheel

wheel: {
    button: { backgroundColor: string; textColor: string };
    buttonText: string;
    maxRepetitions: number;
    slices: InngageInAppWheelSlice[];
}

Type declaration

  • button: { backgroundColor: string; textColor: string }

    Colors of the spin button.

  • buttonText: string

    Label of the spin button.

  • maxRepetitions: number

    How many times the user may spin.

  • slices: InngageInAppWheelSlice[]

    Slices of the wheel, in display order.

Settings

Member Visibility

On This Page

Properties