{"id":294,"date":"2014-04-10T15:09:09","date_gmt":"2014-04-10T15:09:09","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=294"},"modified":"2020-08-21T16:27:20","modified_gmt":"2020-08-21T15:27:20","slug":"you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/","title":{"rendered":"You Can Now Embed Marvel Prototypes Into Your Websites, Blogs and Portfolios"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">We've just launched a great new feature for users who want to put prototypes on their own blog, portfolio or website.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">You can now embed your prototypes into web pages just by cut and pasting a small line of code into your site.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It's a great way to bring your work to life and communicate your ideas. Check out the example below and <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">click around!<\/strong>:<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><iframe loading=\"lazy\" class=\"display-block marginTopBottom-l centered\" src=\"https:\/\/marvl.in\/e632b?emb=1\" width=\"384\" height=\"834\" frameborder=\"0\"><\/iframe><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">The great part is that the embed is synced with Dropbox and your Marvel account. Whenever you make a change to your designs, the embed updates seamlessly, meaning that it'll never be out of date.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It's super simple to get started, just click on 'Share' and then the 'Embed' tab to grab your embed code.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.marvelapp.com\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-297 size-full\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-10-at-16.02.05.png\" alt=\"Screen Shot 2014-04-10 at 16.02.05\" width=\"1302\" height=\"956\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-10-at-16.02.05.png 1302w, https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-10-at-16.02.05-600x441.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/04\/Screen-Shot-2014-04-10-at-16.02.05-768x564.png 768w\" sizes=\"auto, (max-width: 1302px) 100vw, 1302px\" \/><\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Here's a great example of it in the wild, Thomas McClure is <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/thomasmcclure.com\/portfolio\/payment_schedule_app\/\">using his prototype on his portfolio<\/a> to show off his app concept.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ve just launched a great new feature for users who want to put prototypes on their own blog, portfolio or website. You can now embed your prototypes into web pages just by cut and pasting a small line of code into your site. It&#8217;s a great way to bring your work to life and communicate your ideas. Check out the&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":1,"featured_media":743,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[486],"tags":[],"class_list":["post-294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-prototyping"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"You Can Now Embed Marvel Prototypes Into Your Websites, Blogs and Portfolios | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"We&#039;ve just launched a great new feature for users who want to put prototypes on their own blog, portfolio or website. You can now embed your prototypes into web pages just by cut and pasting a small line of code into your site. It&#039;s a great way to bring your work to life and communicate your ideas. Check out the... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-10T15:09:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-21T15:27:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/04\/shot4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2014\/04\/shot4.png\",\"width\":800,\"height\":600},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/\",\"name\":\"You Can Now Embed Marvel Prototypes Into Your Websites, Blogs and Portfolios | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/#primaryimage\"},\"datePublished\":\"2014-04-10T15:09:09+00:00\",\"dateModified\":\"2020-08-21T15:27:20+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ecec7188bfa16fd52700fd6952ed9949\"},\"headline\":\"You Can Now Embed Marvel Prototypes Into Your Websites, Blogs and Portfolios\",\"datePublished\":\"2014-04-10T15:09:09+00:00\",\"dateModified\":\"2020-08-21T15:27:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/#webpage\"},\"commentCount\":19,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/#primaryimage\"},\"articleSection\":\"Prototyping\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/you-can-now-embed-marvel-prototypes-into-your-websites-blogs-and-portfolios\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/ecec7188bfa16fd52700fd6952ed9949\",\"name\":\"Murat\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/60b7fb1722edde45406cb169ec3eb1e56dc54bf074f00186ba92dae286837d96?s=96&d=mm&r=g\",\"caption\":\"Murat\"},\"description\":\"Hi! I'm one of the co-founders at Marvel and a Product Designer by trade. You can often find me asking why Arsenal haven't signed anyone this season. Follow me on Twitter.\",\"sameAs\":[\"http:\/\/marvelapp.com\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=294"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/294\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/743"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}