Embeddable Family Tree Widgets

For personalized instructions and copy-and-paste code, go to your Tree Apps and look in the Other Apps section for the link to Tree Widgets.

One of the cool things about WikiTree's unique blending of large-scale public genealogical collaboration with independently-controlled privacy settings is that it enables our special "widgets" for bloggers and website owners.


You can see examples of Family Tree Widgets on Genea-Musings ("Adding Family Tree Widgets to your blog or website"), DearMyrtle ("WikiTree: 5 generation updatable pedigree widget BETA") and GeneaBloggers ("Embedding Research Content on Your Blog or Website").

Click here for step-by-step instructions on installing family tree widgets for Blogger and WordPress.

Here is another example. There are more than a dozen different styles to choose from.

You may notice that the names in the widgets are live links. Clicking one takes you to the person's full profile. The icons to the left and right of a name lead to that individual's ancestors family tree or descendants list of descendants.

These are all dynamic. If you post an incomplete tree it may entice your cousins to fill in the blanks. When they do, the widget is automatically updated to reflect the most current information.

Like everything on WikiTree, these are free. Nobody is ever solicited for a membership. Our costs are covered by advertisements on public pages that appear for people who don't login. You can see what they see by clicking the tab labeled "Public View" on a profile. No ads appear on widgets. That would be really tacky.

These widgets will not work unless the privacy settings allow it. The starting individual needs to have a Privacy Level of at least "Private with Public Family Tree." If one of the parents isn't public it will say "[private father]" or "[private mother]". You can adjust the Privacy Level by clicking the tab labeled "Privacy" on the profile if you're the Profile Manager.

To use a widget, all you have to do is copy-and-paste a snippet of code like this into your blog post or web page:

Then, simply replace the WikiTree ID Sample-7 in the first line of the code (e.g., in https://www.wikitree.com/treewidget/Sample-7/) with the ID of whomever you want. You can find the WikiTree IDs for all your family members and ancestors in your Watchlist.

But it's even simpler if you start with the code from the Tree Widgets page for an individual. Click the Other Apps link on any profile's Tree Apps.

Click here for step-by-step instructions on installing family tree widgets for Blogger and WordPress.

Also note that WikiTree has neat little Contributions Widgets too. These are dynamic badges to show others what you are currently working on. Here's an example:


+ more at the collaborative, worldwide WikiTree.

There are also styles that fit perfectly inside sidebars on blogs. See the personalized example and click the link for your Contributions Widgets on your Navigation Home Page.