Ordafy
Website Integration
7 min read
0 views

Getting Share Links & Embed Codes from Ordafy

Step-by-step: where to find copy-link, QR code, and widget embed snippets in Ordafy Business (web) and the mobile app.

Introduction

Before you paste anything on your website, generate the correct public link or embed snippet from Ordafy. Links work immediately; embed codes load the Ordafy widget on your own domain.

Prerequisites

  • An active Ordafy Business organisation with at least one published service or product
  • Your organisation slug (Settings → Organisation profile)
  • For embeds: permission to edit your website theme or page HTML

Share a single service (Ordafy Business web)

  1. Sign in to Ordafy Business.
  2. Open Services and select the service you want to promote.
  3. Click the ⋮ menu (or actions menu) → Share.
  4. In the Share dialog you can:
    • Copy link — Public URL on ordafy.com/shop/services/your-service-slug (short URL may be generated automatically)
    • QR code — Download for print, flyers, or in-store signage
    • Social share — Facebook, X, LinkedIn, WhatsApp, email

Share a single product (Ordafy Business web)

  1. Open Products → select your product.
  2. Actions menu → Share.
  3. Copy the product link (ordafy.com/shop/products/your-product-slug), QR, or share to social.

You can also share from Marketing when building campaigns that reference specific catalog items.

Share from the Ordafy mobile app

  1. Open the Business workspace on iOS or Android.
  2. Navigate to Services or Products.
  3. Open the item → use Share (same link and QR behaviour as the web dashboard where available).

Business-level book & store links

For your whole organisation (not one item):

  1. Go to Settings → Website integration (or Marketing → integration tools as rolled out).
  2. Copy:
    • Book link — https://ordafy.com/book/your-org-slug
    • Store link — https://ordafy.com/store/your-org-slug
    • Business widget embed — Inline snippet with data-type="business"

If Website integration is not yet visible in your account, use your public provider page on ordafy.com/shop/providers/your-org-id or contact support — embed tooling rolls out by plan tier.

Getting embed codes (widget snippets)

Embed codes are generated alongside share links:

From service or product Share

  • Copy embed code (inline) — Pastes a <div> + widget.js with data-type="service" or data-type="product"
  • Copy embed code (popup) — Same script with data-mode="popup" and optional data-label

From Website integration settings

Configure once for your whole business:

  • Allowed embed origins (your website domain for CORS)
  • Default theme (data-theme) and accent colour (data-primary-color)
  • Preview widget before copying

What each snippet contains

<div id="ordafy-widget"></div>
<script
  async
  src="https://widget.ordafy.com/v1/widget.js"
  data-type="service"
  data-id="mens-haircut"
  data-theme="light">
</script>

Replace data-type and data-id with values from the Share or integration screen. Use your service slug or product slug (or stable ID where shown).

Tips

  • Publish services and products before sharing — draft items are not publicly accessible.
  • Short links are ideal for SMS and print; use full URLs in embed data-id when the generator provides slugs.
  • Test the copied link in a private browser window before running paid ads.
  • Keep embed origins updated in settings when you change domains (e.g. www vs apex).

Related guides