Setting up projects in the Project Manager

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

Found this article useful? Share it now! Tweet about this on Twitter
Twitter
Share on Facebook
Facebook
Email this to someone
email
This entry was posted in Features. Bookmark the permalink.

9 Responses to Setting up projects in the Project Manager

  1. Kirsten says:

    Thank you for this info. Does the dynamic widget work in a Blogger blog?
    For some reason, when I set up my visual recipe index by ingredient (for example, beets would be the product used) I thought the original widget would be the way to go. When I update my index I add in new links then copy and paste all the updated code. I’ve gotten the hang of that, but if the dynamic widget would work it would be easier to update.
    Appreciate the help!

    • admin says:

      Yep! It does work!

      Why don’t you experiment with it in an old post of yours ? No links will be harmed anyway 😉
      (the code acts like a placeholder and tells the server where to draw the links. Different codes display the same things (the links) in a different way)

  2. Kirsten says:

    Thanks! I tried to make a new Visual Recipe Index today using the dynamic widget and was unsuccessful. When I put in the new widget code or the old widget code, nothing appears. I bet my blog is not set up properly to utilize all the features, and that’s OK by me.

    When I put in the static code I get the index perfectly fine.

    On Apple products (computer, iPad and iPhone) everything looks great, but my friend using Windows tells me that the top of the name is cut off a bit. What should I change to fix that? I appreciate it.

  3. admin says:

    Could you please add the dynamic code to one of your posts (an old one preferably) so I can take a look what is going on? We will probably make it work! (Let me know through the support page at http://support.inlinkz.com)

  4. Kirsten says:

    Thanks, I will do that tomorrow. After spending the afternoon wrestling this beast I somehow updated but did not save, all of my changes are gone, and I need to step away from the computer.
    Thanks so much!

  5. Kirsten says:

    Whoops, I should say all of my changes on my blog–the Project Manager is performing beautifully for me, it prompted me to save any time I was closing a page. My troubles are on Blogger only.
    Thanks!

  6. Pingback: Recycle traffic by using the updated Project/Product properties dialog | The InLinkz blog

  7. Nicki says:

    Quick Question, I use this project manager on my Blogger blog to create a DIY projects page. I love it! I need to be able to add projects to my project manager anytime I post a new DIY project. when I update the project manager with a new project, will it automatically save that and show up on the project page on my blog, or do I need to reinstall the code each time I make an update? I hope this question makes sense!

    • Aris says:

      Hi Nicki,

      no need to re-paste the code. Once you change the collection from your inlinkz dashboard, it will update on your blog as well.