{"id":1491,"date":"2019-06-01T20:41:38","date_gmt":"2019-06-01T18:41:38","guid":{"rendered":"https:\/\/www.honey-pi.de\/?p=1491"},"modified":"2021-08-24T18:56:58","modified_gmt":"2021-08-24T16:56:58","slug":"teil-3-thingspeak-widgets-in-jimdo-homepage-einbetten","status":"publish","type":"post","link":"https:\/\/honey-pi.de\/en\/teil-3-thingspeak-widgets-in-jimdo-homepage-einbetten\/","title":{"rendered":"Part 3: Embedding ThingSpeak Widgets into Jimdo Homepage"},"content":{"rendered":"\n<p>It&#8217;s very straightforward to embed individual display elements into Jimdo. <\/p>\n\n\n\n<p>Once a widget is created in ThingSpeak and released for Public View, it can be retrieved from a Jimdo page.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>In ThingSpeak: click on the balloon in the upper right corner above the plot and copy the code to the clipboard.<\/li><li>In Jimdo: Add content -&gt; More content and add-ons -&gt; Widget \/ HTML<\/li><li>Insert HTML Code from Clipboard<\/li><li>In case you don&#8217;t want to see a frame: <br><code>style=\u201cborder: 1px solid #cccccc;\u201c \u00e4ndern in style=\u201cborder: <strong>0px<\/strong> solid #cccccc;\u201c<\/code><\/li><li>Adjusting the size of the image is not difficult, see example below.<\/li><\/ol>\n\n\n\n<p>Now the plot should appear on your Jimdo page.<\/p>\n\n\n\n<p>This also works analogously in other systems. In WordPress the corresponding function is called e.g. <code>[\/] Shortcode<\/code>: <\/p>\n\n\n\n<p class=\"has-text-align-left\">Embedded live display, default size:<\/p>\n\n\n<p><iframe loading=\"lazy\" style=\"border: 0px solid #cccccc;\" src=\"https:\/\/thingspeak.com\/apps\/matlab_visualizations\/286058\" width=\"450\" height=\"260\"><\/iframe><\/p>\n\n\n\n<p>Code:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe style=\"border: 0px solid #cccccc;\" src=\"https:\/\/thingspeak.com\/apps\/matlab_visualizations\/286058\" width=\"450\" height=\"260\">&lt;\/iframe><\/code><\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p>Embedded live display, resized:<\/p>\n\n\n<p><iframe loading=\"lazy\" style=\"border: 0px solid #cccccc;\" src=\"https:\/\/thingspeak.com\/apps\/matlab_visualizations\/286058?width=585&amp;height=338\" width=\"600\" height=\"400\"><\/iframe><\/p>\n\n\n\n<p>Code:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe style=\"border: 0px solid #cccccc;\" src=\"https:\/\/thingspeak.com\/apps\/matlab_visualizations\/286058?width=585&amp;amp;height=338\" width=\"600\" height=\"400\">&lt;\/iframe><\/code><\/pre>\n\n\n\n<p>I would be happy if further interesting evaluations could be shared by others here. <\/p>\n\n\n<p style=\"text-align: right;\"><!--EndFragment--><br><em>Translated 19.10.2019 by JK<\/em><\/p>","protected":false},"excerpt":{"rendered":"<p>It&#8217;s very straightforward to embed individual display elements into Jimdo. Once a widget is created in ThingSpeak and released for Public View, it can be retrieved from a Jimdo page. In ThingSpeak: click on the balloon in the upper right corner above the plot and copy the code to the clipboard. In Jimdo: Add content -&gt; More content\u2026 <span class=\"read-more\"><a href=\"https:\/\/honey-pi.de\/en\/teil-3-thingspeak-widgets-in-jimdo-homepage-einbetten\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[17],"class_list":["post-1491","post","type-post","status-publish","format-standard","hentry","category-smart","tag-tutorial"],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"en","enabled_languages":["de","en"],"languages":{"de":{"title":true,"content":true,"excerpt":false},"en":{"title":true,"content":true,"excerpt":false}}},"_links":{"self":[{"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/posts\/1491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/comments?post=1491"}],"version-history":[{"count":27,"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/posts\/1491\/revisions"}],"predecessor-version":[{"id":2396,"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/posts\/1491\/revisions\/2396"}],"wp:attachment":[{"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/media?parent=1491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/categories?post=1491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/honey-pi.de\/en\/wp-json\/wp\/v2\/tags?post=1491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}