Timify

Timify provides booking widgets that can be embedded on a website, including booking buttons or overlays and inline iframe widgets. These widgets allow visitors to open a scheduling interface or view a booking page directly within a webpage.

Key features for Timify include:

Booking button or overlay widgets that open a scheduling panel
Inline iframe widgets for embedding a booking page into a webpage
Appearance and behaviour options configurable within the Timify account

Timify integrates with ShopWired by embedding code into your website theme or individual webpages. Timify does not integrate with ShopWired products or ShopWired Payments.

ShopWired can only provide support to you on the instructions provided in this help guide, for assistance with your Timify account contact Timify support directly.

Account creation

Create an account or sign in on the Timify website. Once your account is created, configure a booking widget within your Timify account and copy the code provided for use on your ShopWired website.

Theme installation

Once configured in your Timify account, you will be provided with a script that needs to be added to your ShopWired website, similar to the example shown below:

<script async
  src="//book.timify.com/widget/widget.min.js"
  id="timify-widget"
  data-account-id="YOUR_ACCOUNT_ID">
</script>

The script shown above is provided as an example only. You must copy the exact script provided in your own Timify account, as the script and any ID values will be unique to your website.

Add this script to your theme’s master.twig file so that it is loaded on every page of your website:

Navigate to Website > Themes
Select the code editor option for the theme you want to install it on
Open the master.twig file
Add the script just above the closing </head> tag
Save changes

Use ShopWired’s landing pages feature to add the booking button to a custom page on your website. If you want to add the booking button to a website page, select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.

The embeds a Timify booking page directly within a webpage.

To display the iframe on a webpage, copy the iframe code provided in your Timify account and add it using a custom HTML section:

Navigate to Website > Themes
Select customise your theme
Select the page where the iframe should appear
Select add a new section
Select the Custom HTML section type
Paste the iframe code into the Custom HTML setting
Select out of the section and use the theme editor to position the iframe on the page
Save changes

Recommendations

Test widgets on desktop and mobile devices to confirm correct display and behaviour
Position booking buttons so they are clearly visible to visitors
Ensure embedded iframes have sufficient vertical space to display the booking interface
Confirm widgets function correctly before publishing your theme

Timify

Account creation

Theme installation

iFrame widget

Recommendations

Menu