Website Integration: Links, Widgets & Embed Overview

Q: Where do I get the exact snippet?

Follow Getting share links and embed codes .

Why add Ordafy to your website

Customers can book services and order products on Ordafy Shop, and they can do the same from your own site. Ordafy gives you shareable links and embeddable widgets so you keep your brand front and centre while Ordafy handles availability, cart, and payment.

Three ways to connect your website

Shareable link — A button or text link sends customers to Ordafy-hosted booking or checkout. Fastest setup; works on every CMS and link-in-bio tool.
Embedded widget — A small script shows booking or ordering inline on your page. Higher conversion because customers stay on your domain.
Popup widget — A floating “Book now” / “Order” button opens the same widget in a modal. Minimal design impact.

One script, five widget types

Ordafy uses a single loader — widget.js — configured with data-type and data-id:

Business widget

Full catalogue: browse services and products together. Ideal for your homepage or main “Book / Shop” page. Respects your organisation 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 organisation. 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 catalogue. 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 organisation. 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 product variants. 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 variants (price, duration, tier), the widget shows a picker before availability. If there is only one variant, selection is skipped.

Products use variant options (for example size × flavour). The widget groups options and resolves the correct SKU and price.

When to use which widget

Business widget — Homepage, footer “Book now”, full menu
Services / products list — Dedicated “Our services” or “Shop” page without mixing catalogues
Service widget — Paid ads, “12-week programme”, bridal package landing page
Product widget — Seasonal special, single SKU promo, influencer link
Popup mode — Floating button; add data-mode="popup" to any widget type

“Powered by Ordafy” footer

Embeddable widgets show a small Powered by Ordafy line (linked to ordafy.com), similar to POS receipts and public Pay pages. Most plans keep this visible. Enterprise white-label customers may hide it via Website integration settings and data-branding="hidden" on the snippet.

Frequently asked questions

Do I need a developer to start?

No. Copy a share link from Business today. Embeds need permission to paste HTML once; most website builders support that.

Will this replace Ordafy Shop?

No. Shop remains your marketplace discovery channel. Widgets and links are how returning customers book from your own site.

Where do I get the exact snippet?

Follow Getting share links and embed codes.