Delete Progress Bar Design

curl -X DELETE \
  'https://api.appcharge.com/components/v1/offer-design/progress-bar-design-classic' \
  -H 'Content-Type: application/json' \
  -H 'Accept: application/json' \
  -H 'x-publisher-token: <x-publisher-token>'

curl -X DELETE \
  'https://api.appcharge.com/components/v1/offer-design/progress-bar-design-milestones' \
  -H 'Content-Type: application/json' \
  -H 'Accept: application/json' \
  -H 'x-publisher-token: <x-publisher-token>'

{
  "id": "6909e7684f11e8957afd5d53",
  "offerUiType": "ProgressBar",
  "name": "Classic Progress Bar Design",
  "externalId": "progress-bar-design-classic",
  "backgroundImageUrl": "https://media.appcharge.com/defaults/background.png",
  "backgroundColor": {
    "colorOne": "#1a1a1a",
    "colorTwo": "#1a1a1a",
    "gradientDirection": "to right"
  },
  "backgroundOpacity": 100,
  "frameRadius": 8,
  "headerImageUrl": "https://example.com/header.png",
  "title": {
    "text": "Classic Progress Bar",
    "fontColor": "#FFD700",
    "fontSize": 10,
    "fontWeight": "bold"
  },
  "subtitle": {
    "text": "Collect rewards along the way",
    "fontColor": "#FFD700",
    "fontSize": 8,
    "fontWeight": "medium"
  },
  "progressBar": {
    "barFillColor": {
      "colorOne": "#FFD700",
      "colorTwo": "#FFA500",
      "gradientDirection": "to right"
    },
    "borderColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#3a3a3a",
      "gradientDirection": "to right"
    },
    "borderWidth": 3,
    "barRadius": 4,
    "backgroundColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#111111",
      "gradientDirection": "to bottom"
    },
    "textColor": "#FFD700",
    "accumulatedItem": {
      "imageUrl": "https://example.com/item.png",
      "ribbonImageUrl": "https://example.com/ribbon.png"
    },
    "type": "classic",
    "milestones": null
  }
}

{
  "id": "6909e7684f11e8957afd5d54",
  "offerUiType": "ProgressBar",
  "name": "Milestone Progress Bar Design",
  "externalId": "progress-bar-design-milestones",
  "backgroundImageUrl": "https://media.appcharge.com/defaults/background.png",
  "backgroundColor": {
    "colorOne": "#1a1a1a",
    "colorTwo": "#1a1a1a",
    "gradientDirection": "to right"
  },
  "backgroundOpacity": 100,
  "frameRadius": 8,
  "headerImageUrl": "https://example.com/header.png",
  "title": {
    "text": "Reach Every Milestone",
    "fontColor": "#FFD700",
    "fontSize": 10,
    "fontWeight": "bold"
  },
  "subtitle": {
    "text": "Collect rewards along the way",
    "fontColor": "#FFD700",
    "fontSize": 8,
    "fontWeight": "medium"
  },
  "progressBar": {
    "barFillColor": {
      "colorOne": "#FFD700",
      "colorTwo": "#FFA500",
      "gradientDirection": "to right"
    },
    "borderColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#3a3a3a",
      "gradientDirection": "to right"
    },
    "borderWidth": 3,
    "barRadius": 4,
    "backgroundColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#111111",
      "gradientDirection": "to bottom"
    },
    "textColor": "#FFD700",
    "accumulatedItem": {
      "imageUrl": "https://example.com/item.png",
      "ribbonImageUrl": "https://example.com/ribbon.png"
    },
    "type": "milestones",
    "milestones": {
      "milestoneCompletedIconUrl": "https://example.com/checkmark.png",
      "tooltipBackgroundColor": "#1f9eec"
    }
  }
}

DELETE

components

offer-design

{externalId}

curl -X DELETE \
  'https://api.appcharge.com/components/v1/offer-design/progress-bar-design-classic' \
  -H 'Content-Type: application/json' \
  -H 'Accept: application/json' \
  -H 'x-publisher-token: <x-publisher-token>'

curl -X DELETE \
  'https://api.appcharge.com/components/v1/offer-design/progress-bar-design-milestones' \
  -H 'Content-Type: application/json' \
  -H 'Accept: application/json' \
  -H 'x-publisher-token: <x-publisher-token>'

{
  "id": "6909e7684f11e8957afd5d53",
  "offerUiType": "ProgressBar",
  "name": "Classic Progress Bar Design",
  "externalId": "progress-bar-design-classic",
  "backgroundImageUrl": "https://media.appcharge.com/defaults/background.png",
  "backgroundColor": {
    "colorOne": "#1a1a1a",
    "colorTwo": "#1a1a1a",
    "gradientDirection": "to right"
  },
  "backgroundOpacity": 100,
  "frameRadius": 8,
  "headerImageUrl": "https://example.com/header.png",
  "title": {
    "text": "Classic Progress Bar",
    "fontColor": "#FFD700",
    "fontSize": 10,
    "fontWeight": "bold"
  },
  "subtitle": {
    "text": "Collect rewards along the way",
    "fontColor": "#FFD700",
    "fontSize": 8,
    "fontWeight": "medium"
  },
  "progressBar": {
    "barFillColor": {
      "colorOne": "#FFD700",
      "colorTwo": "#FFA500",
      "gradientDirection": "to right"
    },
    "borderColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#3a3a3a",
      "gradientDirection": "to right"
    },
    "borderWidth": 3,
    "barRadius": 4,
    "backgroundColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#111111",
      "gradientDirection": "to bottom"
    },
    "textColor": "#FFD700",
    "accumulatedItem": {
      "imageUrl": "https://example.com/item.png",
      "ribbonImageUrl": "https://example.com/ribbon.png"
    },
    "type": "classic",
    "milestones": null
  }
}

{
  "id": "6909e7684f11e8957afd5d54",
  "offerUiType": "ProgressBar",
  "name": "Milestone Progress Bar Design",
  "externalId": "progress-bar-design-milestones",
  "backgroundImageUrl": "https://media.appcharge.com/defaults/background.png",
  "backgroundColor": {
    "colorOne": "#1a1a1a",
    "colorTwo": "#1a1a1a",
    "gradientDirection": "to right"
  },
  "backgroundOpacity": 100,
  "frameRadius": 8,
  "headerImageUrl": "https://example.com/header.png",
  "title": {
    "text": "Reach Every Milestone",
    "fontColor": "#FFD700",
    "fontSize": 10,
    "fontWeight": "bold"
  },
  "subtitle": {
    "text": "Collect rewards along the way",
    "fontColor": "#FFD700",
    "fontSize": 8,
    "fontWeight": "medium"
  },
  "progressBar": {
    "barFillColor": {
      "colorOne": "#FFD700",
      "colorTwo": "#FFA500",
      "gradientDirection": "to right"
    },
    "borderColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#3a3a3a",
      "gradientDirection": "to right"
    },
    "borderWidth": 3,
    "barRadius": 4,
    "backgroundColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#111111",
      "gradientDirection": "to bottom"
    },
    "textColor": "#FFD700",
    "accumulatedItem": {
      "imageUrl": "https://example.com/item.png",
      "ribbonImageUrl": "https://example.com/ribbon.png"
    },
    "type": "milestones",
    "milestones": {
      "milestoneCompletedIconUrl": "https://example.com/checkmark.png",
      "tooltipBackgroundColor": "#1f9eec"
    }
  }
}

curl -X DELETE \
  'https://api.appcharge.com/components/v1/offer-design/progress-bar-design-classic' \
  -H 'Content-Type: application/json' \
  -H 'Accept: application/json' \
  -H 'x-publisher-token: <x-publisher-token>'

curl -X DELETE \
  'https://api.appcharge.com/components/v1/offer-design/progress-bar-design-milestones' \
  -H 'Content-Type: application/json' \
  -H 'Accept: application/json' \
  -H 'x-publisher-token: <x-publisher-token>'

{
  "id": "6909e7684f11e8957afd5d53",
  "offerUiType": "ProgressBar",
  "name": "Classic Progress Bar Design",
  "externalId": "progress-bar-design-classic",
  "backgroundImageUrl": "https://media.appcharge.com/defaults/background.png",
  "backgroundColor": {
    "colorOne": "#1a1a1a",
    "colorTwo": "#1a1a1a",
    "gradientDirection": "to right"
  },
  "backgroundOpacity": 100,
  "frameRadius": 8,
  "headerImageUrl": "https://example.com/header.png",
  "title": {
    "text": "Classic Progress Bar",
    "fontColor": "#FFD700",
    "fontSize": 10,
    "fontWeight": "bold"
  },
  "subtitle": {
    "text": "Collect rewards along the way",
    "fontColor": "#FFD700",
    "fontSize": 8,
    "fontWeight": "medium"
  },
  "progressBar": {
    "barFillColor": {
      "colorOne": "#FFD700",
      "colorTwo": "#FFA500",
      "gradientDirection": "to right"
    },
    "borderColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#3a3a3a",
      "gradientDirection": "to right"
    },
    "borderWidth": 3,
    "barRadius": 4,
    "backgroundColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#111111",
      "gradientDirection": "to bottom"
    },
    "textColor": "#FFD700",
    "accumulatedItem": {
      "imageUrl": "https://example.com/item.png",
      "ribbonImageUrl": "https://example.com/ribbon.png"
    },
    "type": "classic",
    "milestones": null
  }
}

{
  "id": "6909e7684f11e8957afd5d54",
  "offerUiType": "ProgressBar",
  "name": "Milestone Progress Bar Design",
  "externalId": "progress-bar-design-milestones",
  "backgroundImageUrl": "https://media.appcharge.com/defaults/background.png",
  "backgroundColor": {
    "colorOne": "#1a1a1a",
    "colorTwo": "#1a1a1a",
    "gradientDirection": "to right"
  },
  "backgroundOpacity": 100,
  "frameRadius": 8,
  "headerImageUrl": "https://example.com/header.png",
  "title": {
    "text": "Reach Every Milestone",
    "fontColor": "#FFD700",
    "fontSize": 10,
    "fontWeight": "bold"
  },
  "subtitle": {
    "text": "Collect rewards along the way",
    "fontColor": "#FFD700",
    "fontSize": 8,
    "fontWeight": "medium"
  },
  "progressBar": {
    "barFillColor": {
      "colorOne": "#FFD700",
      "colorTwo": "#FFA500",
      "gradientDirection": "to right"
    },
    "borderColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#3a3a3a",
      "gradientDirection": "to right"
    },
    "borderWidth": 3,
    "barRadius": 4,
    "backgroundColor": {
      "colorOne": "#1a1a1a",
      "colorTwo": "#111111",
      "gradientDirection": "to bottom"
    },
    "textColor": "#FFD700",
    "accumulatedItem": {
      "imageUrl": "https://example.com/item.png",
      "ribbonImageUrl": "https://example.com/ribbon.png"
    },
    "type": "milestones",
    "milestones": {
      "milestoneCompletedIconUrl": "https://example.com/checkmark.png",
      "tooltipBackgroundColor": "#1f9eec"
    }
  }
}

Headers

x-publisher-token

string

required

Publisher token, as displayed in the Publisher Dashboard.

Path Parameters

externalId

string

required

Offer Design ID that you defined.

Response

Progress bar design deleted successfully.

string

Offer Design ID.

Example:

"6909e7684f11e8957afd5d53"

offerUiType

enum<string>

Offer design type.

Available options:

ProgressBar

Example:

"ProgressBar"

name

string

Offer design name.

Example:

"Classic Progress Bar Design"

externalId

string

External identifier for the offer design.

Example:

"progress-bar-design-classic"

backgroundImageUrl

string<url>

Background image URL of the progress bar frame.

Example:

"https://media.appcharge.com/defaults/background.png"

backgroundColor

object

Background color of the progress bar frame. Required if backgroundImageUrl isn't provided.

To use a solid color, pass the same value for colorOne and colorTwo.

Show child attributes

backgroundOpacity

number

Opacity of the progress bar frame's backgroundColor (0 to 100).

Example:

100

frameRadius

number

Radius of the progress bar frame.

Example:

8

headerImageUrl

string<url>

Header image URL.

Example:

"https://cdn.example.com/header.png"

title

object

Progress bar title.

Show child attributes

subtitle

object

Progress bar subtitle.

Show child attributes

progressBar

object

Progress bar configuration.

Show child attributes

⌘I

Overview

What's New

Web Store

Checkout

Game Portal

Media

Events Center

Translations

Headers

Path Parameters

Response