Reverse detail from Kakelbont MS 1, a fifteenth-century French Psalter. This image is in the public domain. Daniel Paul O'Donnell

Forward to Navigation

Embedding Workflowy and/or Hackpad in a Wordpress site

Posted: May 09, 2013 11:05;
Last Modified: May 09, 2013 11:05


I am experimenting with using a private Wordpress installation as a kind of personal logbook, diary, notebook, and to-do list: i.e. the kind of book that business keep beside their cash registers to help them remember what they need to do.

The one thing Wordpress lacks that is necessary for such an installation is a way of making instant and realtime edits—for example to check off things in a todo list.

Since other applications exist out there that do allow you to do this, I began to experiment with inserting them into my wordpress install.

Two excellent applications for this kind of thing are Workflowy and Hackpad

So, how to integrate them? The answer is very easy:


Hackpad makes embedding extremely easy: they have an embed button that tells you the code to use, e.g.

<script src=“<string>.js”></script><noscript><div>View <a href=“<string>.js”>To-Do</a></div></noscript>


The same method might work with Workflowy, since it is also java based, though I haven’t experimented with it yet. In the meantime, you can also just embed the workflowy page in Wordpress as an object.

  1. Select “Share” for the list you want to embed
  2. In the popup, make sure that editing permissions as assigned
  3. copy the link into the following embed code.
<object data=“<shareStringWorkflowyGives>/” width=“1000” height=“3600”> <embed src=“<shareStringWorkflowyGives>/” width=“1000” height=“3600”> </embed> Error: Embedded data could not be displayed. </object>




Textile help

Back to content

Search my site


Current teaching

Recent changes to this site


anglo-saxon studies, caedmon, citation, citation practice, citations, composition, computers, digital humanities, digital pedagogy, exercises, grammar, history, moodle, old english, pedagogy, research, student employees, students, study tips, teaching, tips, tutorials, unessay, universities, university of lethbridge

See all...

Follow me on Twitter