Displaying InfoToggle messages on your website requires four steps:
- Configuring a website on InfoToggle
- Adding the InfoToggle script on your website
- Creating a placement for your message
- Creating a message
1. Configuring a website on InfoToggle
- Fill in your website's details:
- Your website's name can be whatever. It's not displayed outside InfoToggle. If you have multiple sites it's best to make it something easy to recognize.
- Your website's domain should include the protocol,
possible subdomain, and domain name. For example:
- The timezone is the timezone where your site operates. The default value is your company's timezone. The timezone affects when your timed messages are shown: if you set a message to be visible from 11 am on 25th of April, it will be shown at 11 am on your website's timezone.
- Click on
2. Adding the InfoToggle script on your website
This part requires you know where your website's templates are and that you know how to edit them. Ask a developer friend if you are unsure!
needs to be copied into your website's
<head> element. The code can be
inserted at the end of the head element, just before
<html> <head> [ other scripts and styles ] <script async defer src="https://cdn.infotoggle.com/mods/loader.js"></script> <script defer src="https://cdn.infotoggle.com/mods/3ef58b-mods.js"></script> </head> <body>
The code does not
have to be in the
element. There are technical considerations around file loading order
and you might want to include the files at the end of the
<body> element instead. InfoToggle will
absolutely work either way.
<body> keeps page load as fast as possible but the scripts
are loaded only after the page has been loaded and in InfoToggle's case this
might delay the messages being shown.
Info: You can use Google Tag Manager to include InfoToggle's scripts on your site. However, this introduces a small delay to loading InfoToggle and messages might appear only a bit after the page has been loaded.
You are now ready to create your first message placement!