{"id":559,"date":"2020-10-30T12:03:03","date_gmt":"2020-10-30T12:03:03","guid":{"rendered":"https:\/\/vwo.com\/product-updates\/?p=559"},"modified":"2023-10-27T07:52:09","modified_gmt":"2023-10-27T07:52:09","slug":"add-a-scroll-to-top-button-on-your-website-to-improve-navigation","status":"publish","type":"post","link":"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/","title":{"rendered":"Add a \u2018Scroll to Top&#8217; Button on Your Website to Improve Navigation"},"content":{"rendered":"\n<p>There are some Widgets in VWO that help present content creatively in an engaging manner. There are others that add more functions to help your visitors navigate and move about in your website conveniently in a frictionless manner. One such is our latest &#8216;<strong>Scroll to Top<\/strong>&#8216; button.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-wistia-inc wp-block-embed-wistia-inc\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" title=\"Scroll to top Video\" src=\"https:\/\/fast.wistia.net\/embed\/iframe\/c5x596mh4d?dnt=1#?secret=DH2CkyXCqR\" data-secret=\"DH2CkyXCqR\" frameborder=\"0\" scrolling=\"no\" width=\"690\" height=\"361\"><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Scroll to Top button in action<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What is it?<\/h3>\n\n\n\n<p>A Scroll to Top button gives your website visitors a quick and easy way to get back to the top of the page with a single click. Once inserted, the sticky button shows up on the right-bottom corner of the page whenever your visitor begins to scroll downwards on the page. It works seamlessly for desktop, tablet, and mobile versions of the page. The below screen capture shows how it works.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Why is it needed?<\/h3>\n\n\n\n<p>Some pages on the site tend to be long- blog posts or search results in shopping or travel websites are just a couple of examples. If a visitor scrolls deep in these pages, there is a chance they may feel stuck and will have to scroll up manually all the way. Even worse, they may exit the website completely. Adding a button that takes them to the top gives them an easy way to continue browsing.<\/p>\n\n\n\n<p>Using the <a href=\"https:\/\/vwo.com\/why-us\/technology\/visual-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visual Editor<\/a>, you should have your widget inserted in a matter of clicks in a <a href=\"https:\/\/vwo.com\/testing\" target=\"_blank\" rel=\"noreferrer noopener\">Testing<\/a> or <a href=\"https:\/\/vwo.com\/deploy\">Rollouts<\/a> campaign and have it up and running in a few minutes. VWO offers different arrow styles and colors to match the look of your website best.\u00a0<\/p>\n\n\n\n<p><strong>Pro tip: <\/strong>Trying to figure out how to paginate search results on your website? You can A\/B test pagination against another variation showing all results in a single page, with results made to load as the visitor scrolls further down. The Scroll to Top widget can be useful here and add to this variation\u2019s performance. Maybe you discover through the A\/B test that you do not need pagination after all!<\/p>\n\n\n\n<p>If you need additional guidance on how to use the different Widgets in VWO, do check out this <a href=\"https:\/\/help.vwo.com\/hc\/en-us\/articles\/360039014073-Working-with-Widgets-in-VWO\" target=\"_blank\" rel=\"noreferrer noopener\">knowledge base article<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are some Widgets in VWO that help present content creatively in an engaging manner. There are others that add more functions to help your visitors navigate and move about in your website conveniently in a frictionless manner. One such is our latest &#8216;Scroll to Top&#8216; button. What is it? A Scroll to Top button&#8230;<\/p>\n","protected":false},"author":275,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,5],"tags":[12,13],"feature":[],"industry-type":[],"class_list":["post-559","post","type-post","status-publish","format-standard","hentry","category-testing","category-deploy","tag-client-side-testing","tag-visual-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Add a \u2018Scroll to Top\u2019 Button To Improve Navigation| VWO Product Updates<\/title>\n<meta name=\"description\" content=\"\u2018Scroll to Top\u2018 button helps your visitors navigate and move about in your website conveniently in a frictionless manner.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add a \u2018Scroll to Top\u2019 Button To Improve Navigation| VWO Product Updates\" \/>\n<meta property=\"og:description\" content=\"\u2018Scroll to Top\u2018 button helps your visitors navigate and move about in your website conveniently in a frictionless manner.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"VWO Product Updates\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-30T12:03:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-27T07:52:09+00:00\" \/>\n<meta name=\"author\" content=\"Sathyajith Vijayakumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/\"},\"author\":{\"name\":\"Sathyajith Vijayakumar\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\"},\"headline\":\"Add a \u2018Scroll to Top&#8217; Button on Your Website to Improve Navigation\",\"datePublished\":\"2020-10-30T12:03:03+00:00\",\"dateModified\":\"2023-10-27T07:52:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/\"},\"wordCount\":368,\"commentCount\":0,\"keywords\":[\"Client Side Testing\",\"Visual Editor\"],\"articleSection\":[\"VWO Testing\",\"VWO Web Rollouts\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/\",\"url\":\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/\",\"name\":\"Add a \u2018Scroll to Top\u2019 Button To Improve Navigation| VWO Product Updates\",\"isPartOf\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\"},\"datePublished\":\"2020-10-30T12:03:03+00:00\",\"dateModified\":\"2023-10-27T07:52:09+00:00\",\"author\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\"},\"description\":\"\u2018Scroll to Top\u2018 button helps your visitors navigate and move about in your website conveniently in a frictionless manner.\",\"breadcrumb\":{\"@id\":\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vwo.com\/product-updates\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add a \u2018Scroll to Top&#8217; Button on Your Website to Improve Navigation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#website\",\"url\":\"https:\/\/vwo.com\/product-updates\/\",\"name\":\"VWO Product Updates\",\"description\":\"Just another VWO site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vwo.com\/product-updates\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5\",\"name\":\"Sathyajith Vijayakumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/067196409673f840322b0a84a2b9177566057677bff3e239367e400d8fabcdc8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/067196409673f840322b0a84a2b9177566057677bff3e239367e400d8fabcdc8?s=96&d=mm&r=g\",\"caption\":\"Sathyajith Vijayakumar\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add a \u2018Scroll to Top\u2019 Button To Improve Navigation| VWO Product Updates","description":"\u2018Scroll to Top\u2018 button helps your visitors navigate and move about in your website conveniently in a frictionless manner.","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:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/","og_locale":"en_US","og_type":"article","og_title":"Add a \u2018Scroll to Top\u2019 Button To Improve Navigation| VWO Product Updates","og_description":"\u2018Scroll to Top\u2018 button helps your visitors navigate and move about in your website conveniently in a frictionless manner.","og_url":"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/","og_site_name":"VWO Product Updates","article_published_time":"2020-10-30T12:03:03+00:00","article_modified_time":"2023-10-27T07:52:09+00:00","author":"Sathyajith Vijayakumar","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/#article","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/"},"author":{"name":"Sathyajith Vijayakumar","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5"},"headline":"Add a \u2018Scroll to Top&#8217; Button on Your Website to Improve Navigation","datePublished":"2020-10-30T12:03:03+00:00","dateModified":"2023-10-27T07:52:09+00:00","mainEntityOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/"},"wordCount":368,"commentCount":0,"keywords":["Client Side Testing","Visual Editor"],"articleSection":["VWO Testing","VWO Web Rollouts"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/","url":"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/","name":"Add a \u2018Scroll to Top\u2019 Button To Improve Navigation| VWO Product Updates","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/#website"},"datePublished":"2020-10-30T12:03:03+00:00","dateModified":"2023-10-27T07:52:09+00:00","author":{"@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5"},"description":"\u2018Scroll to Top\u2018 button helps your visitors navigate and move about in your website conveniently in a frictionless manner.","breadcrumb":{"@id":"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vwo.com\/product-updates\/add-a-scroll-to-top-button-on-your-website-to-improve-navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vwo.com\/product-updates\/"},{"@type":"ListItem","position":2,"name":"Add a \u2018Scroll to Top&#8217; Button on Your Website to Improve Navigation"}]},{"@type":"WebSite","@id":"https:\/\/vwo.com\/product-updates\/#website","url":"https:\/\/vwo.com\/product-updates\/","name":"VWO Product Updates","description":"Just another VWO site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vwo.com\/product-updates\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/c7749fc56afdfa5dd54b5be40818cfa5","name":"Sathyajith Vijayakumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/067196409673f840322b0a84a2b9177566057677bff3e239367e400d8fabcdc8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/067196409673f840322b0a84a2b9177566057677bff3e239367e400d8fabcdc8?s=96&d=mm&r=g","caption":"Sathyajith Vijayakumar"}}]}},"_links":{"self":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/users\/275"}],"replies":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/comments?post=559"}],"version-history":[{"count":7,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/559\/revisions"}],"predecessor-version":[{"id":2396,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/559\/revisions\/2396"}],"wp:attachment":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/media?parent=559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/categories?post=559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/tags?post=559"},{"taxonomy":"feature","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/feature?post=559"},{"taxonomy":"industry-type","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/industry-type?post=559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}