{"id":35545,"date":"2021-01-22T04:00:26","date_gmt":"2021-01-22T09:00:26","guid":{"rendered":"https:\/\/outgrow.co\/blog\/?page_id=35545"},"modified":"2024-06-19T02:19:05","modified_gmt":"2024-06-19T06:19:05","slug":"in-page-embed","status":"publish","type":"page","link":"https:\/\/outgrow.co\/blog\/in-page","title":{"rendered":"In Page"},"content":{"rendered":"<h1><strong>In-Page Embed Style<\/strong><\/h1>\n<h2 style=\"text-align: left;\"><strong>What Is an In-Page Embed?<\/strong><\/h2>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">An in-page embed allows you to embed Outgrow content pieces like quizzes, calculators, surveys, etc. in such a way that the other contents on the page are not disturbed. The content will be placed within a container at the desired place. And, as a user clicks on the content experience, the content will load within that box or container as opposed to opening it as a pop-up or on a new tab.<\/span><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">In-page embeds can be made on web pages, landing pages, and blogs.<\/span><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Here\u2019s an example of an in-page embed &#8211;<\/span><\/p>\n<div id=\"5bd758723240fd25ce60510c\" class=\"op-interactive\" data-title=\"How Much Do You Save by Buying a TESLA?\" data-url=\"https:\/\/premade.outgrow.us\/5bd758723240fd25ce60510c?vHeight=1\" data-width=\"100%\"><\/div>\n<p><script src=\"https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2021\/01\/nloader.js\"><\/script><script>initIframe('5bd758723240fd25ce60510c');<\/script><\/p>\n<h2><strong>When Should You Use In-Page Embed?<\/strong><\/h2>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">An in-page embed is suitable when you want your Outgrow content piece to be in the limelight but also want other elements on your website to be visible.\u00a0<\/span><\/p>\n<h2><strong>How to Get an In-page Embed of an Outgrow Content Piece<\/strong>?<\/h2>\n<p><strong><span style=\"font-size: 14pt;\">Step 1<\/span><\/strong><\/p>\n<p><a href=\"https:\/\/app.outgrow.co\/\"><span style=\"font-weight: 400; font-size: 14pt;\">Sign up <\/span><\/a><span style=\"font-weight: 400; font-size: 14pt;\">and create an experience on Outgrow.<\/span><\/p>\n<p><strong><span style=\"font-size: 14pt;\">Step 2<\/span><\/strong><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Head over to the Configure tab on the builder.<\/span><\/p>\n<p><strong><span style=\"font-size: 14pt;\">Step 3<\/span><\/strong><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Click on the option &#8211; \u201cEmbed on a Webpage\u201d in the bottom left section.<\/span><\/p>\n<p><strong><span style=\"font-size: 14pt;\">Step 4<\/span><\/strong><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Select the option &#8211; \u201cIn-page\u201d embed and grab the code that appears as you scroll down.\u00a0<\/span><\/p>\n<p><strong><span style=\"font-size: 14pt;\">Step 5<\/span><\/strong><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Finally, paste this code wherever you want your embed to be displayed.<\/span><\/p>\n<p><a href=\"https:\/\/app.outgrow.co\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-37605\" src=\"https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2021\/04\/Embed-page-CTA-1.png\" alt=\"Embed CTA\" width=\"1000\" height=\"100\" srcset=\"https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2021\/04\/Embed-page-CTA-1.png 1000w, https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2021\/04\/Embed-page-CTA-1-300x30.png 300w, https:\/\/outgrow.co\/blog\/wp-content\/uploads\/2021\/04\/Embed-page-CTA-1-768x77.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In-Page Embed Style What Is an In-Page Embed? An in-page embed allows you to embed Outgrow content pieces like quizzes, calculators, surveys, etc. in such a way that the other contents on the page are not disturbed. The content will be placed within a container at the desired place. And, as a user clicks on&#8230;<\/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":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>In-Page Embed | Outgrow - Best Marketing Platform<\/title>\n<meta name=\"description\" content=\"With In-Page embed, you can make content like quizzes, calculators, etc. appear on screen so that other content on a page is not disturbed.\" \/>\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\/35545\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"In-Page Embed | Outgrow - Best Marketing Platform\" \/>\n<meta property=\"og:description\" content=\"With In-Page embed, you can make content like quizzes, calculators, etc. appear on screen so that other content on a page is not disturbed.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35545\" \/>\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:05+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\/in-page\/\",\"url\":\"https:\/\/outgrow.co\/blog\/in-page\/\",\"name\":\"In-Page Embed | Outgrow - Best Marketing Platform\",\"isPartOf\":{\"@id\":\"https:\/\/outgrow.co\/blog\/#website\"},\"datePublished\":\"2021-01-22T09:00:26+00:00\",\"dateModified\":\"2024-06-19T06:19:05+00:00\",\"description\":\"With In-Page embed, you can make content like quizzes, calculators, etc. appear on screen so that other content on a page is not disturbed.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/outgrow.co\/blog\/in-page\/\"]}]},{\"@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":"In-Page Embed | Outgrow - Best Marketing Platform","description":"With In-Page embed, you can make content like quizzes, calculators, etc. appear on screen so that other content on a page is not disturbed.","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\/35545","og_locale":"en_GB","og_type":"article","og_title":"In-Page Embed | Outgrow - Best Marketing Platform","og_description":"With In-Page embed, you can make content like quizzes, calculators, etc. appear on screen so that other content on a page is not disturbed.","og_url":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35545","og_site_name":"Outgrow","article_publisher":"https:\/\/www.facebook.com\/OutgrowCo\/","article_modified_time":"2024-06-19T06:19:05+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\/in-page\/","url":"https:\/\/outgrow.co\/blog\/in-page\/","name":"In-Page Embed | Outgrow - Best Marketing Platform","isPartOf":{"@id":"https:\/\/outgrow.co\/blog\/#website"},"datePublished":"2021-01-22T09:00:26+00:00","dateModified":"2024-06-19T06:19:05+00:00","description":"With In-Page embed, you can make content like quizzes, calculators, etc. appear on screen so that other content on a page is not disturbed.","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/outgrow.co\/blog\/in-page\/"]}]},{"@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\/35545"}],"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=35545"}],"version-history":[{"count":20,"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35545\/revisions"}],"predecessor-version":[{"id":59197,"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35545\/revisions\/59197"}],"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=35545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}