Installation

The simplest method — paste the script directly into your site's HTML. Use this if you have direct access to your site's source code and don't use a tag manager. The embed code is a single script tag that loads the SubJolt widget asynchronously, so it won't affect your page load speed.

Deploy SubJolt through GTM if you prefer managing third-party scripts from a central dashboard. This approach lets you enable or disable the widget without touching your site's code. Make sure your GTM container is already installed and firing on the pages where customers can cancel.

For Shopify stores, you'll add the script to your theme's layout file. This places the widget on every page so it can detect cancel buttons wherever they appear. If your store uses a custom theme or a third-party subscription app, the process is the same — the script goes in the theme layout.

WordPress sites can add the script through the theme editor or a plugin like Insert Headers and Footers (WPCode). Using a plugin is recommended — it survives theme updates and doesn't require editing PHP files directly. If you prefer the theme editor, add the script to your footer template.

Webflow provides a Custom Code section in project settings where you can add scripts to the footer of every page. This is the cleanest approach since it doesn't require editing individual page templates. The script runs site-wide, so SubJolt can detect cancel buttons on any page.

For React and Next.js applications, you can add the script tag to your root HTML template or use a framework-specific script component. The widget monitors the DOM for cancel buttons, including those rendered dynamically by your SPA router. If your app uses client-side navigation, the widget handles route changes automatically.

Squarespace provides a site-wide Code Injection panel in Developer Tools where you can add scripts to every page's footer. This is the recommended approach since it applies globally without editing individual page templates.

Wix lets you add custom code site-wide through your site settings. Use the Custom Code feature to inject the SubJolt script into the body of every page. Make sure you set the placement to Body - End so the script loads after your page content.

BigCommerce has a Script Manager in your storefront settings that lets you add third-party scripts site-wide. Create a new script entry and set it to load in the footer on all pages.

Kajabi allows you to add custom code snippets in your site's settings. Use the Footer section of Code Snippets to inject the SubJolt script on every page of your Kajabi site.

Teachable provides a Code Snippets area in your site settings where you can add scripts to the footer of every page. This ensures the SubJolt widget loads across your entire Teachable site.