{"id":4656,"date":"2020-10-26T14:21:00","date_gmt":"2020-10-26T11:21:00","guid":{"rendered":"https:\/\/adoric.com\/features\/?p=4656"},"modified":"2021-05-20T14:40:34","modified_gmt":"2021-05-20T11:40:34","slug":"on-screen-positioning","status":"publish","type":"post","link":"https:\/\/adoric.com\/features\/on-screen-positioning\/","title":{"rendered":"On-screen Positioning"},"content":{"rendered":"<p>Are you looking to place your campaigns where they will get the most attention, but without ruining your visitors\u2019 experience?<\/p>\n<p>That\u2019s not a problem.<\/p>\n<p>Adoric\u2019s on-screen positioning feature puts you in control of your campaigns\u2019 placement.<\/p>\n<p>This means it\u2019s entirely up to you to decide where your popup, slide-in, or sticky bar will show on your visitors\u2019 screen.<\/p>\n<p>Do you want them to show at the left bottom corner of your page like so:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-4683 size-full\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/10\/Slider.jpg\" alt=\"Campaign Positioning\" width=\"1200\" height=\"619\" \/><\/p>\n<p>No worries!<\/p>\n<p>Or, preferably, you want your campaigns to display at the bottom left corner? That\u2019s not an issue.<\/p>\n<p>In addition to placing campaigns precisely where you want, you can as well add offset distances to them.<\/p>\n<p>For example, let\u2019s say that after positioning your popup at the top right corner of the screen, and you want to push it down by 100px. You can do that right from our design editor.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-4685 size-full\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/10\/Push-position.jpg\" alt=\"On-screen-positioning \" width=\"1200\" height=\"863\" \/><\/p>\n<h2>Positioning Options<\/h2>\n<p>What if you wanted to position a campaign relatively to a web element, and not the browser window? For example, you want a popup to appear on top, beneath, or beside your contact form.<\/p>\n<p>You can do so seamlessly with Adoric.<\/p>\n<p>As a matter of fact, in addition to the default on-screen positioning option, Adoric has two more and they are:<\/p>\n<ul>\n<li style=\"font-weight: 400;\">Position-to-element<\/li>\n<li style=\"font-weight: 400;\">In-page<\/li>\n<\/ul>\n<p><b>Position-to-element <\/b>option, as earlier highlighted, allows you to place <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=boxes\">pop-ups<\/a>, <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=sliders\">slide-ins<\/a>, and <a target=\"_blank\" href=\"https:\/\/adoric.com\/templates?layout=bars\">sticky bars<\/a> relatively to an element on your page.<\/p>\n<p>For example, you can make your popup appear to the left, right, or at the bottom, top of, say, a sign-up button.<\/p>\n<p>This makes it an excellent solution for creating tooltips.<\/p>\n<p>Tooltips &#8211; in case you don\u2019t know &#8211; are the small popup boxes that appear when you mouse over an element on a web page. They are often used to provide additional information about a subject.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-4662\" src=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/10\/Tootip.gif\" alt=\"Tooltip\" width=\"821\" height=\"240\" \/><\/p>\n<p>How does position-to-element work?<\/p>\n<p>Just select the reference element with our CSS selector and then set custom offset distances &#8211; and you are done.<\/p>\n<p><b>In-page positioning<\/b>, as you might have guessed, gives you the option of placing a campaign natively right within a page. This will make the campaign look as though it is part of the page, and not an external element.<\/p>\n<p>No coding is required &#8211; just tell Adoric where you want your campaign to be placed using the CSS selector, and the rest is taken care of.<\/p>\n<h2>Custom Z-index<\/h2>\n<p><a target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/z-index\">Z-index<\/a> is used in web development to place elements on top or beneath each other. Thankfully, you don\u2019t have to be a developer to use Adoric\u2019s custom z-index feature.<\/p>\n<p>If a web element is hindering the visibility of your pop-up by appearing in front of it, with the custom z-index you can fix this problem. Simply give the campaign a higher z-index value and it will automatically jump to the front.<\/p>\n<h2>Triggers<\/h2>\n<p>In addition to placing your campaign where you want, wouldn\u2019t you also want to make them appear exactly when you want? Definitely, you would.<\/p>\n<p>Adoric\u2019s <a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/triggers\/\">trigger<\/a> options allow you to set off your campaign when:<\/p>\n<ul>\n<li style=\"font-weight: 400;\">A visitor starts to scroll down your web page<\/li>\n<li style=\"font-weight: 400;\">Few seconds after a user lands on your site<\/li>\n<li style=\"font-weight: 400;\">Just when they are about to leave your website (<a target=\"_blank\" href=\"https:\/\/adoric.com\/features\/exit-intent-pop-ups\/\">exit-intent<\/a>)<\/li>\n<\/ul>\n<h2>What Next?<\/h2>\n<p>Have you created a <a target=\"_blank\" href=\"https:\/\/adoric.com\/subscribe\">free account<\/a> with Adoric yet? If you haven\u2019t, do so now to explore our full suite of features.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you looking to place your campaigns where they will get the most attention, but without ruining your visitors\u2019 experience?<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[22],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>On Screen Positioning Feature for Popup, Slide-in &amp; Sticky Bars Campaign | Adoric<\/title>\n<meta name=\"description\" content=\"Use Adoric\u2019s on-screen positioning feature for your your popup, slide-in, or sticky bar campaigns placement control. Grab most attention &amp; improve website visitors experience with our on-screen positioning feature.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adoric.com\/features\/on-screen-positioning\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"On Screen Positioning Feature for Popup, Slide-in &amp; Sticky Bars Campaign | Adoric\" \/>\n<meta property=\"og:description\" content=\"Use Adoric\u2019s on-screen positioning feature for your your popup, slide-in, or sticky bar campaigns placement control. Grab most attention &amp; improve website visitors experience with our on-screen positioning feature.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adoric.com\/features\/on-screen-positioning\/\" \/>\n<meta property=\"og:site_name\" content=\"Adoric Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-26T11:21:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-20T11:40:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/10\/Slider.jpg\" \/>\n<meta name=\"author\" content=\"Christopher Ike\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher Ike\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"On Screen Positioning Feature for Popup, Slide-in & Sticky Bars Campaign | Adoric","description":"Use Adoric\u2019s on-screen positioning feature for your your popup, slide-in, or sticky bar campaigns placement control. Grab most attention & improve website visitors experience with our on-screen positioning feature.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/adoric.com\/features\/on-screen-positioning\/","og_locale":"en_US","og_type":"article","og_title":"On Screen Positioning Feature for Popup, Slide-in & Sticky Bars Campaign | Adoric","og_description":"Use Adoric\u2019s on-screen positioning feature for your your popup, slide-in, or sticky bar campaigns placement control. Grab most attention & improve website visitors experience with our on-screen positioning feature.","og_url":"https:\/\/adoric.com\/features\/on-screen-positioning\/","og_site_name":"Adoric Blog","article_published_time":"2020-10-26T11:21:00+00:00","article_modified_time":"2021-05-20T11:40:34+00:00","og_image":[{"url":"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/10\/Slider.jpg"}],"author":"Christopher Ike","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Christopher Ike","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/adoric.com\/features\/#website","url":"https:\/\/adoric.com\/features\/","name":"Adoric Features","description":"Conversion rate optimization blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adoric.com\/features\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adoric.com\/features\/on-screen-positioning\/#primaryimage","url":"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/10\/Slider.jpg","contentUrl":"https:\/\/adoric.com\/features\/wp-content\/uploads\/2020\/10\/Slider.jpg","width":1200,"height":619,"caption":"Campaign Positioning"},{"@type":"WebPage","@id":"https:\/\/adoric.com\/features\/on-screen-positioning\/#webpage","url":"https:\/\/adoric.com\/features\/on-screen-positioning\/","name":"On Screen Positioning Feature for Popup, Slide-in & Sticky Bars Campaign | Adoric","isPartOf":{"@id":"https:\/\/adoric.com\/features\/#website"},"primaryImageOfPage":{"@id":"https:\/\/adoric.com\/features\/on-screen-positioning\/#primaryimage"},"datePublished":"2020-10-26T11:21:00+00:00","dateModified":"2021-05-20T11:40:34+00:00","author":{"@id":"https:\/\/adoric.com\/features\/#\/schema\/person\/238637854906881584582dd00dfba1d6"},"description":"Use Adoric\u2019s on-screen positioning feature for your your popup, slide-in, or sticky bar campaigns placement control. Grab most attention & improve website visitors experience with our on-screen positioning feature.","breadcrumb":{"@id":"https:\/\/adoric.com\/features\/on-screen-positioning\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adoric.com\/features\/on-screen-positioning\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/adoric.com\/features\/on-screen-positioning\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/adoric.com\/features\/"},{"@type":"ListItem","position":2,"name":"On-screen Positioning"}]},{"@type":"Person","@id":"https:\/\/adoric.com\/features\/#\/schema\/person\/238637854906881584582dd00dfba1d6","name":"Christopher Ike","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adoric.com\/features\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8fc8c1ad90c77eb2b410d87711de08bb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8fc8c1ad90c77eb2b410d87711de08bb?s=96&d=mm&r=g","caption":"Christopher Ike"},"url":"https:\/\/adoric.com\/features\/author\/christopher\/"}]}},"_links":{"self":[{"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/posts\/4656"}],"collection":[{"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/comments?post=4656"}],"version-history":[{"count":3,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/posts\/4656\/revisions"}],"predecessor-version":[{"id":4682,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/posts\/4656\/revisions\/4682"}],"wp:attachment":[{"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/media?parent=4656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/categories?post=4656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adoric.com\/features\/wp-json\/wp\/v2\/tags?post=4656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}