Announcement Bar
In this article, we will be walking you through how you can create and configure Announcement Bar on LeadQuizzes 3 for your website?
NOTE: Before you can configure Announcement Bar on LeadQuizzes 3 for your website, you need to have the embed & tracking code installed on all of the pages you want to have your Announcement Bar. If you haven't done this yet, you can find a step-by-step guide on how to embed this code on different websites in our help center.
Once you have installed your embed and tracking code, follow the steps below to create and configure Announcement Bar on LeadQuizzes.
1. Log in to your LeadQuizzes 3 account and click the three dots of the quiz you want to configure the Announcement Bar on and select ''Share''.
2. Next, go to the Announcement Bar tab to see the available configuration options. You can configure the Appearance, Targeting Option and the Behavior of your Announcement Bar. You also have the option to Review and Activate your Announcement Bar.
Also, ensure that your Tracking code status is green, which indicates that your tracking code is installed on your website. In case you haven't installed your tracking code in the past, your Tracking code status would be red and you will be prompted to set this up.
3. Next, go to Appearance and set the Text and Button Text of your Announcement Bar. You will also see a live preview of whatever you type in the above-mentioned fields in the preview section on the right-hand side.
Next, customize your Announcement Bar to look and feel similar to your website. You have the option to customize the Text Color, Background Color, Button Color, and the Button-Font Color. You will also see a live preview of whatever changes you make in the preview section on the right-hand side.
When you are done with this customization, click the Save & Continue button to save your Announcement Bar Appearance settings.
4. Next, the Targeting option gives you the option to select the devices where your Announcement Bar will be shown: Desktop, Tablet or Mobile. By default, none of them will be selected, but you have the option to select one, two or all three of them. You can do this by clicking on the device tile as shown below.
You also have the option to trigger Announcement Bar on all the pages on your website that contain your embedded and tracking code or you can trigger Announcement Bar on specific pages on your website where you have this embed and tracking code installed.
5. If you want to trigger Announcement Bar on specific pages on your website, first you need to choose the Match Type you want and then enter the exact Page URL. You can have multiple Match Types and multiple Page URLs as well as remove the ones that are already added. Below are the Match Types available and their meaning.
Simple Match: This is the default match type and it is used to target a page on your website, ignoring any query strings and fragments. The match will be correct if the URL path your visitor is on matches the URL path you specify.
Exact Match: This targets a specific URL, including the protocol, which can include a query string and fragment. The match will be correct if the URL path, query-string and fragment your visitor is on match EXACTLY the ones you specify.
Starts With: This targets all pages that have a URL, including the protocol, which starts with the entered text. The match will be correct if the URL your visitor is on, starts exactly as you specify it, including the protocol.
Ends With: This targets all pages that have a URL that ends in the entered text. The match will be correct if the URL your visitor is on, ends exactly as you specify it.
Contains: Targets all pages which contain the entered text. The match will be correct if the URL your visitor is on, contains the text you specified.
6. You can also choose to exclude Announcement Bar on specific pages on your website. To do this, choose the Match Type you want and then enter the exact Page URL you want to exclude Announcement Bar from. You can have multiple Match Types and multiple Page URLs as well as remove the ones that are already added.
** NOTE: The drop-down options and explanation for Match Types are the same.**
7. You also have the option to set up the Traffic Percentage of users that will see your Announcement Bar. By default, this slider will be set to 100% which implies that the Announcement Bar would be shown to every visitor. If, for example, you set the traffic percentage to 25%, the Announcement Bar will be shown to every 4th person that visits your site.
Once you are done configuring your Targeting option for your Announcement Bar, click Save & Continue to save your settings and continue to the Behavior settings.
8. The Behavior settings give you the ability to set the Launch Option, Click Action, Position as well as the Frequency of your Announcement Bar.
9. With the Launch option, you can set the timing of when your Announcement Bar will be shown to your visitor (Note that only one launch option can be chosen at a time). The following Launch options are available:
After page loads: With this option, your Announcement Bar will be shown right after the page is fully loaded.
After time delay of X seconds: With this option, you can set a time delay (in seconds) of when your Announcement Bar will be shown after the visitor lands on your page.
Scroll percentage: By selecting this option you will be able to set at what point the Announcement Bar will appear when a visitor scrolls through the page. You can choose between 0 and 100% of the page height.
10. Next, set the Click Action for your Announcement Bar to either Trigger Website Popup or Redirect to a new URL.
If you set the Click Action for the Announcement Bar to Trigger Popup, the quiz will popup on the page when the Announcement Bar button is clicked.
Note: If you set the behavior for Website popup to be "Do not show on the following pages" or "Hide for xxx days after closing", the popup will still be triggered upon Announcement Bar button click because the feature is designed in such a way that the Announcement Bar action overrides anyWebsite popup action.
If the Click Action for your Announcement Bar is set to Redirect to a new URL, the users will be redirected to the URL you assign to this Enter URL field when the Announcement Bar button is clicked.
11. Next, set the Position of your Announcement Bar to either Push web-page down or Fixed position.
If you set the position of the Announcement Bar to Push web-page down, the Announcement Bar would appear at the top of the page and would appear like part of the content on this page. Meaning that when you scroll down the page you will no longer see the Announcement Bar because it is on top of the page and would not be visible until you scroll back up the page.
However, if you set the Announcement Bar to Fixed position, the Announcement Bar would appear at the top of the web-page and would remain at the top of the page even when you scroll down the page.
12. Next, with the Frequency option, you can set the frequency at which your Announcement Bar is shown to the same visitor. (Note that only one frequency option can be chosen at a time). The following Frequency options are available:
Always Show: With this option, your Announcement Bar will be shown always to the same visitor right after the page is fully loaded.
Hide for X days after closing: With this option, you can set a delay (in days) of when your Announcement Bar will be shown to the same visitor after the page is fully loaded.
13. Next, you can choose to Enable or Disable Announcement Bar for visitors that have completed your content at some previous time. You can do this by turning the icon ON or OFF.
Once you are done configuring your behavior options for your Announcement Bar, save your settings and continue to the Review & Activate settings.
14. Finally, in the Review and Activate section allows you to check that you have set up all the conditions necessary for the Announcement Bar to work. It also allows you to turn it off & on. By default, the Announcement Bar is off and you have to turn it on.
Example
