involve.me
involve.me is an interactive funnel and form builder used to create quizzes, giveaways, surveys and lead capture funnels.
Key features include:
- Hosted funnel URLs
- Embedded funnels using HTML and JavaScript
- Interactive multi-step forms
- Submission and response tracking
involve.me integrates with ShopWired by providing that can be added to website pages to display funnels directly on a ShopWired website.
Account creation
Account creation
To use involve.me with ShopWired, create an account on the involve.me website.
Once an account has been created, involve.me will provide an embed code for your website.
Theme installation
Theme installation
To display the chat button across the entire website, the embed code must be added to the ShopWired theme.
An example of the chat button embed code is shown below:
<script src="https://YOUR-SUBDOMAIN.involve.me/embed?type=popup"></script>
<script>
involvemeEmbedPopup.createTriggerEvent({
projectUrl: "PROJECT_ID",
organizationUrl: "https://YOUR-SUBDOMAIN.involve.me",
embedMode: "chatButton"
});
</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.
To add the chat button embed sitewide:
- Navigate to Website > Themes
- Select the
code editoroption for the theme you want to edit - Open the
master.twigfile - Paste the embed code just before the closing
</body>tag - Select
save changes
Adding the chat button to a page using custom HTML
Adding the chat button to a page using custom HTML
To display the chat button to a website page, the embed code must be added to the ShopWired theme.
An example of the chat button embed code is shown below:
<script src="https://YOUR-SUBDOMAIN.involve.me/embed?type=popup"></script>
<script>
involvemeEmbedPopup.createTriggerEvent({
projectUrl: "PROJECT_ID",
organizationUrl: "https://YOUR-SUBDOMAIN.involve.me",
embedMode: "chatButton"
});
</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.
To add the chat button embed to website pages using a custom HTML section:
- Navigate to Website > Themes
- Select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Use the theme editor to position the section 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.
Standard embed
Standard embed
The standard embed displays an directly within a website page.
An example of the standard embed code is shown below:
<div class="involveme_embedded" data-project="PROJECT_ID" data-title="PROJECT_TITLE">
<script src="https://YOUR-SUBDOMAIN.involve.me/embed"></script>
</div>
The embed code shown above is provided as an example only. You must copy the exact embed code provided in your own involve.me account, as the script and any ID values will be unique to your website.
To add the standard embed to a ShopWired website page:
- Navigate to Website > Themes
- Select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Use the theme editor to position the section 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.
Side tab embed
Side tab embed
The side tab embed displays a fixed tab on the edge of the screen that opens the involve.me funnel when selected.
An example of the side tab embed code is shown below:
<script src="https://YOUR-SUBDOMAIN.involve.me/embed?type=popup"></script>
<script>
involvemeEmbedPopup.createTriggerEvent({
projectUrl: "PROJECT_ID",
organizationUrl: "https://YOUR-SUBDOMAIN.involve.me",
embedMode: "sideTab"
});
</script>
The embed code shown above is provided as an example only. You must copy the exact embed code provided in your own involve.me account, as the script and any ID values will be unique to your website.
To add the side tab embed to a ShopWired website page.
- Navigate to Website > Themes
- Select
customise your theme - Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Use the theme editor to position the section 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
- Test embedded content on desktop and mobile devices.
- Check that embedded content displays correctly after theme updates.
- Review pages where embeds are used to ensure content appears as expected.
