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
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
Add a link to a button
- Edit the page where you want the button.
- Add or select a Button block.
- Paste the link copied from Ordafy into the button link field.
- Use clear wording such as “Book now” or “Order online”, then publish.
Add an embedded widget
- Add a Custom HTML block.
- Paste the complete embed code copied from Ordafy.
- 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
- For a button, choose Link, then Web address, and paste your Ordafy link.
- For an embedded widget, choose Add Elements, then Embed Code or Embed HTML.
- Paste the complete code from Ordafy and apply it.
- Make the box tall enough to show the booking or ordering steps, then publish.
Squarespace
- For a button, add a Button block and paste your Ordafy link.
- For an embed, add a Code block and paste the complete Ordafy code.
- Save and test the published page. Some outside content may not appear while you are editing.
Shopify
- For a simple option, add an Ordafy link to your navigation menu or a page button.
- For an embed, open the page or theme section where it should appear.
- Add a Custom liquid or custom HTML section, depending on your theme.
- 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
- Add an Embed element where you want Ordafy to appear.
- Paste the complete code from Ordafy.
- Save and publish the site.
- Test the live page — outside content may not work inside the designer preview.
Google Sites, Carrd, and link-in-bio tools
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:
<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.
Related guides
Add Ordafy bookings and orders to your website
Let customers book, order, or ask a question from your website using a share link, widget embed, or pop-up.
Get your share links and embed codes
Copy the correct Ordafy link, QR code, or website embed code for your business, service, or product.
Send customers straight to one service or product
Point an advert, email, social post, QR code, or landing page at one service, package, or product.