Content Customization

Set Welcome Offer

The Welcome Offers is one of the key elements of providing a great user experience and getting the first user interaction.

As part of your pre-configuration, the Checkin.com product team will already have created an initial welcome offer which is enabled and localized to all languages by default.

If you would like change to another one - or customize it depending on campaigns or different pages- you can do this dynamically before you trigger the flow.

window.checkin.content.overview.setOverviewReward(
  {title: 'Test', description: 'Desription test'}
)

Bonus Selector

Enable Bonus Selector

Welcome offers and rewards are great ways of increasing the interaction rate.

If you want to offer more than one reward, or if you are running a special campaign as an alternative, you can use the multiple bonus selector to show these directly to the user during the registration.

window.checkin.settings.bonuses.enable()

Set List of Bonuses

If you are using the multiple bonus selector and would like to display other bonuses than what has been pre-configured for you, you can change the bonus content using the bonuses.setList method.

Please note: The set of data fields might be different if you had different requirements as part of your pre-configuration.

window.checkin.settings.bonuses.setList([
  {
    bonusId: "sportsBetting",
    bonusType: "Sports",
    bonusTitle: "Sports betting",
    bonusDescription:
      "200% up to € 100 bonus\n Unlock your bonus in sports betting",
    bonusTermsLink: "http://termslink.com",
    bonusImage: "/core/img/small_pic_1.png",
    bonusOverviewTitle: "Get 200% deposit bonus",
    bonusOverviewDescription: "Sport bonus description",
  },
  {
    bonusId: "casino",
    bonusType: "Casino",
    bonusTitle: "Casino",
    bonusDescription: "100% up to € 300 bonus + 50 free spins",
    bonusTermsLink: "http://termslink.com",
    bonusImage: "/core/img/small_pic_1.png",
    bonusOverviewTitle: "100% up to € 300 bonus + 50 free spins",
    bonusOverviewDescription: "Casino bonus description",
  },
])

Allow users to skip bonus

If you also want to offer the user the option to skip selecting a bonus, you can enable this with the bonuses.enableSkipping() setting.

window.checkin.settings.bonuses.enableSkipping()

Enable Promo Code

If you, in addition to your multiple welcome offers, also want to allow the user the option to type in a promo code manually, you can enable this feature using the bonuses.enableBonusCode setting.

window.checkin.settings.bonuses.enableBonusCode()