EMBEDDING THE RESURVA APPOINTMENT WIDGET INTO YOUR WIX WEBSITE

Resurva Appointment Widget embedded in a Wix website

HOW TO: A STEP BY STEP

IN RESURVA
  1. Go to Manage > Booking Widget
  2. Edit the colours to match your website and click “Save & Publish”
  3. Click “Authorized Sites” then “+ New”
  4. Add usrfiles.com
  5. Click “Authorized Sites” then “+ New” again
  6. Add www.usrfiles.com
  7. Ignore the “Get Code” button. Wix requires you to use an iframe rather than Javascript. The iframe looks like this:
  8. <iframe src=”https://YOURSLUG.resurva.com/book?embedded=true” name=”resurva-frame” frameborder=”0″ height=”450″ width=”450″></iframe>
  9. Replace “YOURSLUG” with your Resurva Slug and copy the above code.
IN WIX
  1. Go to the editor and navigate to the page you want to add your booking widget to.
  2. Click “+”, then “More”, then HTML Code.
  3. The container will be added to the page. Click “Enter Code” and paste the code into the box.
  4. Make sure the container is large enough (with a few pixels wiggle room) to hold the booking widget. The default is 450px by 450px, but you can modify this if needed.
2 THINGS TO KEEP IN MIND

When editing your Wix site, the Resurva booking widget will tell you that the site is not authorized. That’s because Wix stores your files at usrfiles.com and you are editing your site on wix.com

If you are logged in to Resurva, you will not be able to see the widget. Instead you’ll see a box that says “The Resurva Book widget will not render properly if you are logged in as an admin.”

You must log out of Resurva, or open your website in another browser to see the booking widget as your clients will.

Every Resurva Account includes an embeddable appointment widget so you can take bookings and offer your schedule right on your Wix website.