Frontend Checklist

Don’t speak German? This article contains basically the same information like the wordpress.org plugin page. If you have any questions, feel free to post a comment in English. If you came here to donate, you can use the following PayPal button. Thank you so much for supporting my work.

Mit Frontend Checklist kannst du HTML- oder PDF-Checklisten für deine Besucher erzegen. Der Status der HTML-Checklisten kann per Cookie gespeichert werden. So können deine Besucher jedezeit zurückkehren und die Checkliste weiter abhaken.

Administration

Die Administration von Frontend Checklist

Frontend Checklist

Die Checkliste in der HTML-Darstellung

Ein Live-Beispiel der Checkliste kann auf meiner Seite zur Transsibirischen Eisenbahn angesehen werden.

Anlass zu der Entwicklung dieses Plugins war, dass ich den Besuchern meiner Transsib Seite eine Checkliste anbieten wollte, damit sie einen Überblick haben, was sie alles zur Vorbereitung auf die Reise noch zu tun haben.

Da ich so etwas im Plugin Verzeichnis von WordPress nicht finden konnte, habe ich mich kurzerhand selbst an die Entwicklung eines solchen Plugins gemacht. Im Rahmen des 13 Wochen Projekts habe ich dann beschlossen, dass ich das Plugin massentauglich machen und zum kostenlosen Download anbieten möchte.

Genug geredet, hier ist der Download Link. Das Plugin ist auch auf wordpress.org verfügbar. Bei Fragen oder Problem hinterlasse einfach einen Kommentar oder schreib mir.

« Zurück zur Übersicht


47 Gedanken zu “Frontend Checklist
  1. Pingback: Frontend Checklist | Really cool wordpress theme | wordpressyeah.com

  2. I am testing Frontend Checklist and love it.

    I have several different courses on my website, and would like a checklist for each. For the future, it would be awesome if I could create multiple checklists.

  3. Hi Don,

    thank you for your comment. That’s a great idea for future versions but will take some time. I will drop you a message when I release a new version with that feature.

  4. Hi Jonas,

    The plugin is a great idea, but have a few ideas that would make it sensational (at least for me).
    See my page here: http://wep.smallworldjourneys.com.au/packing-checklist/
    Ideas:
    1) The ability to style the list so the items aren’t so far apart
    2) Word wrap long descritptions so I don’t get the dreaded scroll bar down the bottom of the list
    3) The abilty to have subheadings (see the PDF on the same weppage – as above)
    4) The ability to print the list if one prefers it that way.
    5) An option to use subscriber login instead of cookie to remember ticked items

    If you did that you could sell it on code canyon. I would definitely pay $10-20 (40-50 for dev version) for that functionality – The cookie thing is great.

  5. Sorry Jonas,

    Some clarity for point 3 above.
    I mean to be able to break the list up by groupings eg, camping gear, food, clothing etc

    Cheers
    Pete

  6. Hi Peter,

    thank you for your great ideas. The list items are put in normal p-Tags and the descriptions are normal text, so if you know CSS you can style them on your own (points 1 and 2).

    Subheadings are a good idea. Maybe, when I finished the feature for multiple checklists you can create them by putting several checklists on the same page.

    I implemented the PDF-Checklist feature for users who want to print the checklist.

    User identification instead of cookie is also a good idea. I guess, after implementing multiple checklists, this will be the next feature. I just hope to find some spare time…

    Have a nice weekend,
    Jonas

  7. I’ve just released version 2.0.0 which supports multiple checklists. You can download it from this site, from wordpress.org or directly from your plugin manager.

    Ich habe soeben die Version 2.0.0 veröffentlicht, die auch mehrere Checklisten unterstützt. Sie kann hier auf der Seite, auf wordpress.org oder direkt vom Plugin Manager aus installiert werden.

  8. Hi Jonas,

    amazing plugin! Just what I was looking for.

    A question:
    I’ve tried to place the same checklist on two different pages. When i do so the progress it tracked seperately although it’s the same checklist.

    Is it supposed to be like this?

    Anywa. Great work! :-)

  9. Hi Nils,

    well, I think this happens because the cookie path is set to the current URL, so it’s not valid on another one. I could easily fix this, but I’m not sure which behaviour would be better for user experience. What do you think?

    Nice page btw!

    Regards,
    Jonas

  10. Hey Jonas,
    thanks for the quick reply!

    Unfortunately I have no experience with cookies so I don’t know what’s possible.

    From a usability standpoint I would say a checklist you create is unique and should be updated everywhere it is implemented.

    For example:
    If you have a website with 3 different sections that each require their own checklist it works perfect. But if you want to create an sitewide overview page you would have the checklists in multiple places. That wouldn’t work at the moment, right?

    Do you think this is possible?

    Anyway fantastic work! :-)

    Regards,
    Nils

  11. Hey Nils,

    I think you are right. If someone wants to track the progress separately, he should create different checklists. That’s no big deal. I will release a hotfix for this and another minor bug next week.

    Love your page, btw. I’m travelling to New Zealand this year.

    Regards,
    Jonas

  12. Hey Jonas,

    awesome. :-) Thanks a lot!

    You also seem to be quite the adventurer. I’ve been to china for 6 months to study chinese KungFu but traveling through russia, mongolia and china by train? Wow, thats a another level man! I bet it was quite an adventure! :)

    Thanks for the fix.

    Regards,
    Nils

  13. Hi Jonas,
    I also would like to thank you for creating this plug in. I haven’t seen anything else like it – and I’ve looked!
    I think that I unfortunately have the opposite problem of Nils above.
    I would like to create a checklist that appears on each page, basically tracking if the person has acted on that one page. The check would be independent of tracking action on any other pages.
    Is there a way to do something like that?
    Thanks.
    Herb

  14. Hi Herb,

    thank you for your comment. Currently, the easiest way is to download the version 2.1.0 of the plugin from http://wordpress.org/plugins/frontend-checklist/developers/. The only difference between 2.1.0 and 2.1.1 is this behaviour.

    However, when you update to a new version of the plugin, this will be lost. You can manually recover it, by changing a single line in wp-coontent/plugins/frontend-checklist/frontend-checklist.js. You can see the change here: http://plugins.trac.wordpress.org/changeset/713845/frontend-checklist/trunk/frontend-checklist.js

    It sounds like it might be a good idea to have an attribute in the shortcode to control this behaviour…

    Kind regards,
    Jonas

  15. Hi Jonas,
    I appreciate your quick response.
    I tried 2.1.0, but it seemed that the check was maintained across pages (vs. individual to each page). It could be that something else was going on in my site to cause the issue…
    I will watch for future builds for the plug in – I think that an attribute to control whether the checks are shared or independent across pages would be very helpful.
    Thanks again for sharing this plug in.
    Herb

  16. Hi Herb,

    do you have a link to your page where the issue occurs, so I can check what is going on? 2.1.0 should save the cookie per page.

    Kind regards,
    Jonas

  17. Hi Jonas,
    I installed 2.1.0 on my site, and put a checklist called “test” on each post beneath the main content. You can see it on these two posts (and any other post too):
    http://www.welovesweepstakes.com/2013-07-11-ld.html
    http://www.welovesweepstakes.com/2013-06-07-hawaii.html
    I believe that whenever I set the checkbox on one post, it shows the same way on all other posts too.
    Thanks again for your help and interest. Hopefully the issue is not something silly I am doing. :)
    Herb

  18. Hi Herb,

    don’t worry, it’s not your fault. The cookie in the old version is set per URL path, so a cookie on http://www.example.com/path1/ does not exist on http://www.example.com/path2/. For most WordPress pages, this means every page is tracked separately. If you look at my URLs http://www.j-breuer.de/wordpress-plugins/frontend-checklist/ is technically another path than e.g. http://www.j-breuer.de/wordpress-plugins/affiliate-power/

    However, your URLs are all in the root path and so the tracking cookie is valid everywhere. In this case, I would recommend you create multiple checklists so each page has it’s own checklist. I know, this is not the most elegant way, but it should work. You can also update to 2.1.1 and future versions without problems.

    Regards,
    Jonas

  19. Hi Jonas,
    I understand what you mean – it makes sense. Given the number of posts I create, it would be quite a bit of work to create a new checklist for each new post. Perhaps you can consider this situation for a future enhancement.
    Thanks again very much for the time you took to research this, and for sharing and supporting your plug in.
    Herb

  20. Hi,
    Thanks for your awesome plugin frontend checklist.
    I’m wondering if there’s an option to generate a PDF with only the checks-boxes visible that you have checked on. When I generate the PDF now, I get the total list. If this is possible, it would be fantastic.

    I’m looking forward to hearing from you.

    Tom

  21. Hi Tom,

    I’m sorry, there is no such functionality. The PDF checklist is for people who want to fill out the checkbox on paper. All checked rows get the CSS-Class “checked”. So if you are familiar with CSS, you could place the same checklist on another page and display only those with this class. However, this is not PDF.

    I will consider your request for future development.

    Kind regards,
    Jonas

  22. Hey Jonas,
    Great plugin, thank you!
    I was just wondering if there was a way to include a progress bar of how much of the checklist is completed? I have courses on my site and would love for my students to see how much of the checklist is done.

    thank you again for your amazing work!
    ~Adrian

  23. Hi Adrian,

    actually there is an unofficial version of the checklist I made for a friend, which includes a jquery progressbar. I’ll send you an email with this version.

    Regards,
    Jonas

  24. Hi Will,

    sure, you can use normal HTML in the items, also an img tag:
    <img src="myimg.jpg" alt="myimg" />

    Kind regards,
    Jonas

  25. Thanks for the quick reply Jonas.

    So, for example if I wanted to put an image next to each checkbox, how would I do this?

    [frontend-checklist name="example list"]

    Which contains 20 check boxes?

    Thanks again!

  26. There is no option for that in the shortcode. Just go into the checklist settings and add the HTML for the image (see above) in front of each item.

  27. Hi,
    I cannot begin to tell you how GRATEFUL I am that you have made this pulgin! It’s a lifesaver – JUST what I needed!

    I’m wondering if it’s possible to get some custom work done – perhaps as an add-on plugin? I need to be able to allow my users (on the frontend, logged in) to add a new checklist item. Would be specific to them, not shared.
    Thanks so much!
    Patricia

  28. Hi Patricia,

    thank you very much for your comment. A functionality to allow users to add their custom items would be pretty complicated and I’m not planning to include something like that into the plugin.

    However, using the plugin as a basis for individual development could be a good idea but will put you back a few hundred bucks. If you send me your detailed specifications via my contact form (http://www.j-breuer.de/kontakt/) I can give you a quote.

    Cheers,
    Jonas

  29. Specs sent. Might I see a copy of the version with the progress bar? That would be VERY nice for my users…. very useful feature for them!

    TIA

  30. Hi Jonas!

    This is a very nice plugin indeed!
    Is there a way to group the list into smaller “chapters”?
    Something like:

    Part 1:
    chbx
    chbx
    chbx

    Part 2:
    chbx
    chbx

    I know I could use multiple lists but then I cannot output one pdf list… or can I?

    Cheers,
    Seb

  31. Hi Seb,

    well, there is no functionality for that. Multiple list are an option, but you’re right, you can’t create a pdf with multiple lists.

    You could try to put the breaks and the heading for the second part into tha last item of the first part. It’s not a very clear solution but I think it’s worth a try.

    Cheers,
    Jonas

  32. Hi, Jonas,

    The plugin is exactly what I’m looking for! But it doesn’t seem to support items in Chinese. Is there any way I can fix it? Just really want to have it on my website.

    Thank you!

    Helen

  33. Hi Helen,

    the HTML-checklist should support Chinese characters. If not, set the charset of the plugin tables (wp_fc_lists, wp_fc_items) to Unicode. The PDF-checklist only supports latin characters and there is no easy way to fix this, sorry.

    See this thread for further information: http://wordpress.org/support/topic/hebrew-1 It is about Hebrew, but it should be the same thing for Chinese.

    Cheers,
    Jonas

  34. Hi Jonas,

    Thank you so much for the quick reply! I appreciate it!

    It’s great news that plugin should support Chinese; but I’m a novice wordpress user, and don’t know anything about coding. I know this request is out of scope, but I would really really appreciate it if you could tell me how to change the charset to Unicode. Thank you very much!
    Cheers,

    Helen

  35. Hi Jonas,

    Thank you so much for getting out of your way to help! Now it’s solved!! You are great!!

    Sorry for not checking back earlier.

    Best,

    Helen

  36. Strange issue. Can you check if the file exists via ftp? If not, download the plugin, unzip the file and upload the frontened-checklist-pdf.php into the /wp-content/plugins/frontend-checklist/ folder.

    Cheers,
    Jonas

  37. Yes, W3 Total Cache could be the reason. Try deactivating it. What other plugins do you have installed? You can also drop me a message at http://www.j-breuer.de/kontakt/ if you don’t want to share that publicly.

    Try also creating a page with only one PDF-link. It could be an issue with multiple links on one page.

    Cheers,
    Jonas

Kommentieren

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Affiliate Power E-Book anfordern Mehr Infos