integrations
it's one script tag, wherever you put it
heytappr doesn't care what your app is built with. here's exactly where the embed goes in 16 stacks, plus the android sdk for native apps.
don't see yours? if it renders html, it works.frameworks
12react
add heytappr to a react app (vite or similar) with one script tag in index.html.
index.html
next.js
add heytappr to a next.js app router project with next/script in the root layout.
app/layout.tsx
vue
add heytappr to a vue app with one script tag in index.html.
index.html
nuxt
add heytappr to a nuxt app by adding the script to the app head in nuxt.config.
nuxt.config.ts
angular
add heytappr to an angular app with one script tag in src/index.html.
src/index.html
svelte / sveltekit
add heytappr to a svelte or sveltekit app with one script tag in src/app.html.
src/app.html
remix
add heytappr to a remix or react router app with a script tag in the root route.
app/root.tsx
astro
add heytappr to an astro site with a script tag in your base layout.
src/layouts/Layout.astro
ruby on rails
add heytappr to a rails app with one script tag in the application layout.
app/views/layouts/application.html.erb
django
add heytappr to a django app with one script tag in your base template.
templates/base.html
laravel
add heytappr to a laravel app with one script tag in your main blade layout.
resources/views/layouts/app.blade.php
plain html
add heytappr to any web page with one script tag before the closing body tag.
index.html
site builders & cms
3wordpress
add heytappr to a wordpress site by adding the script to your theme footer.
footer.php
webflow
add heytappr to a webflow site through custom code in site settings.
site settings / custom code / footer
bubble
add heytappr to a bubble app through the script section in settings.
settings / seo & metatags / script in the body
native apps
1pasted it?
now write your first guide.
we'll set up your workspace on a demo and write the first guide with you.
loading the calendar
or open it on cal.com