Widgetkit – intro

Your website is probably loaded with different Widgetkit modules. They are named corresponding the page they being displayed in. Click on the title to change the content. Or if you are in a page hover over the title and click the pencil icon to edit the Widgetkit. 

  1. Inside the editor of WordPress hit the Widgetkit button. This will open Widgetkit in a lightbox.
  2. Insert one of the already existing widgets from the list by clicking inside the widget title or hit the New button to create a new widget. You can also edit, duplicate or delete single widgets by clicking the icons that appear on the right hand side when hovering an item.
  3. Choose the content type and pick the widget you want to be rendered. For more information, take a look at the Widget Plugins doc. Afterwards hit Create to proceed.
  4. Enter a name for your widget and start adding your content. For more information, check out the Widget Content doc. In the Settings panel you can change the configurations of the widget plugin, like animations and display options or add a custom class to your widget. To change the content type or widget plugin click on the gear icon.
  5. Hit Save to finalize your widget. Then hit Cancel and you will be taken back to the list of widgets, where your newly created widget will appear. Click inside the widget title to insert the shortcode into your content.

Visual Guide: Insert existing Widget

Insert existing Widget

Visual Guide: Create and insert a new Widget

Create and inser existing Widget

WORDPRESS WIDGET

Widgetkit also provides a WordPress Widget. In WordPress, go to Appearance » Widgets and drag and drop the Widgetkit widget to any theme position.  The editor will then display a Select Widget button which opens the Widgetkit dialog.

SHORTCODES

Shortcodes are a very popular concept from WordPress which allows you to easily publish dynamic content without any programming knowledge. Basically you insert a shortcode in a WordPress post or Joomla article and it will be rendered as a widget, for example a slideshow which loads dynamic content from your CMS.

All shortcodes include the id and the title of the widget that you want to display.

[widgetkit id="1" name="My Slideshow"]

If you want to edit your widget afterwards, you need to click inside the shortcode before hitting the Widgetkit button. Otherwise you can only create a new widget.

Widget, Widgetkit, wordpress

Get updates, tips and access to tutorials

Signup
First
Surname