Common Ninja
Common Ninja is a widget platform that enables businesses to add interactive website components without custom development.
Key features include:
- Popups and notification widgets
- Call-to-action buttons
- Social media widgets
- Content protection tools
- Customisable design controls
Common Ninja integrates with ShopWired by embedding the widget into a ShopWired page using a custom HTML element.
Account creation
Account creation
Create an account on the Common Ninja website at Common Ninja.
After signing in, create a new project and assign your website domain. Then browse the widget catalogue, select a widget, and configure its content and design settings.
Once the widget is configured and published, Common Ninja will provide the embed code.
Adding the widget to your website
Adding the widget to your website
Common Ninja provides an embed code similar to the example shown below:
<script src="https://cdn.commoninja.com/sdk/latest/commoninja.js" defer></script>
<div class="commonninja_component"
data-id="YOUR_WIDGET_ID">
</div>
The code shown above is provided as an example only. You must copy the exact embed code provided in your Common Ninja account, as the code and ID values will be unique to your widget.
To add the widget to a page:
- Navigate to Website > Themes
- Select
customise your themefor the theme you want to edit - Open the page where you want the widget to display
- Select
add a new section - Select the
custom HTMLsection type - Paste the Common Ninja embed code into the Custom HTML setting
- Save your changes
If you want to add to a website page select the Tick here to enter additional custom HTML/JS/CSS setting to add the code
Recommendations
Recommendations
- Configure display rules within Common Ninja to control where and when the widget appears
- Test widget behaviour on mobile and desktop devices before publishing your theme
- Avoid adding multiple overlapping widgets to the same page to prevent layout conflicts
