Part 3: Embedding ThingSpeak Widgets into Jimdo Homepage

By | August 24, 2021

It’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.

  1. In ThingSpeak: click on the balloon in the upper right corner above the plot and copy the code to the clipboard.
  2. In Jimdo: Add content -> More content and add-ons -> Widget / HTML
  3. Insert HTML Code from Clipboard
  4. In case you don’t want to see a frame:
    style=“border: 1px solid #cccccc;“ ändern in style=“border: 0px solid #cccccc;“
  5. Adjusting the size of the image is not difficult, see example below.

Now the plot should appear on your Jimdo page.

This also works analogously in other systems. In WordPress the corresponding function is called e.g. [/] Shortcode:

Embedded live display, default size:

Code:

<iframe style="border: 0px solid #cccccc;" src="https://thingspeak.com/apps/matlab_visualizations/286058" width="450" height="260"></iframe>

Embedded live display, resized:

Code:

<iframe style="border: 0px solid #cccccc;" src="https://thingspeak.com/apps/matlab_visualizations/286058?width=585&amp;height=338" width="600" height="400"></iframe>

I would be happy if further interesting evaluations could be shared by others here.


Translated 19.10.2019 by JK

Print Friendly, PDF & Email
Author: Johannes

Familienvater, Ehemann und Ingenieur, in meiner Freizeit Hausmeister, Musiker und natürlich Imker. Wohnhaft in Heilbronn.

6 thoughts on “Part 3: Embedding ThingSpeak Widgets into Jimdo Homepage

  1. Basti

    Hey, cooles Tutorial, habe aber leider nicht verstanden wie ich die größe des Graphen verändern kann.

    Reply
  2. Clemens Cordelai

    Hallo,
    sehr interessant. Wollte das gleich mal ausprobieren. Funktioniert das auch mit Jimdo Play oder braucht man dazu ein Upgrade?

    Vielen Dank.
    Gruß
    Clemens

    Reply
    1. Javan

      Hi Clemens, das geht mit jedem Jimdo, da es einfach als HTML Snippet eingebunden wird.
      Grüße Javan

      Reply
  3. Graham

    Hi Johannes,
    Just wondering what have you put your bme680 and DT22 inside to protect from bee eating, weather, shorting connections but can still read true temprature and humidity, so for asking here not sure where to ask

    I mean are there special cables needed weather proof or enclosures for the actual items

    thankyou in advance
    Graham

    Reply
    1. Johannes Post author

      Hi Graham,

      I use the DHT22 to measure inside the beehive. I’ve put the sensor in a queen cage. A picture can be seen on my personal blog.

      The BME680 is located in a small plastic box under the hive and next to the load cell. I drilled some holes in the box to allow the air to flow to the sensor element.

      Hth.

      Cheers Johannes

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *