Embedding Workflowy and/or Hackpad in a WordPress site

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=“https://hackpad.com/<string>.js”></script><noscript><div>View <a href=“https://hackpad.com/<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=“https://workflowy.com/shared/<shareStringWorkflowyGives>/” width=“1000” height=“3600”> <embed src=“https://workflowy.com/shared/<shareStringWorkflowyGives>/” width=“1000” height=“3600”> </embed> Error: Embedded data could not be displayed. </object>



Get every new post delivered to your Inbox

Join other followers: