{"id":333,"date":"2017-04-25T16:04:45","date_gmt":"2017-04-25T20:04:45","guid":{"rendered":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/?page_id=333"},"modified":"2025-06-10T10:30:23","modified_gmt":"2025-06-10T14:30:23","slug":"embed-a-timeline-js-presentation","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/","title":{"rendered":"Embed a Timeline JS Presentation"},"content":{"rendered":"<p><strong>Note:<\/strong> you must ensure your timeline is &#8220;published to the web&#8221; in your spreadsheet -&gt; File -&gt; Publish to the web<\/p>\n<p style=\"padding-left: 30px;\">1. Follow the steps on the <a href=\"https:\/\/timeline.knightlab.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Timeline JS main website<\/a> to create your timeline and generate the embed code.<\/p>\n<p style=\"padding-left: 30px;\">2. Copy the embed code for your timeline.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-337 size-full\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_1.png\" alt=\"Timeline code\" width=\"1476\" height=\"233\" srcset=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_1.png 1476w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_1-160x25.png 160w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_1-240x38.png 240w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_1-768x121.png 768w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_1-400x63.png 400w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_1-360x57.png 360w\" sizes=\"(max-width: 1476px) 100vw, 1476px\" \/><\/p>\n<p><strong>In cuPortfolio:<\/strong><\/p>\n<p>1. Click on the title\/tab of the page you want to edit.<\/p>\n<p>2. Click the edit icon (pencil) in the top right hand corner of the page.<\/p>\n<p>3. Click and hold down the\u00a0<strong>red plus button<\/strong>\u00a0to drag it onto your page and add a new content block.<br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone  wp-image-1277\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/Screenshot-2025-06-02-at-9.58.49\u202fAM.png\" alt=\"\" width=\"176\" height=\"361\" \/><\/p>\n<p>4. Click on \u2018<strong>External Media<\/strong>\u2018.<\/p>\n<p>5. Paste the copied code into the <strong>URL or embed code<\/strong>\u00a0field.<\/p>\n<p>6. Click\u00a0<strong>Save<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-339\" src=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_3.png\" alt=\"embedding timeline to cuPortfolio\" width=\"676\" height=\"759\" srcset=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_3.png 763w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_3-160x180.png 160w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_3-240x270.png 240w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_3-400x449.png 400w, https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-content\/uploads\/JS_3-360x404.png 360w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Note: you must ensure your timeline is &#8220;published to the web&#8221; in your spreadsheet -&gt; File -&gt; Publish to the web 1. Follow the steps on the Timeline JS main website to create your timeline and generate the embed code. 2. Copy the embed code for your timeline. In cuPortfolio: 1. Click on the title\/tab [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":217,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","_mi_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":"","_links_to":"","_links_to_target":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Embed a Timeline JS Presentation - cuPortfolio Help Centre<\/title>\n<meta name=\"description\" content=\"Note: you must ensure your timeline is &quot;published to the web&quot; in your spreadsheet -&gt; File -&gt; Publish to the web 1. Follow the steps on the Timeline\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/\" \/>\n<meta name=\"twitter:label1\" content=\"Est. 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:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/\",\"url\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/\",\"name\":\"Embed a Timeline JS Presentation - cuPortfolio Help Centre\",\"isPartOf\":{\"@id\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/#website\"},\"datePublished\":\"2017-04-25T20:04:45+00:00\",\"dateModified\":\"2025-06-10T14:30:23+00:00\",\"description\":\"Note: you must ensure your timeline is \\\"published to the web\\\" in your spreadsheet -&gt; File -&gt; Publish to the web 1. Follow the steps on the Timeline\",\"breadcrumb\":{\"@id\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"External Media\",\"item\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Embed a Timeline JS Presentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/#website\",\"url\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/\",\"name\":\"cuPortfolio Help Centre\",\"description\":\"Carleton University\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/carleton.ca\/cuportfoliosupport\/help\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Embed a Timeline JS Presentation - cuPortfolio Help Centre","description":"Note: you must ensure your timeline is \"published to the web\" in your spreadsheet -&gt; File -&gt; Publish to the web 1. Follow the steps on the Timeline","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:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/","url":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/","name":"Embed a Timeline JS Presentation - cuPortfolio Help Centre","isPartOf":{"@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/#website"},"datePublished":"2017-04-25T20:04:45+00:00","dateModified":"2025-06-10T14:30:23+00:00","description":"Note: you must ensure your timeline is \"published to the web\" in your spreadsheet -&gt; File -&gt; Publish to the web 1. Follow the steps on the Timeline","breadcrumb":{"@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/embed-a-timeline-js-presentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/"},{"@type":"ListItem","position":2,"name":"External Media","item":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/external-media\/"},{"@type":"ListItem","position":3,"name":"Embed a Timeline JS Presentation"}]},{"@type":"WebSite","@id":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/#website","url":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/","name":"cuPortfolio Help Centre","description":"Carleton University","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"acf":{"stick_to_top":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/pages\/333"}],"collection":[{"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/pages\/333\/revisions"}],"predecessor-version":[{"id":1388,"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/pages\/333\/revisions\/1388"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/pages\/217"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cuportfoliosupport\/help\/wp-json\/wp\/v2\/media?parent=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}