Pointr Widget Manual
Pointr widgets let a business bring booking, trust, live availability, and profile information into its own website without rebuilding appointment software.
This manual is for developers, agencies, marketplace partners, and business owners who need exact embed instructions. It is written as a practical field guide: choose the widget, generate the snippet, place it safely, test it, and keep the host page fast.
Start here
Generate once, embed anywhere
Each widget is an iframe served by Pointr. The host website only needs a public widget URL and a small HTML snippet.
Localized
Use the visitor's language
Widget URLs include a locale such as en, de, fr, it, es, or ro.
Branded
Designed to feel like Pointr
The widgets use the same warm green, ivory, and gold identity as the Pointr web app.
The Installation Flow
- Open the Pointr widget generator:
https://pointr.org/{locale}/app/my-business/widgets
- Select the business.
- Select the widget type.
- Copy the iframe snippet.
- Paste it into the host website.
- Test on desktop, tablet, and mobile widths.
Available Widgets
| Widget | Best for | Recommended height |
|---|---|---|
| Booking | Converting visitors into appointments | 720 |
| Reviews | Building trust before booking | 760 |
| Live Availability | Showing how soon customers can book | 420 |
| Service + Availability | Service pages and campaigns | 720 |
| Business Card | Small profile embeds and directories | 360 |
| Calendar | Larger availability sections | 820 |
A Minimal Embed
<iframe
src="https://pointr.org/en/widget/booking/your-business-slug"
width="100%"
height="720"
style="border:0;border-radius:12px;max-width:480px"
loading="lazy"
title="Book an appointment with Pointr"
></iframe>
What Pointr Handles
- Business and service data.
- Localization.
- Availability and booking flow.
- Review display and booking calls to action.
- Consistent widget styling.
- Security headers that allow widget embedding while protecting the main app.
What The Host Website Handles
- Choosing the page placement.
- Giving the iframe enough height.
- Avoiding hidden overflow on the container.
- Testing on small screens.
- Adding a clear heading around the embed when the page needs context.