# Developer Documentation (/developers)



Integrate Resytech booking into any website with `resytech.js`. The library gives you three tools depending on how much control you need.

Integration Options [#integration-options]

<Cards>
  <Card title="Booking Widget (ResytechClient)" href="/developers/resytech-client">
    Add a "Book Now" button in 2 lines of code. Opens a full-screen booking modal powered by an iframe — no backend work required.
  </Card>

  <Card title="API Client (ResytechApi)" href="/developers/resytech-api">
    Build custom booking flows with full API access. Fetch activities, calendars, time slots, manage carts, and process checkouts programmatically.
  </Card>

  <Card title="Blog Renderer (ResytechBlogRenderer)" href="/developers/blog-renderer">
    Render Resytech blog content on your site. Fetch and display blog posts and categories from your Resytech dashboard.
  </Card>
</Cards>

Quick Start [#quick-start]

The fastest way to add booking to your site — just include the script tag and add a `data-resytech-activity-id` attribute to any button:

```html
<!-- 1. Include the library with your location config -->
<script
  src="https://static.resytech.com/js/resytech.js"
  data-resytech-location-id="YOUR_LOCATION_ID"
  data-resytech-base-url="https://booking.yourdomain.com">
</script>

<!-- 2. Add a Book Now button -->
<button data-resytech-activity-id="YOUR_ACTIVITY_ID">
  Book Now
</button>
```

That's it. Clicking the button opens a full-screen booking modal. No JavaScript required.

Want more control? See the [installation guide](/developers/installation) for all setup options, or jump straight to the [ResytechClient reference](/developers/resytech-client).