for fb code queen page.jpg

book like a boss embed on Wix

One of the best booking tools that we have found is an app called Book Like a Boss.  It has multi day booking called Session Packs that allow clients to book multiple appointments at once.  It has SMS reminders and a whole lot more!.  The only thing they don't have is a way to embed their script code onto a Wix site. But we figured out a way! You are looking at the first Book Like a Boss Converter tool for iFrame integration.  Follow the instructions below to us it! 

" Embedding a booking calendar increases conversions rather than redirecting to an external link."

The question . . .

" The Book Like a Boss tutorial explains how to copy and paste an auto-generated code onto any website, but Wix's iframe structure is not compatible with the code. Is there a work around? "

Let's analyze . . .

Without getting too technical on the matter, the short version of the story is when a script code for an iFrame needs DOM access it is not compatible with Wix because Wix does not allow DOM access.  In this case, Book Like a Boss built their embed script in that way.

On Wix there are two ways to embed content inside of an iFrame.  One way is via compatible HTML code, the other way is by using a direct URL to the source.

Easy peasy!  Just get the source of the script code and paste it on the Wix iFrame settings, right?!  Wrong!  How can a Wix user paste a script code, get the source URL and paste it back into their Wix site?  They can't! Because they cannot load the original script code in the first place!

1 Creative solution . . .

So how did we figure out how to embed this Book Like a Boss widget (which you can TOTALLY use right now to book a session with Code Queen because it is a real booking calendar) ?!

Easy!  We created an account on a DIFFERENT platform to paste the script code.  Then we inspected the source code via the developer tools of our browser.  BINGO!  There was the source URL.  Want to go try it yourself?

We know, we know.  Some people do not have that ability to access another platform --- figure out how to embed a code there THEN come back to their Wix site to embed the URL necessary to make the Book Like a Boss widget work on Wix.  Such a hassle!  We took care of this hassle to find a quicker solution for you.

Using Velo, we crafted a URL generator that we now call Book Like a Boss Wix Instant Generator (or BLAB-WIG ) just for you (and the world)!  We love you, too.

 

BLAB - Wix Instant Generator . . . 

Step 1

If you don't already have an account, click on the link above to create a free account.  Book Like a Boss offers 14 day free trial.  The smallest paid package they offer is only $9 USD a month if you pay monthly.  (Yes --- a very great deal.)  Or it is $7.50 a month if you pay yearly!

Step 2

Go to 'Booking Pages' Tab

Make sure you have already created the Product or Service you would like to embed.  If you are just creating your new Book Like a Boss then please add at least one product or service under the "Product & Services" tab.  If you need help creating your first product or service, visit their Blog and select from one of their video tutorials.  Once you confirm you already have an existing Product or Service, move on to the next step!

Step 3

Go to 'Other Settings' Tab

embed blab.PNG

Click on "Embeds"  to create a new embed or find one that you have already created.  Don't let their message scare you!  Their script code prevents anyone from embedding more than one calendar on a page, but our BLAB WIG method does not!  Add as MANY as you want!  After you create your new embed code, copy it all and go to step number 4 !

Step 4

Convert your Script Code here

Now enter your Script code below to convert it to a URL to use on any Wix site via an iFrame element.  As soon as you hit the convert button it will copy your new URL to your clipboard so you can paste it in your iFrame!  Still need help?  Use one of our calendars on this page to setup a session or visit our booking page here.

Success!  Your new URL is now copied to your clipboard! Now go paste it in an iFrame to begin embedding your BLAB calendar!

Converting, please wait . . . 

Multiple BLAB calendars on 1 page . . . 

 

need creative help with your projects or this tutorial?