Mahbub Hasan Imon

ultraDevs

<p>This block will help you to display star rating using Gutenberg Editor.</p>
<h3>Features</h3>
<ul>
<li>Rating Scale</li>
<li>Rating</li>
<li>Title</li>
<li>Alignment, Colors, Responsive Sizing Options</li>
</ul>
<h3>Download <a href="https://wordpress.org/plugins/powerful-blocks/" rel="ugc">Powerful Blocks for Gutenberg</a> to get more blocks and some awesome features that will improve your Gutenberg Editor.</h3>
<p>Made With Love By <a href="https://ultradevs.com" rel="nofollow ugc">ultraDevs</a> ❤️</p>
<h3>You can ask for any type of custom block <a href="https://powerfulblocks.com/custom-block" rel="nofollow ugc">Here</a></h3>
<h3>Need Help?</h3>
<p><a href="https://wordpress.org/support/plugin/powerful-blocks/" rel="ugc">Free Support</a> | <a href="https://web.facebook.com/hello.ultradevs" rel="nofollow ugc">Live Chat</a> | <a href="https://docs.ultradevs.com/powerful-blocks" rel="nofollow ugc">Documentation</a>  | <a href="https://www.youtube.com/playlist?list=PL6-MOhUm73eiSSVHgAVnFFEvs6rO2sZyC" rel="nofollow ugc">Video Tutorials</a></p>
<h3>Join With US</h3>
<p><a href="https://web.facebook.com/groups/powerfulblocks/" rel="nofollow ugc">Facebook – Community</a> | <a href="https://web.facebook.com/hello.ultradevs" rel="nofollow ugc">Facebook – Page</a> | <a href="https://www.youtube.com/channel/UCc2yL-QGQjscXpPx9Pp7J8w" rel="nofollow ugc">Youtube</a> | <a href="https://twitter.com/ultraDevsBD" rel="nofollow ugc">Twitter</a> | <a href="https://www.instagram.com/ultradevs/" rel="nofollow ugc">Instagram</a></p>


Star Rating Block for Block Editor

This block will help you to display star rating using Gutenberg Editor.

domclic

<p>EffortLess Simple Reviews Editor lets visitors submit reviews (pending admin approval) and displays published reviews in a responsive card grid with infinite scroll.</p>
<p><strong>Features:</strong></p>
<ul>
<li>Front-end review submission form with star rating, name, title, and review text fields</li>
<li>Admin approval workflow — all submissions are set to “Pending”</li>
<li>Responsive card grid with configurable columns</li>
<li>Infinite scroll (IntersectionObserver) for seamless loading</li>
<li>Spam protection: honeypot field + rate limiting (1 submission per 60 s)</li>
<li>Accessible star rating with keyboard navigation</li>
<li>One-time-use review links — send unique links to clients</li>
<li>Programmatic link generation via <code>elsre_create_review_link()</code></li>
<li>No external dependencies — pure CSS stars, vanilla JavaScript</li>
<li>i18n ready — <code>.pot</code> translation template included</li>
</ul>
<h3>Shortcodes</h3>
<h4>[elsre_reviews] — Display Reviews Grid</h4>
<p>Place this shortcode on any page or post to display published reviews.</p>
<p>Attributes:</p>
<ul>
<li><code>per_page</code> (default: <code>6</code>) — Reviews per load batch</li>
<li><code>columns</code> (default: <code>3</code>) — Grid columns on desktop (1–6)</li>
<li><code>ids</code> (default: empty) — Comma-separated review IDs; disables pagination</li>
<li><code>order</code> (default: <code>desc</code>) — Sort order: <code>desc</code> for newest first, <code>asc</code> for oldest first</li>
<li><code>star_size</code> (default: <code>18px</code>) — Star icon size (any CSS unit)</li>
<li><code>text_size</code> (default: <code>15px</code>) — Review text font size</li>
<li><code>name_size</code> (default: <code>14px</code>) — Reviewer name font size</li>
</ul>
<p>Examples:</p>
<pre><code>[elsre_reviews]
[elsre_reviews per_page="9" columns="3"]
[elsre_reviews ids="12,45,78" columns="2"]
[elsre_reviews star_size="28px" text_size="18px" name_size="16px"]
</code></pre>
<h4>[elsre_form] — Review Submission Form</h4>
<p>Place this shortcode on any page or post to display the submission form.</p>
<p>Attributes:</p>
<ul>
<li><code>require_token</code> (default: <code>no</code>) — Set to <code>yes</code> to require a one-time-use link token</li>
<li><code>star_size</code> (default: <code>32px</code>) — Star icon size in the rating picker</li>
</ul>
<p>Examples:</p>
<pre><code>[elsre_form]
[elsre_form require_token="yes"]
[elsre_form star_size="48px"]<h3>One-Time Review Links</h3>
</code></pre>
<p>1. Create a page with <code>[elsre_form require_token="yes"]</code>.<br />
2. Go to <strong>Reviews <span aria-hidden="true" class="wp-exclude-emoji">→</span> Review Links</strong> in the admin.<br />
3. Click <strong>Generate Link</strong> (optionally add a label for your reference).<br />
4. Copy the link and send it to your client.</p>
<p>Each link works only once. After the client submits their review, the link is marked as used.</p>
<h3>Developer Integration</h3>
<p>Generate review links programmatically from your own plugin or theme:</p>
<pre><code>$link = elsre_create_review_link( 'client@example.com' );
$link = elsre_create_review_link( 'client@example.com', 'John Doe', 42 );
</code></pre>
<ul>
<li>First parameter: client email (unique identifier — reuses existing unused token if found)</li>
<li>Second parameter: optional label for admin reference</li>
<li>Third parameter: optional page ID containing <code>[elsre_form]</code> (auto-detected if omitted)</li>
<li>Returns the full URL with token, or empty string if no form page found</li>
</ul>
<p>Check availability before calling: <code>function_exists( 'elsre_create_review_link' )</code></p>
<h3>Admin Pages</h3>
<h4>Reviews List (Dashboard <span aria-hidden="true" class="wp-exclude-emoji">→</span> Reviews)</h4>
<p>All submitted reviews are listed here as a standard WordPress post list.<br />
Extra columns show the key review data at a glance:</p>
<pre><code>┌──────────────┬────────┬──────────────┬─────────────┬────────────┐
│ Title        │ Rating │ Reviewer     │ Date        │ Status     │
├──────────────┼────────┼──────────────┼─────────────┼────────────┤
│ Great hotel! │ ★★★★★  │ Jane Doe     │ 2026-03-01  │ Pending    │
│ Good service │ ★★★★☆  │ John Smith   │ 2026-02-28  │ Published  │
└──────────────┴────────┴──────────────┴─────────────┴────────────┘
</code></pre>
<p>Publish a review to make it appear on the front end. Leave it as Pending to<br />
keep it hidden until you have reviewed it.</p>
<h4>Review Edit Screen</h4>
<p>Each review has a <strong>Review Details</strong> meta box below the title field:</p>
<pre><code>┌─────────────────────────────────────────┐
│ REVIEW DETAILS                          │
├──────────────┬──────────────────────────┤
│ Reviewer Name│ Jane Doe                 │
│ Review Title │ Perfect weekend getaway! │
│ Rating       │ ★ ★ ★ ★ ★               │
│ Review Text  │ Fantastic experience...  │
│ Review Date  │ 2026-03-01               │
└──────────────┴──────────────────────────┘
</code></pre>
<p>The star picker is fully keyboard-accessible (arrow keys, Enter, Space).</p>
<h4>Review Links Page (Dashboard <span aria-hidden="true" class="wp-exclude-emoji">→</span> Reviews <span aria-hidden="true" class="wp-exclude-emoji">→</span> Review Links)</h4>
<p>Generate one-time-use links to send to specific clients:</p>
<pre><code>┌──────────────────────────────────────────────────────────────┐
│ GENERATE NEW LINK                                            │
│  Client Email  [client@example.com          ]               │
│  Label         [e.g. John's booking         ]  (optional)   │
│  Form Page     [Leave a Review ▾            ]               │
│                [ Generate Link ]                            │
└──────────────────────────────────────────────────────────────┘

┌──────────────────────────────────────────────────────────────────────┐
│ ALL LINKS                                                            │
├──────────────┬───────────┬────────┬────────────┬────────┬───────────┤
│ Email        │ Label     │ Status │ Created    │ Used   │ Actions   │
├──────────────┼───────────┼────────┼────────────┼────────┼───────────┤
│ jane@...     │ Jane Doe  │ Active │ 2026-03-01 │ —      │ Copy Link │
│ john@...     │ John Smith│ Used   │ 2026-02-28 │ Mar 01 │ Expired   │
└──────────────┴───────────┴────────┴────────────┴────────┴───────────┘
</code></pre>
<p>After generating, a success banner shows the link ready to copy:</p>
<pre><code>┌─────────────────────────────────────────────────────────────┐
│ ✓  Link generated! Send this link to your client:           │
│   https://example.com/review/?elsre_token=abc123  [ Copy ] │
└─────────────────────────────────────────────────────────────┘
</code></pre>


EffortLess Simple Reviews Editor

A simple reviews system with front-end submission, admin approval, and responsive card grid display with infinite scroll.

Star Rating Block for Block Editor vs EffortLess Simple Reviews Editor