Are you having issues with your embeddable checkout not loading on your website?
Are you getting a continuous loading animation?
Below are the 2 primary reasons for this behaviour:
- Broken custom domain records
- The checkout template has been changed from embeddable to a URL-based checkout
1. Broken custom domain (CNAME) records
If you have previously enabled a custom domain on your account and those CNAME records no longer exist with your domain/hosting provider, this can prevent your embeddable checkouts from loading.
The first thing you can do is go to your Settings > Account-wide settings > CNAME and check if you have a custom domain enabled.
If you do, you’d then want to go to a service like whatsmydns.net and enter your custom domain (e.g. abc.yourdomain.com) into the search field, choose CNAME from the dropdown, then click search.
This will then give you the results from around the world and you should see alias.thrivecart.com if this is setup correctly (see example below)
Some may show up as a cross, like a above, but as long as the majority are showing as above, you should be good. If everything is showing with a red cross this is indicative that your CNAME records no longer exist.
You will either want to remove the custom domain OR resolve the missing records and set this up again in your domain/hosting provider – note these are not managed by ThriveCart and this is not something we can setup or change for you.
2. Checkout template not set to embeddable
This behaviour is more common when you initially set up your checkout as an embeddable template, get your embed code and add this to your site, and then later you edit your product and change the product template to a non-embeddable template (URL-based).
Non-embeddable templates are not supported as embeds, and what should happen for most users is that the page the checkout is embedded on will refresh loading the checkout page itself directly. However some browsers may prevent that redirect from occurring – creating what appears to be a continually loading animation.
The solution for this is to ensure that your product is set up to remain as an embeddable template IF you’re wanting to embed it inline within your page content. OR remove the embed code from your website and use a button to link to the checkout URL you’re provided for a URL-based checkout.