In order to set up a “Hello Bar” campaign, follow the below  mentioned steps:

Step1: In your MyconversionKit dashboard, First select the Create option and then click on the “Hello Bar” icon.

Step2: A pop-up window will open up, give a name to your campaign and click on “Next”.

Step3: By default you will be in the Layout section, here you can select the layout for your campaign from the multiple options. 

You can also use the preview option, to preview the layout once before finalising. By clicking on the “Preview” button.

Step4: Click on the text icon, and fill the text message you want to display.

There are multiple customizations you can do here:

1: Customize the text options (based on your choice), like the font style/size/color etc.

2: Customize the position of the hello-bar+timer on the webpage.

You can preview at any point of time, that will help you in doing effective customizations.

Step5: Click on the CTA(Call-To-Action) icon and fill the text message for the action button.

Same like the text message, font customizations are also available for the CTA.

Fill the action to be performed upon, when the button is clicked by the customer. There are 3 options which are as below:

  1. Redirect: If you select this option then you have to give the URL/Domain, where the customer has to be redirected upon when he/she clicks on the button.

  2. Scroll: Just paste the Id of the section. Refer to “How to find the Id of a section.” tutorial for more details.

  3. Redirect in new tab: It is the same as the “Redirect” option, just an additional difference is that the given URL/Domain will open up in a new tab, instead of the same tab in the browser.. 

Step6:  By clicking on the “Style” icon, you can set the style of your Hellobar, and CTA in this campaign.

Step7: Click on the “Trigger” button. Here you have to configure, on which all url(s)/domain(s) in your website,you want to enable or disable the campaign.

You can add or remove any number of URL(s)/Domain(s) by using the Add or Remove option.

You will notice that, for each of the Include and Exclude fields you have 2 options to pass the url(s)/domain(s).

1:Contains: Assume on your website, for each url you have multiple sub-url(s) and you want to enable/disable this campaign on a url along with all its sub-url(s).In this case, under Include/Exclude, you will use the Contains option and just parent the parent url. This will automatically enable/disable the campaign on the URL along with all its sub-url(s). 

1:Exact: Assume on your website, for each url you have multiple sub-url(s) and you want to disable this campaign for some of the url(s) but also want to keep it enable on some of the url/sub-url(s).In this case, under Include/Exclude, you will use the Exact option and and do your choices accordingly.

Once you have added the URL(s)/Domain(s), click on the Save button. 

Once the pop up appears, click on the “OK” button.Congratulations, your campaign is live now.