Takyon API
  • Takyon API integration
    • Get your API Key
    • Create / Update Booking [HOTEL]
    • Create / Update Booking [EXPERIENCE]
    • Create / Update Booking [TRIPS]
    • Create / Update Booking [RESTAURANT]
    • Retreive Booking Updates
  • Information script tag integration (optional)
    • Add the script to your website
  • Endpoints & Links
  • Need Help?
Powered by GitBook
On this page
  • Steps to add the script
  • Additional accessibility
  1. Information script tag integration (optional)

Add the script to your website

PreviousInformation script tag integration (optional)NextEndpoints & Links

Last updated 11 months ago

Steps to add the script

  1. Copy-paste this script tag into to <head> of your website. 

<script defer src="https://api.takyon.io/scripts/info"></script>

  1. Then, copy-paste this element where you want the Takyon info button to be. Use the data-lang key to show the modal in the customer's language, by default is "en".

Supported lang values are: it, en, es, de, ar, fr, ru, pt, bn, hi, zh

<div data-lang="en" class="takyon-scripts-target-info"></div>

Done

Additional accessibility

You can set a custom ID to each info tag and open/close the modals programmatically.

<div data-lang="en" data-id="YOUR_CUSTOM_ID" class="takyon-scripts-target-info"></div>

You can then call the JS function injected in the browser to toggle the modal:

toggleTakyonModal("YOUR_CUSTOM_ID", true); // open
toggleTakyonModal("YOUR_CUSTOM_ID", false); // close
🎉