All Collections
Business growth training
Website
How do I install (and fix) the WebTools on my website? EXTERNAL LINK
How do I install (and fix) the WebTools on my website? EXTERNAL LINK
James Lett avatar
Written by James Lett
Updated over a week ago

The MSP Marketing Edge WebTools are your secret weapons to create a compelling, interactive experience on your website for your leads, prospects and clients.

Currently our WebTools let your visitors:

  • Check if their email address has been breached

  • Test the strength of a password

  • Create strong random passwords

You can also use the email breach checker for data capture. If you insert a valid Zapier webhook into the WebTools console, then an 'Join our mailing list' option appears on your website. If users click on this option before searching, you'll be able to send their email address into your CRM for email marketing.

We will be adding more WebTools in the months ahead.

As an active MSP Marketing Edge member, WebTools are automatically authorised (by your domain name) to work on your website. However if you have any issues in getting them set up, read on.

How do the WebTools work?

In this past this was a plugin for WordPress sites only.

Now the WebTools can now be used on any active MSP Marketing Edge member's site, regardless of which content management system or page builder you use.

You generate some simple code in our WebTools console, and insert it in your site. You make the styling adjustments in our console, and they are automatically changed on your website.

Take the main Code Snippet you're presented with and insert it into a page as HTML. Depending on your CMS, this maybe called something else, for example...

  • Text mode

  • Raw code

  • Classic Code Snippet

  • HTML mode

  • Raw content

General trouble shooting

Has my email been authorised?

When you first became an MSP Marketing Edge member, your registered email address would have been authorised to use the MSP Marketing Edge WebTools (along with access to the main Dashboard). To access the WebTools console you need to have have initiated an active session with be Dashboard first, then just follow the link to the WebTools console. If the code or console doesn't appear to work, it maybe because you're using another email address. If this is the case, just contact us using the green chat icon in the bottom right corner of this Knowledge Base or Dashboard and ask for another e-mail address to be added.

I don't think my WebTools are displaying correctly, what can I do?

Most CMS and page builders have more than one way of inserting code (sometimes 2 or 3). If the first way doesn't look quite right, look through the other options for inserting code snippets (as suggested above) and see if that helps.

There is a also a chance you have a page caching plugin (eg NitroPack) that is affecting your code from running properly. Most of these plugins have the ability for you to exclude pages you would not like to be optimised. Navigate to that function within your plugin's settings, and enter the URL of the page on your site that is hosting the WebTool you're working with.

Why are my styling / text changes not working?

If you've made some changes to the styling and text in any of your WebTools, but the changes don't appear to have happened when you press Save & Preview, there is usually a simple fix for this. There maybe some out of date code stored within your web browser and all you need to do is perform a 'hard browser refresh' to clear it out. For most browsers the simple keyboard shortcut to perform this action is Control + F5.


What can I do if the window containing the tool cuts off the content vertically or the box is too small?

We're aware that some speed enhancing 'caching plugins', in their quest to reduce a page's quantity of code, strip out some of our vital code needed to make the tools work properly. To troubleshoot this, try disabling those plugins first. Some caching plugins may allow you to enter exceptions for code types to be ignored.

We've tested the WebTools with most major CMS and page builders, but occasionally some will work differently and will display the WebTools in a way that our remote server can't override. If this is the case you may need to adjust the first part of the code to create a 'height' parameter and adjust this, along with the width (replace the XXXpx with a value in pixels or use a percentage, eg 100%):

<style>.mspiframe { min-width: XXXpx; min-height: XXXpx; }</style>

My WebTools have a border around them, how can I get rid of it?

If you're having issues with the look of the WebTools, there is every chance your content management system, page builder or web theme are interfering with the styling. Try looking for any settings that allow you to determine how an iframe appears on your site. If this is something you can't find or are unable to do, we recommend engaging a developer, who may need to dig into your various settings to allow the WebTools to work as intended.


Things look okay, but the WebTools don't re-size to display search results properly

If the tools doesn't auto resize or work at all (and all of the above has been checked), it sounds like there could be an issue with the security settings on your web server that is stopping communication with our server. Occasionally we find security settings are very strict and block access to 3rd party embeds to iframes or javascript. In those cases you (or your Dev) will simply need to whitelist the following domains to allow embedding of iframes or js files from our domain.

mspmarketingedge.com
tools.mspmarketingedge.com

Please also note that any 'lazy loading' settings or plugins will stop the required script from running immediately. This might mean that the webtool won't be able to function properly, especially the ability for the tool to re-size.

Help! I've done all of the above and it still doesn't work

If you're still having issues with the look or functionality of the WebTools, there is every chance your server security settings, content management system, page builder or web theme are interfering with the code's function and styling. Our first recommendation would be for you to engage a developer, who may need to dig into your various settings to allow the WebTools to work as intended.

Please note that we advise not to use 3rd party managed websites, eg Wix, as they can restrict the full control over your website and it's functions.

If you've tried the above steps and are still experiencing issues, then please contact us using the green chat icon in the bottom right corner of this Knowledge Base and we will do some further investigation. You can also email [email protected]

Specific set-up & trouble shooting

Wix

If you're using the Wix platform and insert our code in as an 'html' element, then please note that the code for our iframe will be put within their code to create a fixed-size iframe, plus some elements will be stripped out and may not work entirely as designed. For example, the box with the email breach search results, although a scroll bar will appear, the overall containing box won't re-size. Therefore you may want to use the re-sizing handles on the height or width of the box to set it as you wish.

SquareSpace

Select 'Add Block' and then chose 'Code', to then place the WebTools code within. Note, they don't allow embedding of Javascript or iframes with a free account (although you can still test the code using the backend preview).

Weebly

Select 'Embed Code' to place the WebTools code within.

Lazy Loading

Please note that any 'lazy loading' settings or plugins will stop the required script from running immediately. This might mean that the webtool won't be able to function properly, especially the ability for the tool to re-size.

Page Caching Plugins

There is a also a chance you have a page caching plugin (eg NitroPack) that is affecting your code from running properly. Most of these plugins have the ability for you to exclude pages you would not like to be optimised. Navigate to that function within your plugin's settings, and enter the URL of the page on your site that is hosting the WebTool you're working with.

Did this answer your question?