My Sidebar content doesn't display on my embedded checkout

If you have created a checkout with 'sidebar' content, and embedded it on your website, you may have noticed that the sidebar content does not display.

By default, Spiffy hides the sidebar content on embedded checkouts, as we found that the background color on websites often made this section hard to read, and that most people prefer to create their content right on their webpage.

In the future, we will have an option in the checkout editor to enable/disable sidebar content for embedded checkouts.

Currently, if you do need the sidebar content to display on an embedded Spiffy checkout, you can achieve this with an additional script that we have available. 

There are a few different elements that you can control by editing the code snippet below.  Changing the values to true or false depending on what you want to see; true, will show the element, and false will hide the element.

Note: Paste the following script right before "spiffy.load" at the end of your "Step 1 embed code" script. (Copy the code below and paste it where the red line is, in screenshot below)
Do not place this after the Step 2 script as this can cause the Advanced Options to not load as you have configured them.


COPY THIS CODE:

spiffy.config({
            // Tracking Options
            trackingEnabled: true,
        
            // Order Form Options
            hideSummary: false,
            hideSidebar: false,
            hideHeader: true,
            hideFooter: true,
        
            // Takeover Options
            pageTakeover: true, // Used to easily turn both takeover settings on
            upsellPageTakeover: true,
            thanksPageTakeover: true,
        
            // Popup Options
            popupEnabled: true,
            popupPrefetch: true,
        })


PASTE THE CODE ABOVE INTO YOUR STEP 1 EMBED CODE, WHERE THE RED LINE IS, IN THE SCREENSHOT BELOW:

Let us know if you have any questions. Always here to help. Just reachout to support@spiffy.co.

Still need help? Contact Us Contact Us