Best way to create messages is to first create a template to define the structure and styles for your message in a reusable package.
To create a message:
- Go to Messages
- Click on Add new message
- Give your message a descriptive name
- Pick a placement (that you hopefully created already.)
Each message needs to have one or more placements, a configuration that tells on which page the message is displayed and a page element the message is attached to.
You can pick one or more placements (but you'll need at least one.) With multiple placements your message will be shown on each one of them.
Start and stop times
If you need to time the message to be visible only on certain time, enable start time, end time, or both. Click the date field to open a calendar which lets you choose a date. The time of day is selected using the hour and minute inputs.
Info: Start and end times are entered in the timezone you have selected for your website in settings. The times are converted for your website's visitors automatically.
With message content you have two options: using a Template or writing HTML, CSS, and JS specific for this message.
Using a template
- Pick a template (which again you hopefully created beforehand.)
- Fill in all the variables included in the template
Using HTML, CSS, and JS
You can create custom messages using HTML, CSS, and JS. You don't have to use all of them, a message can only have HTML or some JS code if you want.
- Click to save... your changes
Showing the message on your website
By default each new message is hidden to allow you to edit them in your own pace. You can verify this by looking at the Status field in the top part of the message editing form - it should say "Message is not active".
If you want to preview the message and have a separate testing environment for your website, enable "preview mode" and click on
When you are ready to display the message to the world, disable preview mode and click on . The message should be visible in a couple seconds.
When you want to hide a message click on