Follow

How do I add the checkout flow code to my website?

The following article describes how to add the checkout flow code to your website.  If you don't have your ZOZI checkout code, this article describes how to create one using our setup wizard. 

No matter what web platform you use, it should take no more than a few minutes to paste your checkout code on your website. Below are step-by-step instructions for the following web platforms:

  • WordPress
  • Wix
  • Weebly
  • Squarespace
  • FTP Site (self hosted)

If you don't see your web platform on this list, contact support and we'll help you out. Our checkout flow is supported by all web platforms, however custom work is required for some of the uncommon ones.  

WordPress

Go to Pages in the left hand navigation and select the specific page you'd like to add the checkout flow.

Change to the text view (where you'll see raw HTML code) by clicking the Text Tab in the upper right. Paste the checkout code on the page where you'd like the checkout flow to appear.

Then click Update on the right to finish and check your website to see how awesome it looks! 

Wix

Click Edit Site at the top of the page to take you to the Wix website editor.  

In the website editor click on the + ADD on the left and then More.  Drag and drop HTML Code Box to the location where you'd like the checkout flow on your website.

After dropping the HTML Code box, you'll see a popup labeled HTML Settings. Select Code. Paste your checkout code in the text box.

Click Update and you'll see the checkout flow appear on the page. 

If you are using the embedded calendar (like above), you may need to resize the bottom of the box until you can see the "Powered by ZOZI" logo at the bottom.  

Click Publish to finish and check your website to see how awesome it looks!

 Weebly

IMPORTANT NOTE: Weebly does not allow you to edit HTML blocks on your website using Chrome browser. We recommend you use Firefox or Safari to edit your Weebly site for the following steps. 

Click Edit Site at the top of the page to go to the website editor.

Drag and drop the Embed Code block where you'd like to place the checkout flow. Click the block to edit custom HTLM and then click Edit Custom HTML.

Paste the checkout code into the text box like below.

You'll immediately see the book it button (for lightbox) or calendar (for embedded) appear.  

Click the blue Publish button in the upper right to finish and check your website to see how awesome it looks!

Squarespace

Click on Pages on the left navigation.

Go the specific page where you want to place the checkout flow. Click Edit on the black Page Content Navigation at the top of the page (you might have to roll your mouse over the top of the page to find this navigation bar...it is tricky). 

 Click + button in the upper right then scroll down to the Code Block.  

In the Code Block popup, paste your checkout code.  Click Apply and you'll see the checkout flow appear on the page!

FTP Website (self hosted)

You'll need to contact your web developer to place the checkout code on your home grown website.  If you or your web developer has any questions, please contact our support and we'll be happy to help out.  

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request