As of November 1st, 2023, we have made some changes to SpiffyJS that impact customers using Popup Embedded Checkouts.

Learn more about the new settings for Embedding Checkouts

TL;DR:

If you are using Popup Checkouts, you will need to make a quick manual adjustment to ensure your popup functionality still works.

To ensure the popup functionality is not interrupted, please follow the steps below.

• Why We’re Making This Change
• What If I Don’t Update Anything?
• Steps to Manually Set Popup Functionality

Why We’re Making This Change

We’ve recently received a lot of feedback from customers that has prompted this change.

Originally, the single and sole purpose of SpiffyJS was to turn a Checkout into a Popup Checkout.

Over the years, as we’ve rolled out new features and functionality, SpiffyJS has grown to include other powerful features and functionality like Affiliate Tracking and Portal embeds, for example.

Currently, when you add SpiffyJS to a page on your website, the default setting of SpiffyJS changes all your checkout links to Popups by default. If you don’t want the Popup functionality, you have to take extra steps to deactivate it, which has caused confusion.

We are changing the default setting of SpiffyJS to NOT Popup by default, and if you DO want a Popup Checkout then you can take the extra steps to make it a popup checkout.

This change should make setup a more smooth and intuitive experience.

What If I Don’t Update Anything?

Instead of your Checkouts popping up on your page, they will simply link to our hosted version. People will still be able to complete their purchase, but they will be linked to the Spiffy-hosted version of the Checkout, instead of the popup experience.

This change is a non-critical breaking change, meaning action needs to be taken to keep the popup functionality working, but it’s NOT something that will prevent someone from purchasing.

Steps to Manually Set Popup Functionality

We will be rolling out an update with explicitly set popup checkout links. There will also be a toggle setting in the Advanced Embed Settings on each checkout. The toggle will make this adjustment for you to copy/paste the updated SpiffyJS.

In the meantime, you will simply need to manually make this small adjustment to your SpiffyJS embed code.

Copy/paste this Snippet below before spiffy.load() in your SpiffyJS code.

spiffy.config({
  // Popup Options
    popupEnabled: true,
})

The end of your Spiffy JS should look like this:

You can also adjust other default actions with other config settings available.