{"id":35557,"date":"2021-01-22T04:08:28","date_gmt":"2021-01-22T09:08:28","guid":{"rendered":"https:\/\/outgrow.co\/blog\/?page_id=35557"},"modified":"2024-06-19T02:33:38","modified_gmt":"2024-06-19T06:33:38","slug":"custom-embed","status":"publish","type":"page","link":"https:\/\/outgrow.co\/blog\/custom","title":{"rendered":"Custom"},"content":{"rendered":"<h1><strong>Custom Embed Mode<\/strong><\/h1>\n<h2 style=\"text-align: left;\"><strong>What Is a Custom Embed?<\/strong><\/h2>\n<p><span style=\"font-weight: 400; font-size: 14pt;\"> As the name suggests, under the custom embed mode you can customize the embeds according to your requirements. Hence, this is suitable when you want to embed your Outgrow content like quizzes, calculators, surveys, etc. in an iFrame of a specific width and height.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\"> Custom 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 a specimen custom embed with customized dimensions &#8211;\u00a0<\/span><\/p>\n<style>@media screen and (max-width: 640px){#og_iframe{height: 500px;width:100%;}}@media screen and (min-width: 641px) and (max-width: 1024px){#og_iframe{height: 500px;width:100%;}}@media screen and (min-width: 1025px){#og_iframe{height: 700px;width:100%;}}<\/style>\n<div id=\"og_iframe\" style=\"-webkit-overflow-scrolling: touch; overflow: auto;\"><iframe style=\"border: none; overflow: hidden; width: 100%; height: calc(100% - 31px);\" title=\"How Much Do You Save by Buying a TESLA?\" src=\"https:\/\/premade.outgrow.us\/5bd758723240fd25ce60510c\" scrolling=\"yes\"><\/iframe><\/div>\n<h2><strong>Advanced Features<\/strong><\/h2>\n<p><span style=\"font-weight: 400; font-size: 14pt;\"> 1. You can choose specific dimensions for different devices &#8211; namely, desktop, tablet, and mobile.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\"> 2. Additionally, a super useful feature provided by Outgrow here includes the \u201cSeamless Mode\u201d. When you toggle this on, you will see that your Outgrow content blends with your website color, scheme, and design &#8211; thus making it look even better when published.\u00a0<\/span><\/p>\n<h2><strong>When Should You Use a Custom Embed?<\/strong><\/h2>\n<p><span style=\"font-weight: 400; font-size: 14pt;\"> 1. Custom embeds are most suitable when other standard embed options are not something you are looking for.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\"> 2. Using custom embeds you can determine how your Outgrow content piece will look on multiple devices.\u00a0<\/span><\/p>\n<h2><strong>How to Get a Custom 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; \u201cCustom\u201d embed and grab the code that appears as you scroll down.<\/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=\"alignnone 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>Custom Embed Mode What Is a Custom Embed? As the name suggests, under the custom embed mode you can customize the embeds according to your requirements. Hence, this is suitable when you want to embed your Outgrow content like quizzes, calculators, surveys, etc. in an iFrame of a specific width and height.\u00a0 Custom embeds can&#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>Custom Embed | Outgrow - Best Marketing Platform<\/title>\n<meta name=\"description\" content=\"Under the custom embed mode you can customize Outgrow content like quizzes, calculators, surveys, etc. &amp; embed in an iFrame.\" \/>\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\/35557\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom Embed | Outgrow - Best Marketing Platform\" \/>\n<meta property=\"og:description\" content=\"Under the custom embed mode you can customize Outgrow content like quizzes, calculators, surveys, etc. &amp; embed in an iFrame.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35557\" \/>\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:33:38+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\/custom\/\",\"url\":\"https:\/\/outgrow.co\/blog\/custom\/\",\"name\":\"Custom Embed | Outgrow - Best Marketing Platform\",\"isPartOf\":{\"@id\":\"https:\/\/outgrow.co\/blog\/#website\"},\"datePublished\":\"2021-01-22T09:08:28+00:00\",\"dateModified\":\"2024-06-19T06:33:38+00:00\",\"description\":\"Under the custom embed mode you can customize Outgrow content like quizzes, calculators, surveys, etc. & embed in an iFrame.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/outgrow.co\/blog\/custom\/\"]}]},{\"@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":"Custom Embed | Outgrow - Best Marketing Platform","description":"Under the custom embed mode you can customize Outgrow content like quizzes, calculators, surveys, etc. & embed in an iFrame.","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\/35557","og_locale":"en_GB","og_type":"article","og_title":"Custom Embed | Outgrow - Best Marketing Platform","og_description":"Under the custom embed mode you can customize Outgrow content like quizzes, calculators, surveys, etc. & embed in an iFrame.","og_url":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35557","og_site_name":"Outgrow","article_publisher":"https:\/\/www.facebook.com\/OutgrowCo\/","article_modified_time":"2024-06-19T06:33:38+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\/custom\/","url":"https:\/\/outgrow.co\/blog\/custom\/","name":"Custom Embed | Outgrow - Best Marketing Platform","isPartOf":{"@id":"https:\/\/outgrow.co\/blog\/#website"},"datePublished":"2021-01-22T09:08:28+00:00","dateModified":"2024-06-19T06:33:38+00:00","description":"Under the custom embed mode you can customize Outgrow content like quizzes, calculators, surveys, etc. & embed in an iFrame.","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/outgrow.co\/blog\/custom\/"]}]},{"@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\/35557"}],"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=35557"}],"version-history":[{"count":20,"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35557\/revisions"}],"predecessor-version":[{"id":59193,"href":"https:\/\/outgrow.co\/blog\/wp-json\/wp\/v2\/pages\/35557\/revisions\/59193"}],"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=35557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}