Skip to main content

How do I connect the Website Integration to a ZenBusiness website?

Here is how you can link the Website Integration to your ZenBusiness website.

Sierra Burton avatar
Written by Sierra Burton
Updated over a month ago

This feature is available on all Goodshuffle Pro Plans.

After purchasing the Website Integration, you can link your inventory in Goodshuffle Pro directly to your ZenBusiness website.

Linking the Website Integration to ZenBusiness

  1. Navigate to your ZenBusiness "Dashboard"

  2. Find the website you want to link to the Website Integration and then click "Edit"

  3. Click the "Settings" gear symbol in the left-side menu, then select "Head HTML"

  4. Scroll down to the "Head HTML" section, and paste the Website Integration configuration code snippet

    1. You can find this code snippet in the Goodshuffle Pro Developer Documentation. It is also listed below:

      <script type="module" src="https://unpkg.com/@goodshuffle/[email protected]/dist/gspro-wc/gspro-wc.esm.js"></script> <script nomodule="" src="https://unpkg.com/@goodshuffle/[email protected]/dist/gspro-wc/gspro-wc.js"></script> <gspro-wishlist-config data-url="https://data.goodshuffle.com/vendor/YOUR-PUBLIC-WEBSITE-KEY" ></gspro-wishlist-config>
  5. Before you save that code snippet, you'll need to copy and paste the Public Browser Key into the "YOUR-PUBLIC-WEBSITE-KEY" portion of the snippet above

    1. You can find your Public Browser Key within the "Integrations" tab in your Account Settings in Goodshuffle Pro

  6. Once you copy your Public Browser Key, return to the "Head HTML" section on your website to paste it in

  7. Click "Save", select "Yes, Save Changes" in the "Changes Impacting Performance" pop-up window, and the Website Integration will load on your ZenBusiness website

Customizing your ZenBusiness website with the Website Integration

You can customize your website further by adding Item Lists or Item Galleries to your ZenBusiness "Pages".

  1. Click "Pages" from the left-side menu options and choose a page

  2. To add an Item List or Item Gallery to the page, select "Widgets" and choose "HTML". This will allow you to add an Item List or Item Gallery snippet

    1. You can find the code snippets for Item Lists here and Item Galleries here

Did this answer your question?