{"id":35553,"date":"2021-01-22T04:06:30","date_gmt":"2021-01-22T09:06:30","guid":{"rendered":"https:\/\/outgrow.co\/blog\/?page_id=35553"},"modified":"2024-06-19T02:19:47","modified_gmt":"2024-06-19T06:19:47","slug":"floating-rectangle","status":"publish","type":"page","link":"https:\/\/outgrow.co\/blog\/Floater","title":{"rendered":"Floater"},"content":{"rendered":"

Floater Style Embed<\/strong><\/h1>\n

What Is a Floater Style Embed?<\/strong><\/h2>\n

Floater embed type places your Outgrow content piece like quizzes, calculators, surveys, etc. as a floating rectangle on the page. In this, when the user clicks on the rectangle, the content piece will open in the rectangle itself. This is a great way to draw viewers’ attention to your desired content.<\/span><\/p>\n

Floater style embeds can be made on websites, landing pages, and blogs.<\/span><\/p>\n

Find and tap on the floating bar at the bottom of this page to see this embed in action.<\/span><\/p>\n

Advanced Features<\/strong><\/h2>\n

1. You can choose from 3 options – right alignment, centre alignment, and left alignment for the placement of your embed.<\/span><\/p>\n

2. For the rectangle, you can customize the heading text color, background color, font size, help text, help text color among other functionalities.\u00a0<\/span><\/p>\n

When Should You Use a Floater Style Embed?<\/strong><\/h2>\n

1. Floater embeds are a great tool to capture the attention of the viewers without disturbing their experience. You can consider embedding a feedback survey here.\u00a0<\/span><\/p>\n

2. Additionally, floater embeds can be effectively used to clear any doubts that the users may have while browsing your website content. The floating rectangle just ensures them that you are there to help them out whenever they need it.\u00a0<\/span><\/p>\n

How to Get a Greet Bar Style Embed of an Outgrow Content Piece?<\/strong><\/h2>\n

Step 1<\/span><\/strong><\/p>\n

Sign up<\/span><\/a> and create an experience on Outgrow.<\/span><\/p>\n

Step 2<\/span><\/strong><\/p>\n

Head over to the Configure tab on the builder.<\/span><\/p>\n

Step 3<\/span><\/strong><\/p>\n

Click on the option – \u201cEmbed on a Webpage\u201d in the bottom left section.<\/span><\/p>\n

Step 4<\/span><\/strong><\/p>\n

Select the option – \u201cFloating Rectangle\u201d embed and grab the code that appears as you scroll down.<\/span><\/p>\n

Step 5<\/span><\/strong><\/p>\n

Finally, paste this code wherever you want your embed to be displayed.<\/span><\/p>\n

\"CTA\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Floater Style Embed What Is a Floater Style Embed? Floater embed type places your Outgrow content piece like quizzes, calculators, surveys, etc. as a floating rectangle on the page. In this, when the user clicks on the rectangle, the content piece will open in the rectangle itself. This is a great way to draw viewers’…<\/p>\n","protected":false},"author":20,"featured_media":49018,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"right","_kad_post_sidebar_id":"sidebar-secondary","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"acf":[],"yoast_head":"\nFloater Style Embed | Outgrow - Best Marketing Tool<\/title>\n<meta name=\"description\" content=\"Outgrow\u2019s Floater style embed can make content pieces like quizzes, calculators, surveys, etc. as a floating rectangle on the page.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35553\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Floater Style Embed | Outgrow - Best Marketing Tool\" \/>\n<meta property=\"og:description\" content=\"Outgrow\u2019s Floater style embed can make content pieces like quizzes, calculators, surveys, etc. as a floating rectangle on the page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35553\" \/>\n<meta property=\"og:site_name\" content=\"Outgrow\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/OutgrowCo\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-19T06:19:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2023\/05\/Blogs-min-1536x768-1-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@outgrowco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/outgrow.co\/blog\/Floater\/\",\"url\":\"https:\/\/outgrow.co\/blog\/Floater\/\",\"name\":\"Floater Style Embed | Outgrow - Best Marketing Tool\",\"isPartOf\":{\"@id\":\"https:\/\/outgrow.co\/blog\/#website\"},\"datePublished\":\"2021-01-22T09:06:30+00:00\",\"dateModified\":\"2024-06-19T06:19:47+00:00\",\"description\":\"Outgrow\u2019s Floater style embed can make content pieces like quizzes, calculators, surveys, etc. as a floating rectangle on the page.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/outgrow.co\/blog\/Floater\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/outgrow.co\/blog\/#website\",\"url\":\"https:\/\/outgrow.co\/blog\/\",\"name\":\"Outgrow\",\"description\":\"Build Highly Converting Interactive Calculators\",\"publisher\":{\"@id\":\"https:\/\/outgrow.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/outgrow.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/outgrow.co\/blog\/#organization\",\"name\":\"Outgrow\",\"url\":\"https:\/\/outgrow.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/outgrow.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2023\/03\/cropped-vTrhdEqOTQC9sWqGhhKQ_logo.png\",\"contentUrl\":\"https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2023\/03\/cropped-vTrhdEqOTQC9sWqGhhKQ_logo.png\",\"width\":512,\"height\":113,\"caption\":\"Outgrow\"},\"image\":{\"@id\":\"https:\/\/outgrow.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/OutgrowCo\/\",\"https:\/\/twitter.com\/outgrowco\",\"https:\/\/www.instagram.com\/outgrow.co\/\",\"https:\/\/www.linkedin.com\/company\/7966190\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Floater Style Embed | Outgrow - Best Marketing Tool","description":"Outgrow\u2019s Floater style embed can make content pieces like quizzes, calculators, surveys, etc. as a floating rectangle on the page.","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:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35553","og_locale":"en_GB","og_type":"article","og_title":"Floater Style Embed | Outgrow - Best Marketing Tool","og_description":"Outgrow\u2019s Floater style embed can make content pieces like quizzes, calculators, surveys, etc. as a floating rectangle on the page.","og_url":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35553","og_site_name":"Outgrow","article_publisher":"https:\/\/www.facebook.com\/OutgrowCo\/","article_modified_time":"2024-06-19T06:19:47+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2023\/05\/Blogs-min-1536x768-1-1-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@outgrowco","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/outgrow.co\/blog\/Floater\/","url":"https:\/\/outgrow.co\/blog\/Floater\/","name":"Floater Style Embed | Outgrow - Best Marketing Tool","isPartOf":{"@id":"https:\/\/outgrow.co\/blog\/#website"},"datePublished":"2021-01-22T09:06:30+00:00","dateModified":"2024-06-19T06:19:47+00:00","description":"Outgrow\u2019s Floater style embed can make content pieces like quizzes, calculators, surveys, etc. as a floating rectangle on the page.","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/outgrow.co\/blog\/Floater\/"]}]},{"@type":"WebSite","@id":"https:\/\/outgrow.co\/blog\/#website","url":"https:\/\/outgrow.co\/blog\/","name":"Outgrow","description":"Build Highly Converting Interactive Calculators","publisher":{"@id":"https:\/\/outgrow.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/outgrow.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/outgrow.co\/blog\/#organization","name":"Outgrow","url":"https:\/\/outgrow.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/outgrow.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2023\/03\/cropped-vTrhdEqOTQC9sWqGhhKQ_logo.png","contentUrl":"https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2023\/03\/cropped-vTrhdEqOTQC9sWqGhhKQ_logo.png","width":512,"height":113,"caption":"Outgrow"},"image":{"@id":"https:\/\/outgrow.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/OutgrowCo\/","https:\/\/twitter.com\/outgrowco","https:\/\/www.instagram.com\/outgrow.co\/","https:\/\/www.linkedin.com\/company\/7966190"]}]}},"_links":{"self":[{"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35553"}],"collection":[{"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/comments?post=35553"}],"version-history":[{"count":38,"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35553\/revisions"}],"predecessor-version":[{"id":59195,"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35553\/revisions\/59195"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/media\/49018"}],"wp:attachment":[{"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/media?parent=35553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}