{"id":6639,"date":"2024-05-16T11:53:32","date_gmt":"2024-05-16T11:53:32","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=6639"},"modified":"2026-07-17T22:46:11","modified_gmt":"2026-07-17T22:46:11","slug":"embed-ion-micro-experience","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/embed-ion-micro-experience\/","title":{"rendered":"How to embed an Ion micro-experience within you WordPress-based article"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Current interface<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3471-current-add-url.png\" alt=\"Current Ion Add a new URL screen\"\/><figcaption class=\"wp-element-caption\">Create or open the live URL for the creative.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/ioninteractive.com\/ionacademy\/wp-content\/uploads\/2026\/07\/task3471-current-embed-code.png\" alt=\"Current Ion Embed code dialog with Pop-up and On-page options\"\/><figcaption class=\"wp-element-caption\">The current Embed code dialog offers Pop-up and On-page display modes.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Grabbing the embed code<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Access the URL page of your creative and click on \u201cEmbed Code\u201d to grab the code needed to embed your micro-experience within your WordPress-based blog.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then select the option (Pop-up or On-page) you want the micro-experience displayed once embedded in an external page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Adding Custom HTML block<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When editing the article within WordPress, click on \u201c+\u201d and add the Custom HTML block to any location across your content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also use the search abilities to look for the Custom HTML block.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Adding the embed code from Ion<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Paste the embed code within the Custom HTML block.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Publishing the micro-experience<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After hitting \u201cPublish\u201d, please do not forget to preview the article to confirm your micro-experience is displaying as expected.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">From there, just hit \u201cUpdate\u201d, or \u201cPublish\u201d if this is a new article, and there that is it, your micro-experience from Ion is ready to go.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do not hesitate to check <a href=\"https:\/\/ioninteractive.com\/ionacademy\/introducing-micro-experiences\/\">this release<\/a> to stay on top of everything about this Ion\u2019s latest innovation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Current interface Grabbing the embed code Access the URL page of your creative and click on \u201cEmbed Code\u201d to grab the code needed to embed your micro-experience within your WordPress-based blog. Then select the [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":5984,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[2095,2292,2111,43],"tags":[],"class_list":["post-6639","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-embed","category-embed-the-creative-studio","category-product-releases","category-the-publishing"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/6639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=6639"}],"version-history":[{"count":6,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/6639\/revisions"}],"predecessor-version":[{"id":9514,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/6639\/revisions\/9514"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5984"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=6639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=6639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=6639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}