Ordafy Logo
Guides/Website Integration
Paste Ordafy into your website builder
Website Integration9 min read

Paste Ordafy into your website builder

Paste an Ordafy link or embed code into WordPress, Wix, Squarespace, Shopify, Webflow, or another website builder.

In a nutshell

Follow the steps below. Use On this page to jump between sections.

Before you begin

First, copy your link or embed code from Settings → Website & integrations or Share in Ordafy Business. If you have not done that yet, follow Get your share links and embed codes.

A normal link is easiest. An embed is better when you want booking, ordering, or a question widget to appear on the page itself.

WordPress

  1. Edit the page where you want the button.
  2. Add or select a Button block.
  3. Paste the link copied from Ordafy into the button link field.
  4. Use clear wording such as “Book now” or “Order online”, then publish.

Add an embedded widget

  1. Add a Custom HTML block.
  2. Paste the complete embed code copied from Ordafy.
  3. Preview the page, then publish it.

If WordPress removes the code, ask your website administrator or host to allow custom HTML for your account.

Wix

  1. For a button, choose Link, then Web address, and paste your Ordafy link.
  2. For an embedded widget, choose Add Elements, then Embed Code or Embed HTML.
  3. Paste the complete code from Ordafy and apply it.
  4. Make the box tall enough to show the booking or ordering steps, then publish.

Squarespace

  1. For a button, add a Button block and paste your Ordafy link.
  2. For an embed, add a Code block and paste the complete Ordafy code.
  3. Save and test the published page. Some outside content may not appear while you are editing.

Shopify

  1. For a simple option, add an Ordafy link to your navigation menu or a page button.
  2. For an embed, open the page or theme section where it should appear.
  3. Add a Custom liquid or custom HTML section, depending on your theme.
  4. Paste the complete code copied from Ordafy, save, and preview your store.

If you are not comfortable editing your theme, use a link or ask the person who manages your Shopify store.

Webflow

  1. Add an Embed element where you want Ordafy to appear.
  2. Paste the complete code from Ordafy.
  3. Save and publish the site.
  4. Test the live page — outside content may not work inside the designer preview.

Some simple website builders do not allow outside embed code. Add a button or text link and paste the share link Ordafy gives you. Customers can still book or order on the Ordafy page.

Custom websites

Give the complete Ordafy embed code to the person who manages your website and tell them where it should appear. A typical pasted block looks like this:

Example code
<div id="ordafy-widget"></div>
<script async src="https://widget.ordafy.com/v1/widget.js"
data-type="business"
data-id="your-business"></script>

Use the exact version copied from your Ordafy Business account, not the example above.

If the embed does not appear

  • Publish the page; some builders do not show embeds in preview mode.
  • Check that you pasted the whole code without changing it.
  • Make sure the service or product is published in Ordafy Business.
  • Check Settings → Website & integrations in Ordafy Business and approve your website address if requested.
  • Make the embed box taller if the bottom is cut off.
  • If your builder blocks custom code, use the Ordafy share link instead.

Go-live check

Test the published page on a phone and a computer. Confirm the correct item opens and that a customer can reach the final booking or order step. For campaign ideas, see Promote one service or product.