Update Customization
const url = 'https://api.wink.travel/api/managing-entity/company-1/studio/customization/customization-1';const options = { method: 'PUT', headers: {'Wink-Version': '2.0', 'Content-Type': 'application/json'}, body: '{"name":"","appendToPageTitle":"","googleAnalyticsMeasurementId":"","googleTagManagerContainerId":"","googleMapsAPIKey":"","defaultCurrency":"USD","defaultLanguage":"en","defaultLifestyle":"LIFESTYLE_HEALTH_FITNESS","logos":"","hostedBookingEngineUrl":"https://ota.wink.travel","selfHosted":false,"themeColors":"","cardLayout":"HORIZONTAL","layout":"INFORMATIONAL","cardDesign":"DEFAULT","numberOfAdvanceDays":"","numberOfStayDays":"","startDate":"","endDate":"","roomConfigurations":"","useDays":false,"promotionalCodes":"","sendBookingNotificationEmailsToProperty":true,"sendBookingNotificationEmailsToBooker":true,"sendBookingNotificationEmailsToChannelManager":true,"wcBookClickAction":"FORWARD_TO_IBE","showUnavailableCard":false,"showRankings":false,"showSearch":false,"trackingPixels":"","fontId":"UI_SANS_SERIF"}'};
try { const response = await fetch(url, options); const data = await response.json(); console.log(data);} catch (error) { console.error(error);}curl --request PUT \ --url https://api.wink.travel/api/managing-entity/company-1/studio/customization/customization-1 \ --header 'Content-Type: application/json' \ --header 'Wink-Version: 2.0' \ --data '{ "name": "", "appendToPageTitle": "", "googleAnalyticsMeasurementId": "", "googleTagManagerContainerId": "", "googleMapsAPIKey": "", "defaultCurrency": "USD", "defaultLanguage": "en", "defaultLifestyle": "LIFESTYLE_HEALTH_FITNESS", "logos": "", "hostedBookingEngineUrl": "https://ota.wink.travel", "selfHosted": false, "themeColors": "", "cardLayout": "HORIZONTAL", "layout": "INFORMATIONAL", "cardDesign": "DEFAULT", "numberOfAdvanceDays": "", "numberOfStayDays": "", "startDate": "", "endDate": "", "roomConfigurations": "", "useDays": false, "promotionalCodes": "", "sendBookingNotificationEmailsToProperty": true, "sendBookingNotificationEmailsToBooker": true, "sendBookingNotificationEmailsToChannelManager": true, "wcBookClickAction": "FORWARD_TO_IBE", "showUnavailableCard": false, "showRankings": false, "showSearch": false, "trackingPixels": "", "fontId": "UI_SANS_SERIF" }'Update an existing customization.
Parameters
Section titled “ Parameters ”Path Parameters
Section titled “Path Parameters ”Update customization for this company
Example
company-1Update customization with this application
Example
customization-1Header Parameters
Section titled “Header Parameters ”Request Body required
Section titled “Request Body required ”object
Engine configuration name
Example
Engine Configuration 1Whether to append text to the existing booking customization page title.
If you want to track analytics with Google Analytics and GTM for your self-hosted booking customization, you need to import our GTM profile into your GTM container and link it with your Google Analytics account. More about that here
If you want to track analytics and you have a GTM Container ID, enter it here.
If you want your users to see Google Maps in your hosted booking customization, go to Google Maps and create an API key for your site.
Example
google-maps-api-123Control which currency your users see prices in initially.
Example
USDControl which language your users see text in initially.
Example
enControl which lifestyle contextx your users see initially.
Example
LIFESTYLE_HEALTH_FITNESSCustomize booking confirmation emails by adding a custom logo to your configuration.
Multimedia that contains less information than Multimedia object
object
Document identifier
Example
image-1Use this identifier to communicate with Cloudinary.
Example
cloudinary-image-1Whether Cloudinary media is a VIDEO or IMAGE.
Example
IMAGECurrently ONLY using Cloudinary to store all image / video assets.
Example
CLOUDINARYSort allows you to control how you want to sort this record in a list of media records.
Example
10Media angle
Example
-90Media width in pixels.
Example
2560Media height in pixels.
Example
1600Instead of deleting the media, choose to un-publish it instead for later re-use. Could be you keep seasonal images of the property.
Example
trueLocalized media captions to give user some context about where this media was taken.
object
Use as title or short text description
Example
An example titleLonger text description
Example
This is a longer description in the specified language.Indicate which language this description is written in.
Example
enWhether it was user or system generated.
Example
SYSTEMThe md5 hash of the name, description and language.
Associate this media with a specific lifestyle type. A user searching and filtering inventory based on lifestyles can be shown relevant media first.
Example
LIFESTYLE_HEALTH_FITNESSWhether image has attribution properties
object
URL to contributor
Example
https://maps.google.com/maps/contrib/111628493169070103594Name of contributor
Example
Samuel AdamsTrue if media width is greater or equal to height
Example
trueIf you are self-hosting our booking customization, let us know where it is hosted. Note: This url needs to be secured with SSL.
Example
https://my.customtravelsite.com/bookFlag to indicate you are self-hosting our booking customization and not using our default booking customization url.
Example
trueChoose how you want our web components to look and more closely match with your own site style.
object
Primary color
Example
#dc3545Secondary color
Example
#6c757dSuccess color
Example
#28a745Danger color
Example
#dc3545Warning color
Example
#ffc107Info color
Example
#17a2b8Light color
Example
#f8f9faDark color
Example
#343a40Body color
Example
#212529Muted color
Example
#6c757dWhite color
Example
#ffffffChoose how you large you want our web component cards to be.
Example
VERTICALChoose how you want our web component cards laid out.
Example
INFORMATIONALChoose the card design to use on our web component cards.
Example
DEFAULTYou can control the initial itinerary date used to retrieve travel inventory prices. You can do it in one of two ways: 1. Dynamically set the date by indicating how long and how many days in advance (this field), of today’s date, you want to display prices for. 2. Set a fixed date to display prices for. Option 1 is the most shared. Option 2 is for when you want to create a new customization and apply it to a specific event that occurs on a specific date. If you don’t use either of these options, the itinerary will default to today’s date with one night stay. ONLY populate this field if you want to control the itinerary date. Also, leave startDate and endDate empty.
Example
10You can control the initial itinerary date used to retrieve travel inventory prices. You can do it in one of two ways: 1. Dynamically set the date by indicating how long (this field) and how many days in advance, of today’s date, you want to display prices for. 2. Set a fixed date to display prices for. Option 1 is the most shared. Option 2 is for when you want to create a new customization and apply it to a specific event that occurs on a specific date. If you don’t use either of these options, the itinerary will default to today’s date with one night stay. ONLY populate this field if you want to control the itinerary date. Also, leave startDate and endDate empty.
Example
2Set a fixed itinerary start date. ONLY populate this field if you want to fix the itinerary date. Also, leave numberOfAdvanceDays and numberOfStayDays empty.
Example
2021-12-24Set a fixed itinerary end date ONLY populate this field if you want to fix the itinerary date. Also, leave numberOfAdvanceDays and numberOfStayDays empty.
Example
2021-12-31Control how many adults / children will be staying and how many rooms. Defaults to: One room, two adults.
Room Configuration
object
Number of adults
Example
2Children configurations
BookingItineraryRoomConfigurationChild configuration
object
Number of children
Age of children
Number of identical rooms of this configuration being booked
Example
1If true, we use numberOfAdvanceDays / numberOfStayDays properties - false, we use startDate / endDate
Example
trueIf you’ve received special promotional codes from suppliers to give to your audience, you can choose to bake these code directly into the price by entering them here.
Example
[ "promo-1"]An integrator can choose to disable outgoing emails to properties because they want to do that themselves.
Example
trueAn integrator can choose to disable outgoing emails to users because they want to do that themselves.
Example
trueAn integrator can choose to disable notifying the property’s channel manager. Note: This should ONLY be done for testing.
Example
trueAction to complete once a user clicks on the CTA button on inventory.
Example
IBE_MODALShow unavailable inventory card when inventory not currently for sale. Otherwise, it displays a normal card but without the price.
Whether to display rankings (lifestyle, eco score and reviews) on hotel landing page.
This feature flag controls whether to let a user move away from the hotel landing page using search.
Tracking pixels and web beacons for analytics and conversion tracking.
object
Unique identifier for this tracking pixel
Example
pixel-1User-friendly name for this tracking pixel
Example
Facebook Conversion PixelType of tracking pixel delivery mechanism
Example
JAVASCRIPTTracking pixel provider
Example
FACEBOOKConsent category for GDPR/CCPA compliance
Example
MARKETINGWhether this tracking pixel is currently active
Example
trueProvider-specific pixel ID (e.g., Facebook Pixel ID, Google Ads Conversion ID)
Example
1234567890Optional access token for providers that require authentication
Custom JavaScript code for CUSTOM provider type. Will be injected into the page.
Custom image URL for IMAGE type pixels. Will be loaded as a 1x1 tracking pixel.
Example
https://example.com/pixel.gifPage types where this pixel should fire. Empty list or containing ALL means fire on all pages.
Event triggers that cause this pixel to fire, with optional custom parameters.
object
The event type that triggers this pixel
Example
PURCHASECustom key-value parameters to include with the event
object
Parameter name (e.g., ‘currency’, ‘value’, ‘content_id’)
Example
currencyParameter value. Can be a static value or a placeholder like ‘{booking.total}’
Example
USDCustom font for the booking engine. Null means use the system default.
Responses
Section titled “ Responses ”OK
object
Document UUID
Datetime this record was first created
Datetime this record was last updated
Version property that shows how many times this document has been persisted. Document will not persist if the version property is less than current version property in the system. Result in an optimistic locking exception.
Engine configuration name
Whether to append text to the existing booking customization page title.
Authenticated user identifier
Engine configuration record creator identifier
Name of company owner.
Sales channel sub-type.
Indicates whether this configuration is primary. A primary configuration cannot be removed.
If you want to track analytics with Google Analytics and GTM for your self-hosted booking customization, you need to import our GTM profile into your GTM container and link it with your Google Analytics account. More about that here
If you want to track analytics and you have a GTM Container ID, enter it here.
If you want your users to see Google Maps in your hosted booking customization, go to Google Maps and create an API key for your site.
Control which currency your users see prices in initially.
Control which language your users see text in initially.
Control which lifestyle contextx your users see initially.
Customize booking confirmation emails by adding a custom logo to your configuration.
Multimedia that contains less information than Multimedia object
object
Document identifier
Use this identifier to communicate with Cloudinary.
Whether Cloudinary media is a VIDEO or IMAGE.
Currently ONLY using Cloudinary to store all image / video assets.
Sort allows you to control how you want to sort this record in a list of media records.
Media angle
Media width in pixels.
Media height in pixels.
Instead of deleting the media, choose to un-publish it instead for later re-use. Could be you keep seasonal images of the property.
Supported OTA specification PIC code. See OTA geoname data
Localized media captions to give user some context about where this media was taken.
object
Use as title or short text description
Longer text description
Indicate which language this description is written in.
Whether it was user or system generated.
The md5 hash of the name, description and language.
Associate this media with a specific lifestyle type. A user searching and filtering inventory based on lifestyles can be shown relevant media first.
Whether image has attribution properties
object
URL to contributor
Name of contributor
True if media width is greater or equal to height
If you are self-hosting our booking customization, let us know where it is hosted. Note: This url needs to be secured with SSL.
Flag to indicate you are self-hosting our booking customization and not using our default booking customization url.
Choose how you want our web components to look and more closely match with your own site style.
object
Primary color
Secondary color
Success color
Danger color
Warning color
Info color
Light color
Dark color
Body color
Muted color
White color
Choose how you large you want our web component cards to be.
Choose how you want our web component cards laid out.
Choose the card design to use on our web component cards.
You can control the initial itinerary date used to retrieve travel inventory prices. You can do it in one of two ways: 1. Dynamically set the date by indicating how long and how many days in advance (this field), of today’s date, you want to display prices for. 2. Set a fixed date to display prices for. Option 1 is the most shared. Option 2 is for when you want to create a new customization and apply it to a specific event that occurs on a specific date. If you don’t use either of these options, the itinerary will default to today’s date with one night stay. ONLY populate this field if you want to control the itinerary date. Also, leave startDate and endDate empty.
You can control the initial itinerary date used to retrieve travel inventory prices. You can do it in one of two ways: 1. Dynamically set the date by indicating how long (this field) and how many days in advance, of today’s date, you want to display prices for. 2. Set a fixed date to display prices for. Option 1 is the most shared. Option 2 is for when you want to create a new customization and apply it to a specific event that occurs on a specific date. If you don’t use either of these options, the itinerary will default to today’s date with one night stay. ONLY populate this field if you want to control the itinerary date. Also, leave startDate and endDate empty.
Set a fixed itinerary start date. ONLY populate this field if you want to fix the itinerary date. Also, leave numberOfAdvanceDays and numberOfStayDays empty.
Set a fixed itinerary end date ONLY populate this field if you want to fix the itinerary date. Also, leave numberOfAdvanceDays and numberOfStayDays empty.
Control how many adults / children will be staying and how many rooms. Defaults to: One room, two adults.
Room Configuration
object
Number of adults
Children configurations
BookingItineraryRoomConfigurationChild configuration
object
Number of children
Age of children
Number of identical rooms of this configuration being booked
If true, we use numberOfAdvanceDays / numberOfStayDays properties - false, we use startDate / endDate
If you’ve received special promotional codes from suppliers to give to your audience, you can choose to bake these code directly into the price by entering them here.
An integrator can choose to disable outgoing emails to properties because they want to do that themselves.
An integrator can choose to disable outgoing emails to users because they want to do that themselves.
An integrator can choose to disable notifying the property’s channel manager. Note: This should ONLY be done for testing.
Action to complete once a user clicks on the CTA button on inventory.
Engine application location for reporting purposes.
object
GeoName identifier
GeoNameLightweight type
Name of city
Url name
Ascii name of city
Coordinate points of the city
object
Timezone
Country
object
ISO code
Country name
Country capital
Continent code
Currency code
Currency name
Country GeoNames identifier
Country sub division
object
Sub-country name
Sub-country ascii name
Sub-country GeoNames identifier
Country sub sub division
object
Show unavailable inventory card when inventory not currently for sale. Otherwise, it displays a normal card but without the price.
Whether to display rankings (lifestyle, eco score and reviews) on hotel landing page.
This feature flag controls whether to let a user move away from the hotel landing page using search.
Tracking pixels and web beacons for analytics and conversion tracking.
object
Unique identifier for this tracking pixel
User-friendly name for this tracking pixel
Type of tracking pixel delivery mechanism
Tracking pixel provider
Consent category for GDPR/CCPA compliance
Whether this tracking pixel is currently active
Provider-specific pixel ID (e.g., Facebook Pixel ID, Google Ads Conversion ID)
Optional access token for providers that require authentication
Custom JavaScript code for CUSTOM provider type. Will be injected into the page.
Custom image URL for IMAGE type pixels. Will be loaded as a 1x1 tracking pixel.
Page types where this pixel should fire. Empty list or containing ALL means fire on all pages.
Event triggers that cause this pixel to fire, with optional custom parameters.
object
The event type that triggers this pixel
Custom key-value parameters to include with the event
object
Parameter name (e.g., ‘currency’, ‘value’, ‘content_id’)
Parameter value. Can be a static value or a placeholder like ‘{booking.total}’
Custom font for the booking engine. Null means use the system default.
Example
{ "id": "", "createdDate": "", "lastUpdate": "", "version": "", "name": "", "appendToPageTitle": "", "userIdentifier": "", "ownerIdentifier": "", "ownerName": "", "subType": "TRIP_PAY", "primary": false, "googleAnalyticsMeasurementId": "", "googleTagManagerContainerId": "", "googleMapsAPIKey": "", "defaultCurrency": "USD", "defaultLanguage": "en", "defaultLifestyle": "LIFESTYLE_HEALTH_FITNESS", "logos": "", "hostedBookingEngineUrl": "https://ota.wink.travel", "selfHosted": false, "themeColors": "", "cardLayout": "HORIZONTAL", "layout": "INFORMATIONAL", "cardDesign": "DEFAULT", "numberOfAdvanceDays": "", "numberOfStayDays": "", "startDate": "", "endDate": "", "roomConfigurations": "", "useDays": false, "promotionalCodes": "", "sendBookingNotificationEmailsToProperty": true, "sendBookingNotificationEmailsToBooker": true, "sendBookingNotificationEmailsToChannelManager": true, "wcBookClickAction": "FORWARD_TO_IBE", "city": "", "showUnavailableCard": false, "showRankings": false, "showSearch": false, "trackingPixels": "", "fontId": "UI_SANS_SERIF"}Bad Request
object
object
Example generated
{ "type": "https://example.com", "title": "example", "status": 1, "detail": "example", "instance": "https://example.com", "properties": { "additionalProperty": "example" }}object
object
object
object
object
object
object
object
Unauthorized
object
object
Forbidden
object
object
Internal Server Error
object
Example generated
{}