TYPO3
The Wink TYPO3 Extension integrates Wink travel inventory into TYPO3 13 as native content elements. Editors add Wink components to pages using the standard TYPO3 page editor — no template changes required.
wink-travel/wink-typo3-extension on GitHub Source code, developer setup guide, and contribution instructions.
Requirements
Section titled “Requirements”- TYPO3 13.x
- PHP 8.2+
- Composer
Install
Section titled “Install”- Install via Composer:
Terminal window composer require wink2travel/typo3-wink - Activate the extension:
Terminal window vendor/bin/typo3 extension:activate wink - In the TYPO3 backend, go to Admin Tools → Settings → Extension Configuration → wink.
- Enter your Client ID, Client Secret, and select your environment. Save. Go to Applications to retrieve your credentials.
- Add the static TypoScript template to your root template: Template → Edit → Includes → Available Items → Wink Travel.
Add a content element to a page
Section titled “Add a content element to a page”- Open a page in the Page module.
- Click the + button in the content area to add a new element.
- Choose one of the Wink Travel content elements:
- Wink Content — hotel cards, ranked grids, maps
- Wink Lookup — destination search bar
- Wink Search — itinerary picker button
- Wink Account — sign-in button
- Wink Itinerary — itinerary status button
- Wink Cart — shopping cart button
- For Wink Content, use the FlexForm fields to select a Layout Type and enter the Layout ID.
- Save and publish the page.
Available content elements
Section titled “Available content elements”| Element | Purpose |
|---|---|
| Wink Content | Hotel cards, ranked grids, maps, and more |
| Wink Lookup | Destination search bar |
| Wink Search | Icon button that opens the itinerary picker |
| Wink Account | Sign-in / user account button |
| Wink Itinerary | Itinerary button showing the current trip |
| Wink Cart | Shopping cart summary button |