Website Integration: Links, Widgets & Embed Overview
Understand how customers can book or order from your own website using Ordafy share links and embeddable widgets — business, service, and product levels.
Introduction
Ordafy lets you accept bookings and orders from your own website, not only from the Ordafy marketplace. You can start with a simple link today and add an inline widget as your integration matures.
Three ways to connect your website
- Shareable link — A button or text link sends customers to Ordafy-hosted booking or checkout. Easiest to set up; works on every CMS.
- Embedded widget — A small script on your site shows booking or ordering inline (Calendly-style). Best conversion; customers stay on your domain.
- Popup widget — A floating “Book now” button opens the same widget in a modal. Minimal design impact.
Widget types (one script)
Ordafy uses a single loader — widget.js — configured with data-type and data-id:
Business widget
Full catalog: browse services and products together. Ideal for your homepage or main “Book now” page. Respects your organization type (services only, products only, or both).
<div id="ordafy-widget"></div>
<script async src="https://widget.ordafy.com/v1/widget.js"
data-type="business" data-id="your-org-slug"></script>Services list widget
All active services for your organization. Customers choose a service, then complete the same booking flow as the single-service widget. Use data-type="services" and your org slug as data-id.
Service widget
One service only — skips the catalog. Customers pick a variant (if you offer tiers), then date and time. Perfect for ads, landing pages, and social campaigns.
<script async src="https://widget.ordafy.com/v1/widget.js"
data-type="service" data-id="your-service-slug"></script>Products list widget
All active products for your organization. Customers choose a product, then complete checkout with variant selection. Use data-type="products" and your org slug as data-id.
Product widget
One product with variant pickers (size, flavour, etc.) from your configured ProductVariant options. Supports buy now and cart checkout.
<script async src="https://widget.ordafy.com/v1/widget.js"
data-type="product" data-id="your-product-slug"></script>Public URL patterns
| Resource | URL (hosted on ordafy.com) |
|---|---|
| Business (book) | /book/:orgSlug |
| Business (store) | /store/:orgSlug |
| Single service | /s/:orgSlug/:serviceSlug or /shop/services/:serviceSlug |
| Single product | /p/:orgSlug/:productSlug or /shop/products/:productSlug |
Service and product variants
If a service has multiple ServiceVariant rows (price, duration, tier), the widget shows a picker before availability. If there is only one variant, selection is skipped.
Products use ProductVariant options (e.g. size × flavour). The widget groups options and resolves the correct SKU and price.
When to use which widget
- Business widget — General website footer, “Book now” nav item, full menu
- Services / products list — Dedicated “Our services” or “Shop” page without mixing both catalogs
- Service widget — Google/Facebook ads, “12-week program”, bridal package landing page
- Product widget — Father’s Day special, single SKU promo, influencer link
- Popup mode — Floating “Book now” button; add
data-mode="popup"to any widget type
“Powered by Ordafy” footer
All embeddable widgets display a small Powered by Ordafy line at the bottom (linked to ordafy.com). This appears on inline and popup widgets across business, service, and product modes — similar to POS receipts and public Pay pages.
Most plans keep this footer visible. Enterprise white-label customers may hide it via Website integration settings and data-branding="hidden" on the embed snippet.