Skip to main content

Vue

<template>
<iframe
:src="src"
width="100%"
height="720"
style="border:0;border-radius:12px;max-width:480px"
loading="lazy"
title="Book an appointment with Pointr"
/>
</template>

<script setup lang="ts">
const locale = 'en';
const slug = 'your-business-slug';
const src = `https://pointr.org/${locale}/widget/booking/${slug}`;
</script>

For Nuxt

Use the same iframe markup in a page or component. If you read the slug from route params, validate it before building the URL.