You can use the dynamic project/product widget to add context in your product list and allow your readers to navigate to related projects in your blog/shop

The dynamic widget

wpid502-media_1358735565351.png

The InLinkz Project manager widget allows you not only to display a list of products but it keeps track of where each product has been used and categorizes your projects so users can navigate easily. Each project is related to a blog post so, when the user selects to see a project, she will be directed to the relevant blog post.

The power of the Project manager lies to the fact that projects are connected between each other by not only categories but by used products too.

The user can click on a category, view all the projects that belong to the selected category and visit them, without leaving your blog or she can select a product from the list and, by clicking on its menu, view a list of projects that use that product. (see below)

wpid503-media_1358736247814.png

Clicking on e.g. “Video” (1), a list of the images of all products that also belong to the same category, will be displayed. Clicking on one of them will redirect the reader to the relevant article where the project is described.

You can go back to the product list by clicking (2)

wpid504-media_1358736408266.png

Clicking on the menu, you can select “Projects using this” and a list with all projects where the selected product is used, will be displayed:

wpid505-media_1358736471773.png

Clicking on one of the listed projects will redirect the user to the relevant article and clicking the back button on the top left, will display the product list again.

If you click on a product directly, it will still redirect the reader to the shop/link exactly as the old link manager widget

You can see how the widget works on a real blog here : http://www.clips-n-cuts.com/2013/01/valentines-card-4/

Setting up the project

wpid500-media_1358734712699.png

On your dashboard, you will notice a column where its icons are either a gray toy brick with an exclamation mark sign, or a stack of toy bricks.
These are the buttons to set your project data. The two differect icons display whether the project data has been set for each of the collections.
Icon (1) is displayed when the project data has been set and (2) when it hasn’t.

wpid501-media_1358735254897.png

Clicking on the icons, the above icon will open. This is where the Project data is set:

  1. The URL of your blog post
  2. A name by which your project will be named
  3. A description to display when the mouse hovers above the project image on the widget
  4. Up to 3 URLs of images from your project
  5. Tags by which your project can be described (separated by comma)

in (1) you should put the permalink of your post. The permalink is the URL that leads directly to your post and not in the first page. For example a valid permalink is what you get in the address bar, when you click on the post title. http://www.clips-n-cuts.com/2013/01/valentines-card-4/ would be a valid permalink whereas just http://www.clips-n-cuts.com would not as it would lead the reader to the main page of your blog and not to the place where the project is described

For the images you can just enter the first one. This is the one that will be displayed in the list of projects. In order to get this URL, you can right click on your image and click on “Copy image location” or “Copy image URL” (depending on the browser). Then, just paste it in the relevant field.

wpid506-media_1358737581486.png

on the categories field (5) you must enter the categories your project belongs to. You can do so by separating different categories by commas. So if you put “video,card,valentine,stamp,simple”, this project will show up on any of your widgets that has the same tag clicked.

wpid507-media_1358737877056.png

Click on the Update button and the changes will be saved. You do not have to do anything else. All your widgets now will include this project too without having to replace any code on your blog.

To display this project’s widget, you only need to add its code to your blog which is exactly the same as before.

wpid508-media_1358738049063.png

The code is somewhat big as it contains an extra section of code so your widget can gracefuly fall back to the old way of display on non script-capable devices. One such “Device” is your RSS feed. Including this code will allow your products to be displayed on your RSS feed so you will not lose clicks from readers viewing your post directly from a feed reader