{"id":13999,"date":"2024-03-20T20:50:00","date_gmt":"2024-03-20T19:50:00","guid":{"rendered":"https:\/\/helpcenter.blendee.com\/article\/configure-a-side-panel-message\/"},"modified":"2024-04-23T15:44:04","modified_gmt":"2024-04-23T13:44:04","slug":"configure-a-side-panel-message","status":"publish","type":"article","link":"https:\/\/helpcenter.streamwise.it\/en\/article\/configure-a-side-panel-message\/","title":{"rendered":"Configure a Side panel Message"},"content":{"rendered":"\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\/932484621?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><span style=\"font-weight: 400;\">The Side Panel is an overlay that is shown from the side and can contain messages and <a href=\"https:\/\/helpcenter.blendee.com\/article\/tipi-recommendation-glossario\/\">recommendations<\/a>. It can be used to implement cross-selling strategies by pushing the user to buy additional products or to show general messages.<\/span><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>N.B. In the <a href=\"https:\/\/helpcenter.streamwise.it\/en\/template\/\" data-type=\"page\" data-id=\"9175\">template<\/a> section there is the new &#8220;<a href=\"https:\/\/helpcenter.streamwise.it\/en\/article\/next-side-panel-recommendations-and-next-side-panel-templates\/\" data-type=\"article\" data-id=\"8680\">Next Side Panel<\/a>&#8221; version, updated, both in the graphic part and in terms of the simplification of customization that offers even more possibilities.<\/p>\n<\/blockquote>\n\n\n\n<p>To configure a Side panel Message, go to Website -&gt; Behavioral Messages from the left menu.<\/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-1-3-142x300.png\" alt=\"\" class=\"wp-image-10323\"\/><\/figure><\/div>\n\n\n<p>From the control panel, click on the &#8220;New Behavioural Message&#8221; button at the top right.<\/p>\n\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>Side panel Message<\/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\/side-panel.png\" data-lbwps-width=\"508\" data-lbwps-height=\"488\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/side-panel.png\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"288\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/side-panel-300x288.png\" alt=\"\" class=\"wp-image-6992\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/side-panel-300x288.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/side-panel.png 508w\" 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-side-panel.png\" data-lbwps-width=\"549\" data-lbwps-height=\"1204\" data-lbwps-srcsmall=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/editor-side-panel.png\"><img loading=\"lazy\" decoding=\"async\" width=\"137\" height=\"300\" src=\"https:\/\/helpcenter.blendee.com\/wp-content\/uploads\/2017\/11\/editor-side-panel-137x300.png\" alt=\"\" class=\"wp-image-6993\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/editor-side-panel-137x300.png 137w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/editor-side-panel-467x1024.png 467w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/editor-side-panel.png 549w\" sizes=\"(max-width: 137px) 100vw, 137px\" \/><\/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>Enter the Title of the Message: a small additional editor will open<\/li>\n\n\n\n<li>Choose the icon: from those in the list &#8211; Font Awesome<\/li>\n\n\n\n<li>Embedded Content:\n<ul class=\"wp-block-list\">\n<li>Embed iframe url<\/li>\n\n\n\n<li>Upload Message<\/li>\n\n\n\n<li>Upload icon<\/li>\n<\/ul>\n<\/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\n\n\n<li>Other\n<ul class=\"wp-block-list\">\n<li>Display on Load (or Not)<\/li>\n\n\n\n<li>Scroll offset<\/li>\n\n\n\n<li>Seconds of visibility<\/li>\n\n\n\n<li>Close the other warnings (or not)<\/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 <strong>Side panel Message<\/strong>. Proceed to save.<\/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.44.46.png\" alt=\"\" class=\"wp-image-7401\" srcset=\"https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/Schermata-2021-10-11-alle-11.44.46.png 1439w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/Schermata-2021-10-11-alle-11.44.46-300x159.png 300w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/Schermata-2021-10-11-alle-11.44.46-768x408.png 768w, https:\/\/helpcenter.streamwise.it\/wp-content\/uploads\/2017\/11\/Schermata-2021-10-11-alle-11.44.46-1024x544.png 1024w\" sizes=\"(max-width: 1439px) 100vw, 1439px\" \/><\/figure><\/div><div class=\"wrap-post-useful post_useful_13999\">\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_13999\">Thanks for contributing!<\/p>\n<div class=\"post-useful-buttons post_useful_buttons_13999\">\n<a href=\"javascript:;\" style=\"border:0px;\" title=\"Yes\" class=\"post-useful-vote post-useful-vote-yes\" data-id=\"13999\" data-rate=\"1\">Yes<\/a>\n<a href=\"javascript:;\" style=\"border:0px;\" title=\"No\" class=\"post-useful-vote post-useful-vote-no\" data-id=\"13999\" data-rate=\"0\">No<\/a>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Side Panel is an overlay that is shown from the side and can contain messages and recommendations. It can be used to implement cross-selling strategies by pushing the user to buy additional products or to show general messages. N.B. In the template section there is the new &#8220;Next Side Panel&#8221; version, updated, both in [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","format":"standard","article-category":[204],"article-tag":[590,790],"class_list":["post-13999","article","type-article","status-publish","format-standard","hentry","article-category-web-site-behavioral-messages","article-tag-behavioural-messages-en","article-tag-side-panel-en"],"_links":{"self":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13999"}],"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":3,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13999\/revisions"}],"predecessor-version":[{"id":14940,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article\/13999\/revisions\/14940"}],"wp:attachment":[{"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/media?parent=13999"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-category?post=13999"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/helpcenter.streamwise.it\/en\/wp-json\/wp\/v2\/article-tag?post=13999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}