Adding Common Ninja’s script to your Square Online store allows you to enhance your website with over-the-canvas widgets like popups, bars, notifications, and more. This guide will walk you through the steps to install Common Ninja’s script globally so that it loads across all pages of your Square Online site.
Step 1: Access Your Square Online Site Editor
- Log in to your Square account.
- In the left sidebar, navigate to Online.
- Under Website, select Edit Site to open the Square Online editor.
Step 2: Add the Common Ninja Script to Site Settings
To ensure the script loads globally, you’ll add it to the header of your Square Online site.
- In the editor, open Settings from the left menu.
- Scroll down to find Tracking Tools or Code Injection (the exact label may vary).
- In the Header Code section, paste the following Common Ninja script:
<script src="https://cdn.commoninja.com/sdk/latest/commonninja.js" defer></script>
- By adding the script to the Header Code section, it will load on every page of your site, allowing Common Ninja widgets like popups and notifications to work globally.
Step 3: Publish Your Changes
- After you have added the script, click Publish to save and apply your changes.
- This will make the Common Ninja script live across your entire website.
Step 4: Verify the Script Installation
- Open your Square Online site in a new browser tab to check that the script is working correctly.
- Confirm that your Common Ninja widgets (such as popups, bars, or notifications) appear and function as expected on all pages.
Troubleshooting
If the widgets do not appear immediately:
- Clear Your Cache: Clear your browser cache or use an incognito window, as sometimes cached versions may not reflect the latest changes.
- Double-Check the Code: Ensure that the script is correctly pasted in the Header Code section.
Important Considerations
- Functionality Limitations: Square Online is designed with security and simplicity in mind, so some JavaScript functionalities may be limited. However, Common Ninja widgets such as popups and notifications should work as intended.
- Testing Across Devices: After publishing, it’s a good idea to test the widgets on different devices and browsers to ensure they appear as expected.
Conclusion
By following these steps, you’ll be able to add Common Ninja’s script globally to your Square Online site. This enables your over-the-canvas widgets, such as popups, bars, and notifications, to appear site-wide and engage visitors effectively.
For additional help, feel free to reach out to Common Ninja’s support or consult Square’s support resources.