Unbounce
Unbounce provides popups and sticky bars that allow merchants to display on-site campaigns and collect visitor signups on their ShopWired website.
Features include:
- Popups and sticky bars for lead capture and promotions
- Pre-built templates for popups and sticky bars
- Customisable design, content, and branding
- Display rules and triggers based on visitor behaviour
- Integration with email marketing and CRM platforms
- Analytics and conversion tracking within the Unbounce dashboard
When used with ShopWired, Unbounce popups and sticky bars are added to a website using JavaScript . This allows campaigns to display based on triggers such as page load, scroll depth, time on page, or exit intent.
Unbounce popups and sticky bars do not integrate with ShopWired products, orders, customers, or checkout functionality.
Account creation
To begin using Unbounce with ShopWired, create an account on the Unbounce website.
After creating your account, Unbounce provides embed code that can be added to your ShopWired website.
Theme installation
Theme installation
Once your Unbounce popup or sticky bar is published, Unbounce will provide JavaScript embed code similar to the example shown below:
<script> (function(){ var ub = document.createElement('script'); ub.src = 'https://d2um1djdsizy1w.cloudfront.net/launchpad.js'; ub.async = true; document.head.appendChild(ub); })(); </script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
Add this code to your theme’s master.twig file so that Unbounce campaigns can display across your website:
- Navigate to Website > Themes
- Select the
code editoroption for the theme you want to install Unbounce on - Open the
master.twigfile - Paste the embed code just above the closing
</head>tag - Save changes
Unbounce popups and sticky bars will now be able to display across your ShopWired website according to your Unbounce display rules.
Adding Unbounce to a specific page
Adding Unbounce to a specific page
To add Unbounce popups or sticky bars to a specific page, add the embed code to that page using Custom HTML:
- Navigate to Website > Themes
- Select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the Unbounce embed code into the Custom HTML setting
- Select out of the section and position it on the page
- Save changes
If adding the code to a website page, select the Tick here to enter additional custom HTML/JS/CSS setting option and paste the embed code into the field.
Recommendations
Recommendations
-
Avoid checkout interference by not displaying popups or sticky bars on checkout pages.
-
Test campaigns across desktop and mobile devices to confirm triggers and positioning behave as expected.
