Star rating plugin with pros and cons

  • Hi there,

    I write a lot of review articles and having a star rating plugin that also adds review snippet (review) structured data to my articles would be a great addition for me.

    Also, having another feature that shows a box similar to the following article for pros and cons would be great:

    EMSISOFT Anti-Malware HOME Review 2023 - Best Software
    EMSISOFT Anti-Malware Home 2022 review. Is it is a good antivirus in 2022? Would you recommend it ?
    best-software.org


    I believe the most practical implementation would be via BBCodes.

    At the moment I am using WLS 5.5 but I would definitely need it also for v6. Any ideas or offers?

  • You can implement this with own BB-Codes if you have some knowledge of HTML and CSS:

    I have built a time ago a somewhat ugly solution for me, but it works so far:

    This is technical a flexbox-wrapper with some fomated lists.

    usage:

    result:


    This way you can also build a ratingdisplay.


    Structured data can be added via the build in BB-Code "Unsave HTML"

    With a little adventure desire you don't need any plugin for it.

    Ich steh' zwischen großen Bergen auf 'nem Felsvorsprung
    Blick' auf eine zusammenbrechende Weltordnung
    Ich kam grad noch weg, schon
    Beginnt in jedem Winkel der Welt da draußen das Armageddon 😵‍💫

  • Thanks for the info and the screenshots.

    My main problem was the CSS part. The main box (in your case FlexBox) in responsive mode was not aligning the way that I wanted.

    Is there is a posibility that you also share your CSS? (if not possible here, via a private message?)

    If not, it is totally fine ;)

  • No problem, i can share the CSS or a my two BB-Code-Plugins. Maybe it is possible to build a simple rating-bb-code. Stars from 1 to 5 or what do you think?

    EMSISOFT Anti-Malware HOME Review 2023 - Best Software
    EMSISOFT Anti-Malware Home 2022 review. Is it is a good antivirus in 2022? Would you recommend it ?
    best-software.org

    This is a 9 out of what?

    Ich steh' zwischen großen Bergen auf 'nem Felsvorsprung
    Blick' auf eine zusammenbrechende Weltordnung
    Ich kam grad noch weg, schon
    Beginnt in jedem Winkel der Welt da draußen das Armageddon 😵‍💫

  • In this webiste is it a free text, that means you can write anythig. Here I wanted to write 9/10 but I forgot :saint:

    I thing even nicer would be expert ratings like what test.de or testsieger.de put on products.... like "sehr gut" and so on.

    So I think if this rating (expert rating) would be a free text, it will give the writer more freedom.

    What do you think ?

  • Du you mean this:


    I will rewrite the CSS for pro and cons so that it works in WS 5 and 6 and post it in the next few days so that you can add your own bb-codes.

    Ich steh' zwischen großen Bergen auf 'nem Felsvorsprung
    Blick' auf eine zusammenbrechende Weltordnung
    Ich kam grad noch weg, schon
    Beginnt in jedem Winkel der Welt da draußen das Armageddon 😵‍💫

  • I have build some bb-codes.

    Rating:

    Pros Cons:

    And i build just for fun a ratingcard:

    This is a bb-code nightmare but still usable 💀

    Will check it in WS 6 and then publish the codes.

    Ich steh' zwischen großen Bergen auf 'nem Felsvorsprung
    Blick' auf eine zusammenbrechende Weltordnung
    Ich kam grad noch weg, schon
    Beginnt in jedem Winkel der Welt da draußen das Armageddon 😵‍💫

  • Of course. I still need to test this in 6.0, then I'll post the codes. I had to switch to a list because it's not safe to use paragraphs, but so far everything should be ready:

    Ich steh' zwischen großen Bergen auf 'nem Felsvorsprung
    Blick' auf eine zusammenbrechende Weltordnung
    Ich kam grad noch weg, schon
    Beginnt in jedem Winkel der Welt da draußen das Armageddon 😵‍💫

  • Dear Hundiiiiiiiiii

    I have to say that I am in love with your website. It looks really clean and professional.

    Would you share what plugins/settings are you using?

    I wonder how you have added that block regarding the product (vor dem Inhalt).

    And your rating section is also very nice. Really good a job!

  • a.chakery

    Thank you. This is a custom plugin that extends the article form:

    So I can place content outside of the article text and I don't need BB-Codes anymore. Since I'm not a developer, the development progress is slow and I can't say if and when it will be released because there is still some work to do.


    But the BB-Codes are ready and i will post the code today.

    Ich steh' zwischen großen Bergen auf 'nem Felsvorsprung
    Blick' auf eine zusammenbrechende Weltordnung
    Ich kam grad noch weg, schon
    Beginnt in jedem Winkel der Welt da draußen das Armageddon 😵‍💫

  • I would definately buy your plugin.

    However, I would recommend you to use 5 level for ratings instead of 100. Users are more familiar with 5-Star ratings more.

    But all in all I agree with a.chakery , your website seems very professional :)

  • What would you prefer? Is it enough to be able to give a rating from 1-5 or would you also like to have individual criteria that you can rate? I have 5 criteria from which then in the end a rating arises.

    By the way, Google converts this into a 5-star rating:

    An adjustment from 1-100 to 1-5 is so far no problem.

    Ich steh' zwischen großen Bergen auf 'nem Felsvorsprung
    Blick' auf eine zusammenbrechende Weltordnung
    Ich kam grad noch weg, schon
    Beginnt in jedem Winkel der Welt da draußen das Armageddon 😵‍💫

  • First thanks a lot for all your efforts.

    I would prefer 5x Star rating as it has become a standard in many websites and most of the people are familiar with.

    :thumbup:

  • BBCodes (ACP -> Content -> BBCodes)

    BBCodeOpening HTML tagClosing HTML tagAttribute
    ratingprodiv class="ratingPro"div
    ratingcondiv class="ratingCon"div
    ratingwrapperdiv class="ratingWrapper"div
    ratingdivdivclass="rating ratingResult%s"
    ratingdescription*div class="ratingdescription"div
    ratingcard*div class="ratingcard"div

    Use for all BBCodes: BBCode represents a block element

    * Optional ratingcard

    Usage Pro / Con

    Code
    [ratingwrapper]
    [ratingpro]
    Pros
    LIST
    [/ratingpro]
    [ratingcon]
    Cons
    LIST
    [/ratingcon]
    [/ratingwrapper]

    This must be written as a list. Unfortunately, it is not possible to display lists in the editor:

    Use 1 to 5 for different colors:

    Code
    [rating=1]
    [rating=2]
    [rating=3]
    [rating=4]
    [rating=5]

    Usage Rating

    Code
    [rating='1']
    Expert Rating
    1,4
    Sehr Gut
    [/rating]

    This must be written as a list. Unfortunately, it is not possible to display lists in the editor:

    Usage Rating Card

    CSS (Global CSS and SCSS)

    You can optionally create buttons in the editor:

    It is easier to work with a template and C&P than with BBCodes directly in the editor.

    Suggestions and improvements are of course welcome.

    Ich steh' zwischen großen Bergen auf 'nem Felsvorsprung
    Blick' auf eine zusammenbrechende Weltordnung
    Ich kam grad noch weg, schon
    Beginnt in jedem Winkel der Welt da draußen das Armageddon 😵‍💫

    Edited 4 times, last by Hundiiiiiiiiii (September 4, 2023 at 5:18 PM).

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!