maladeta

Lueira Embed adds a shortcode that renders a configurable button. The button opens an accessible modal showing an iframe with a Lueira marketplace activity. Administrators can configure the base host URL from the WordPress settings screen.
<h3>Usage</h3>
<h3>Basic Shortcode</h3>
[lueira id=”cd2j3bkk7mdnur3r857g” module=”school” product_type=”private”]
<h3>Shortcode Parameters</h3>
 Parameter 
 Required 
 Default 
 Description
 <code>id</code> 
 Yes 
 – 
 The activity ID to embed
 <code>module</code> 
 Yes 
 – 
 The module type (e.g., “school”, “rent”)
 <code>product_type</code> 
 No 
 – 
 Optional product type (e.g., “private”, “group-package”) included when available
 <code>lang</code> 
 No 
 “es” 
 Language code for localized content, default is “es”
 <code>button_text</code> 
 No 
 “View activity” 
 Text displayed on the button
 <code>class</code> 
 No 
 – 
 Additional CSS classes for the button
 <code>show_details</code> 
 No 
 <code>true</code> 
 Accepts <code>true</code> or <code>false</code>. When <code>false</code>, hides the product header/details by appending <code>showProductDetails=false</code> to the iframe URL
 <code>success_url</code> 
 No 
 – 
 Absolute URL the buyer is redirected to after a successful payment. Appended as <code>embedSuccessUrl</code>. Defaults to the store’s own success page when omitted
 <code>cancel_url</code> 
 No 
 – 
 Absolute URL the buyer is redirected to if they cancel. Appended as <code>embedCancelUrl</code>
 <code>display</code> 
 No 
 “modal” 
 <code>modal</code> opens the activity in a modal iframe; <code>newtab</code> renders a link that opens the activity in a new tab
The query parameters appended to the iframe URL (<code>showProductDetails</code>, <code>embedSuccessUrl</code>, <code>embedCancelUrl</code>) match exactly what the store reads — they are case-sensitive.
<h3>Examples</h3>
<ul>
<li>School Activity (Private): <code>[lueira id="456" module="school" product_type="private" button_text="View Activity"]</code></li>
<li>School Group Package in English: <code>[lueira id="789" module="school" product_type="group-package" lang="en" class="btn-primary" button_text="Join Group Package"]</code></li>
<li>Rent Bundle with Custom Styling: <code>[lueira id="101" module="rent" product_type="bundle" lang="es" button_text="Ver Actividad" class="lueira-embed__trigger--accent"]</code></li>
<li>Hide product details: <code>[lueira id="202" module="school" show_details="false"]</code></li>
<li>Custom redirect URLs: <code>[lueira id="202" module="shop" success_url="https://tienda.com/gracias" cancel_url="https://tienda.com/carrito"]</code></li>
</ul>

Lueira Embed

A lightweight shortcode that embeds Lueira marketplace activities inside an accessible modal.

merbmerb

This project provides a modal / popup block for the WordPress Gutenberg editor.
<ul>
<li>Multiple methods for triggering modal including button, text link, image link, external class, and page load.</li>
<li>User definable modal content using Gutenberg blocks, for example, image, paragraph etc. </li>
<li>Support for multiple modal window sizes.</li>
<li>Modal window transitions for fade, left, right, up down.</li>
<li>Manual trigger modal initialization by calling bodModal.initModal()</li>
<li>Custom events for before open, after open, before close, after close so custom code can be used.</li>
<li>Lots of customizable options including Trigger Button Label, Button Color, Trigger Text, Trigger Text Size, Trigger Image, Trigger Class, Modal Delay, Trigger Element Alignment, Overlay Background Color, Title Text Size, Title Font Color, Title Background Color, Title Padding, Border Radius.</li>
<li>Supports multiple modals on the same page.</li>
<li>ADA compliant.</li>
<li>Modal to modal links.</li>
<li>Multiple ways to close the modal.
<ul>
<li>Escape key</li>
<li>Close button ‘X’ in the top right of the screen.</li>
<li>Close button ‘X’ in the modal title.</li>
<li>Close button at the bottom on the modal content.</li>
</ul>
</li>
<li>Uses create-guton-block for easy config.</li>
</ul>
<h3>Donations</h3>
If you like the plugin, consider a donation to support further development. <a href="https://paypal.me/SupportBodDev" rel="nofollow ugc">Click here</a>

Modal Guten Block

Practical and lightweight plugin. Well integrated. Good job. It would be nice to improve the interface for customization especially for the button. And a X button for closing at the top would be great. In general it works fine.

Simple to use, complete and lightweight


I think everything is almost perfect, it would be great if "everything was a little more clean and polished". Silly things like:




add hover color change when focusing edit fields (hard to tell how big the field is) -- for example the "block-editor-plain-text" input field should have more padding, square matching border radius and better font matching size



Missing option to "disable transition" visual effect



Beautiful Plugin


It does what it is supposed to do, easily configurable and I love that this is a separate plugin and not part of a collection of blocks. It keeps WordPress nice and lean.



It would be perfect if the color picker would use the regular Gutenberg color palette chooser :)


Love that this is a separate plugin and not part of a collection of blocks


I like this plugin. I've had zero problems. It does it's job and so far has just stayed out of the way. Thank you. I wish Wordfence wasn't so harsh to plugins like this...  I got this alert:



Medium Severity Problems:* The Plugin "Modal Guten Block" appears to be abandoned (updated October 3, 2023, tested to WP 6.3.7).



Maybe this could have a version bump just so it's "compatible" with WP 6.7 or 6.8? Then Wordfence would yell less often.  


Bump to WP 6.8 for Wordfence

This plugin provides a Gutenberg Modal / Popup Block.

Lueira Embed vs Modal Guten Block