Using SpiffyJS you’re able to embed checkouts right on your own website.
Table of Contents
Find Embed Code
Embed code can be found in the editor next to the Publish button.
Using Embedded Checkouts
There are two ways you can use your embedded checkouts:
- Popup Checkout – When a customer clicks a link with your checkout URL, a popup of the checkout will appear.
- Embedded Checkout – Your checkout will appear inline.
Popup Checkout
Copy the SpiffyJS code from Step 1 and place it on your website. Once you’ve done that, add your checkout URL to any links on your website, any links clicked with that URL will popup your checkout.
Embedded Checkout
Copy the SpiffyJS code from Step 1 and place it on your website. From Step 2 copy and paste the code and place it where you’d like to display your checkout.
Note: The ‘Step 1’ code is the same for both Popup Checkout and the Embedded Checkout, and it’s identical on all Spiffy Checkouts. So if you have added it to your page in the past for another Checkout Popup or Embed, you wouldn’t need to add it again.
This embed code is also identical to the code Spiffy provides for embedding upsells.
Advanced Popup / Embed Display Code Settings
When using Embedded or Popup Checkouts, Spiffy offers some additional controls for what is displayed on your site.
Changes to the Advanced Code Settings will modify the Step 1 code for the Popup or Embedded checkout, so be sure to modify these settings prior to copying the code to your site.
If you have already placed embed code on your site, you will need to update it with a fresh copy, after modifying these settings.