ConvertFlow
ConvertFlow is a conversion optimisation platform used to create embedded campaigns such as quizzes, banners, forms, and calls to action.
Key features include:
- Embedded campaigns
- Targeted content display
- Lead capture forms
- Quizzes and multi-step flows
- Visitor targeting rules
ConvertFlow integrates with ShopWired by using snippets to display interactive content on ShopWired websites.
Account creation
Account creation
Create an account on the ConvertFlow Website. Once the account is created an configured, ConvertFlow will provide you with an embed code.
Theme installation
Theme installation
ConvertFlow embed campaigns can be loaded site-wide using an embed code provided by ConvertFlow, similar to the example below:
<div class="cf-cta-snippet" data-website-id="12345" data-cta-id="67890"></div>
<script>
if (window.convertflow) {
var script = document.createElement('script');
script.async = true;
script.src = 'https://js.convertflow.co/production/websites/12345.js';
document.body.appendChild(script);
}
</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 the embed code to the ShopWired theme.
- Navigate to Website > Themes
- Select the
code editoroption for the theme you want to edit - Open the
master.twigfile - Add the script just above the closing
</head>tag - Select Save changes
Adding an embed campaign to a page
Adding an embed campaign to a page
ConvertFlow embed campaigns can be added to individual ShopWired pages using using an embed code provided by ConvertFlow, similar to the example below:
<div class="cf-cta-snippet" data-website-id="12345" data-cta-id="67890"></div>
<script>
if (window.convertflow) {
var script = document.createElement('script');
script.async = true;
script.src = 'https://js.convertflow.co/production/websites/12345.js';
document.body.appendChild(script);
}
</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 a campaign to a website page:
- Navigate to Website > Themes
- Select
customise your themefor the theme you'd like to install it on - Select
add a new section - Select the
custom HTMLsection type - Paste the embedding code into the Custom HTML setting
- Select out of the section and use the theme editor to position the form on the page
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
- Use a single embed campaign per page to avoid layout or performance issues.
- Test embed campaigns on desktop and mobile devices after publishing.
