{"id":14050,"date":"2024-03-20T20:53:22","date_gmt":"2024-03-20T19:53:22","guid":{"rendered":"https:\/\/helpcenter.blendee.com\/article\/setting-up-a-push-bar\/"},"modified":"2024-04-23T15:41:45","modified_gmt":"2024-04-23T13:41:45","slug":"setting-up-a-push-bar","status":"publish","type":"article","link":"https:\/\/helpcenter.streamwise.it\/en\/article\/setting-up-a-push-bar\/","title":{"rendered":"Setting up a Push Bar"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/932483516?dnt=1&amp;app_id=122963\" width=\"699\" height=\"393\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>N.B.: There is a new version available for this template, it&#8217;s called &#8220;Next Pushbar&#8221;, which you can find the <a href=\"https:\/\/helpcenter.streamwise.it\/en\/article\/next-on-exit-and-next-on-exit-recommendations-templates\/\" data-type=\"article\" data-id=\"8525\">guide here<\/a>.  <\/p>\n<\/blockquote>\n\n\n\n<p>To set up a Push Bar, click on the menu on the left Web Site -&gt; Behavioral Messages.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-medium\"><img data-original=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2024\/01\/immagine-corretta-behavioural--142x300.png\" alt=\"\" class=\"wp-image-10304\"\/><\/figure><\/div>\n\n\n<p>From the control panel, click on the &#8220;New Behavioral Message&#8221; button at the top.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/nuovo-b-message.png\" data-lbwps-width=\"470\" data-lbwps-height=\"118\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/nuovo-b-message.png\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"75\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2020\/07\/nuovo-b-message-300x75.png\" alt=\"\" class=\"wp-image-6938\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/nuovo-b-message-300x75.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2020\/07\/nuovo-b-message.png 470w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure><\/div>\n\n\n<p>The <em>configuration <\/em>window will open (To learn more about the steps, read the following article <a href=\"https:\/\/helpcenter.streamwise.it\/en\/article\/how-to-set-up-a-behavioural-message\/\">&#8220;How to configure a behavioural message&#8221;<\/a>). Continue with the settings until you choose the <em>\n  <strong>Template<\/strong>\n<\/em>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/03\/Schermata-2020-08-11-alle-16.16.26.png\" data-lbwps-width=\"2008\" data-lbwps-height=\"158\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/03\/Schermata-2020-08-11-alle-16.16.26.png\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"24\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2018\/03\/Schermata-2020-08-11-alle-16.16.26-300x24.png\" alt=\"\" class=\"wp-image-6953\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/03\/Schermata-2020-08-11-alle-16.16.26-300x24.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/03\/Schermata-2020-08-11-alle-16.16.26-768x60.png 768w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/03\/Schermata-2020-08-11-alle-16.16.26-1024x81.png 1024w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2018\/03\/Schermata-2020-08-11-alle-16.16.26.png 2008w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure><\/div>\n\n\n<p>You can check the progress of the configuration through the bar at the top of the page.<br>At this point you can click on the &#8220;Select&#8221; button corresponding to the <strong>Push Bar<\/strong> template and continue with the &#8220;Next&#8221; button at the bottom right of the page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/push-bar-1.png\" data-lbwps-width=\"526\" data-lbwps-height=\"496\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/push-bar-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"283\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/push-bar-1-300x283.png\" alt=\"\" class=\"wp-image-6986\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/push-bar-1-300x283.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/push-bar-1.png 526w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/figure><\/div>\n\n\n<p>At this stage it will be possible to customize our message through the editor.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/editor-push-bar.png\" data-lbwps-width=\"590\" data-lbwps-height=\"870\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/editor-push-bar.png\"><img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"300\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/editor-push-bar-203x300.png\" alt=\"\" class=\"wp-image-6987\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/editor-push-bar-203x300.png 203w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/editor-push-bar.png 590w\" sizes=\"(max-width: 203px) 100vw, 203px\" \/><\/a><\/figure><\/div>\n\n\n<p><br>In the left column, by clicking on the respective buttons, it will be possible to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter the Text of the Message: a small additional editor will open<\/li>\n\n\n\n<li>Insert Border and Background of the box:\n<ul class=\"wp-block-list\">\n<li>Edge Thickness<\/li>\n\n\n\n<li>Edge Rounding<\/li>\n\n\n\n<li>Border color<\/li>\n\n\n\n<li>Background color<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Determine the Position and Dimensions of the Box\n<ul class=\"wp-block-list\">\n<li>Message Size (Small-Medium-Large)<\/li>\n\n\n\n<li>Display Wait (seconds)<\/li>\n\n\n\n<li>Distance from top margin (px)<\/li>\n\n\n\n<li>Ranking level (z-index)<\/li>\n\n\n\n<li>Waiting for display once closed (Days-Hours-Minutes)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Once all our settings have been set, you can preview them directly on the desired page. You need to enter the URL in the appropriate field and choose the display format (desktop-tablet-mobile). At this point, click on &#8220;Update Preview&#8221; at the bottom of the left column and you will have a preview of our Push Bar.<\/p>\n\n\n\n<p>Once you&#8217;ve customized your message, click Save.<\/p>\n\n\n\n<p>And here is our Push Bar!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1439\" height=\"764\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/Schermata-2021-10-11-alle-11.41.24.png\" alt=\"\" class=\"wp-image-7398\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/Schermata-2021-10-11-alle-11.41.24.png 1439w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/Schermata-2021-10-11-alle-11.41.24-300x159.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/Schermata-2021-10-11-alle-11.41.24-768x408.png 768w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/Schermata-2021-10-11-alle-11.41.24-1024x544.png 1024w\" sizes=\"(max-width: 1439px) 100vw, 1439px\" \/><\/figure><\/div><div class=\"wrap-post-useful post_useful_14050\">\n<p><div style=\"color: black; margin-bottom: 15px;\"><strong>Was this content useful?<\/strong><\/div><\/p>\n<p class=\"post_useful_success post_useful_success_14050\">Thanks for contributing!<\/p>\n<div class=\"post-useful-buttons post_useful_buttons_14050\">\n<a href=\"javascript:;\" style=\"border:0px;\" title=\"Yes\" class=\"post-useful-vote post-useful-vote-yes\" data-id=\"14050\" data-rate=\"1\">Yes<\/a>\n<a href=\"javascript:;\" style=\"border:0px;\" title=\"No\" class=\"post-useful-vote post-useful-vote-no\" data-id=\"14050\" data-rate=\"0\">No<\/a>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>To set up a Push Bar, click on the menu on the left Web Site -&gt; Behavioral Messages. From the control panel, click on the &#8220;New Behavioral Message&#8221; button at the top. The configuration window will open (To learn more about the steps, read the following article &#8220;How to configure a behavioural message&#8221;). Continue with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","format":"standard","article-category":[204],"article-tag":[590,795],"class_list":["post-14050","article","type-article","status-publish","format-standard","hentry","article-category-web-site-behavioral-messages","article-tag-behavioural-messages-en","article-tag-push-bar-en"],"_links":{"self":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/14050"}],"collection":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":4,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/14050\/revisions"}],"predecessor-version":[{"id":14936,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/14050\/revisions\/14936"}],"wp:attachment":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/media?parent=14050"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-category?post=14050"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-tag?post=14050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}