surror

ShortcodeHub

<p>🌟 Discover the Power of Shortcodes with “ShortcodeHub” – The Ultimate All-in-One Multi-Purpose Shortcode Builder! 🌟</p>
<p>Are you tired of wrestling with complicated codes and countless plugins to add stunning functionalities to your WordPress website? Enter “ShortcodeHub” – your all-in-one solution to effortlessly create and manage dynamic content with ease!</p>
<p>🎯 No Coding Skills Needed! 🎯</p>
<p>With “ShortcodeHub,” you don’t need to be a coding wizard to unlock the full potential of shortcodes. Our intuitive frontend interface lets you select hooks and seamlessly add custom shortcodes – all without touching a single line of code!</p>
<p>See below Quick video.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/MbFEVbwARP8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Easy Create Shortcode!</h4>
<p>Also, See how it works from a scratch!</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_Uyd9WfH6ZE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Features</h3>
<ul>
<li>Strong Query Builder for post, pages & custom post types.</li>
<li>Works with any theme</li>
<li>Post, Page Query Builder</li>
<li>Super easy and flexible</li>
<li>1 click create shortcode from ready shortcodes</li>
<li>Documentation</li>
<li>Translation Ready</li>
<li>RTL Support</li>
<li>Developer Friendly</li>
<li>Create your own shortcode library</li>
<li>(Soon) Display Location Rules (Show/Hide the shortcode for particular locations.)</li>
<li>(Soon) Custom CSS support.</li>
<li>(Soon) Custom Markup support.</li>
</ul>
<blockquote>
<p><a href="https://surror.com/shortcodehub/" rel="nofollow ugc">Get ShortcodeHub Pro</a></p>
</blockquote>
<p>🚀 Embrace Ultimate Flexibility 🚀</p>
<p>From eye-catching sliders, captivating carousels, and grid layouts to interactive accordions and stylish post queries – “ShortcodeHub” boasts a comprehensive library of pre-built shortcodes to suit all your needs. Customization options? Endless! Make your website truly your own!</p>
<p>💡 Say Goodbye to Complexity 💡</p>
<p>Say farewell to plugin overload! “ShortcodeHub” consolidates all your shortcode functionalities into one powerful tool, streamlining your workflow and saving you precious time.</p>
<p>⏰ Future-Proof Your Website ⏰</p>
<p>We understand that technology never stands still. That’s why “ShortcodeHub” is designed to stay ahead of the curve! Tested up to WordPress version 6.2.2, our plugin ensures seamless compatibility, so you can focus on creating amazing content.</p>
<p>🔌 Universal Compatibility 🔌</p>
<p>No theme? No problem! “ShortcodeHub” plays well with all major WordPress themes, making it the ideal partner for building your dream website.</p>
<p>🏆 Proven Performance 🏆</p>
<p>Thousands of satisfied users trust “ShortcodeHub” to elevate their websites to new heights. Join our community and experience the magic of shortcodes like never before!</p>
<p>🌐 Reach a Global Audience 🌐</p>
<p>Take your website beyond borders! “ShortcodeHub” is fully translation-ready, empowering you to connect with audiences worldwide.</p>
<p>📈 Grow with ShortcodeHub Pro 📈</p>
<p>For even more advanced features and premium support, upgrade to “ShortcodeHub Pro” and take your website to the next level! 🚀 <a href="https://surror.com/shortcodehub/" rel="nofollow ugc">Get ShortcodeHub Pro</a></p>
<p>Ready to unlock the full potential of your WordPress website? Download “ShortcodeHub” now and experience the true magic of shortcodes! 🌟</p>
<h3>Shortcode Types</h3>
<p>We have categorize the shortcodes in the groups. These are basic, core and post query.</p>
<h4>Basic Shortcodes</h4>
<ul>
<li><strong>Text Editor</strong>: Add your text content in the TinyMCE or Text editor and show them anywhere with the help of shortcode.</li>
</ul>
<p>Or Select the hook from frontend to show that content. Its easy!</p>
<ul>
<li><strong>Code Editor</strong>: (PRO) Do you have a custom code snippet which need to show with shortcode? Or Are you developer which have some custom PHP code to show it with shortcode?</li>
</ul>
<p>Then, Simply create a shortcode with “Code Editor” add tho custom code. And then show it anywhere with the help of shortcode. Or append to any hook.</p>
<h4>Core Shortcodes</h4>
<ul>
<li>
<p><strong>Widget</strong>: Do you have any custom widget? Then simply select it from the dropdown and show it with shortcode. <em>(Note: The style is applied to the widget as per theme)</em>.</p>
</li>
<li>
<p><strong>Menu</strong>: Most of the times we need the custom menu to show somewhere. To fulfil this requirement we have added the Menu shortcode support in the ShortcodeHub.</p>
</li>
</ul>
<p>Just select the menu which you want to show with shrotcode and just use it anywhere.</p>
<h4>Post, Page & Custom Post Shortcodes</h4>
<p>We create some custom post types and also we create categories, tags and custom taxonomies.</p>
<p>We add the content in these post types and show theme on specific pages as per our requirement.</p>
<p>To do it from a scratch, Technically we do it with <code>WP_Query</code>. And without coding it was not possible.</p>
<p>But, Now! It’s Possible with ShortcodeHub!</p>
<ul>
<li>Just select shrotcode type (Simple Grid, Masonry, Glossary, Inbox View etc.)</li>
<li>Select Post Type & Categories. (Set no of items, categories, tags etc.)</li>
<li>Yup! Thats it! Just copy the shortcode and use it anywhere.</li>
</ul>
<p>Below is the list of some shortcode styles for the Post Query Builder.</p>
<ul>
<li>
<p><strong>Simple Grid</strong>: Show the post, pages and custom post types in the form of Simple Grid.</p>
</li>
<li>
<p><strong>Inbox View</strong>: Show the items in the Inbox View style.</p>
</li>
<li>
<p><strong>Masonry Grid</strong>: Make a Masonry Grid of post, page and custom post types.</p>
</li>
<li>
<p><strong>Glossary</strong>: Easily create a Glossary of the post, page and custom post types.</p>
</li>
<li>
<p><strong>Summery</strong>: Make a Summery of the post, page and custom post types.</p>
</li>
<li>
<p><strong>Timeline</strong>: Make a Timeline of post, page and custom post types with the Timeline shortcode.</p>
</li>
<li>
<p><strong>Accordion</strong>: Make a Accordion of post, page and custom post types with the Accordion shortcode.</p>
</li>
<li>
<p><strong>Tabs</strong>: (coming soon) Make a Tabs layout of post, page and custom post types with the Tabs shortcode.</p>
</li>
<li>
<p><strong>List</strong>: (coming soon) Make a Simple List of post, page and custom post types with the List shortcode.</p>
</li>
<li>
<p><strong>Carousel</strong>: (coming soon) Make a Carousel of post, page and custom post types with the Carousel shortcode.</p>
</li>
<li>
<p><strong>Slider</strong>: (coming soon) Make a Slider of post, page and custom post types with the Slider shortcode.</p>
</li>
<li>
<p><strong>Pagination Grid</strong>: (pro) (coming soon) Show all post, page and custom post types with pagination with the Pagination Grid shortcode.</p>
</li>
<li>
<p><strong>Filterable Grid</strong>: (pro) Show all items and filter them with categories, tags and taxonomies with the Filterable Grid shortcode. <a href="https://surror.com/shortcodehub/" rel="nofollow ugc">Get ShortcodeHub Pro</a></p>
</li>
</ul>
<h4>Category, Tag or Custom Taxonomy Shortcodes</h4>
<ul>
<li>
<p><strong>Simple Grid</strong>: (coming soon) List all selected categories, tags or custom taxonomies with the Simple Grid shortcode.</p>
</li>
<li>
<p><strong>Advanced Grid</strong>: (pro) (coming soon) List categories, tags or custom taxonomies with assigned posts with the Advanced Grid shortcode.</p>
</li>
</ul>
<h3>Helper Shortcodes!</h3>
<p>We have added much more most helpful shortcode’s. These includes post, author, theme, plugin, date & time etc.</p>
<h4>Date & Time Shortcodes</h4>
<p>We have added the date and time shortcodes to show the date and time as per our need.</p>
<p><strong>Date Examples</strong> Use below shortcodes to show the current date.</p>
<pre><code>Example                     Output
[sh_date format='d/m/y']    15/02/19
[sh_date format='d-M-Y']    15-Feb-2019
[sh_date format='d F Y']    15 February 2019
[sh_date format='dS F Y']   15th February 2019
[sh_date format='M, dS Y']  Feb, 15th 2019
</code></pre>
<p><strong>Date & Time Examples</strong> Use below shortcodes to show the current date & time.</p>
<pre><code>Example                             Output
[sh_date format='d-m-Y h:i:s a']    15-02-2019 05:57:15 pm
[sh_date format='d-M-Y h:i:s a']    15-Feb-2019 05:57:15 pm
[sh_date format='d F Y h:i a']      15 February 2019 05:57 pm
</code></pre>
<p><strong>Time 12 hrs Examples</strong>  Use below shortcodes to show the current time in 12 hours format.</p>
<pre><code>Example                     Output
[sh_date format='h:i a']    05:57 pm
[sh_date format='h:i A']    05:57 PM
[sh_date format='h:i:s a']  05:57:15 pm
[sh_date format='h:i:s A']  05:57:15 PM
</code></pre>
<p><strong>Time 24 hrs Examples</strong> Use below shortcodes to show the current time in 24 hours format.</p>
<pre><code>Examples                    Output
[sh_date format='H:i a']    17:57 pm
[sh_date format='H:i A']    17:57 PM
[sh_date format='H:i:s a']  17:57:15 pm
[sh_date format='H:i:s A']  17:57:15 PM
</code></pre>
<h4>Post Shortcode’s</h4>
<p>In single post, page or custom post type if we want to show the title in the content anywhere then just use the shortcode <code>[sh_post_title]</code>. This return return the current post title.</p>
<p>Or If you want to show any other post title then just add the <code>id</code> of that post in the shortcode. E.g. <code>[sh_post_title id="123"]</code></p>
<p>This shortcodecode return the title of the post whose id is <code>123</code>.</p>
<p>Below is the complete list of shortcodes.</p>
<pre><code>[sh_post_title]
[sh_post_content]
[sh_post_excerpt]
..
</code></pre>
<h4>Author Shortcode’s</h4>
<p>In WordPress main user roles are Administrator, Author, Editor, Contributor and Subscriber. We can create more user roles as per our requirement.</p>
<p>Suppose we want to show the current user name then we can show it with shortcode <code>[sh_author_display_name]</code> or show any other user name by passing the user id in the shortcode.</p>
<p>E.g. <code>[sh_author_display_name id="1"]</code> This will return the display name of the user whose user id is <code>1</code>.</p>
<p>Below is the complete list of shortcodes.</p>
<pre><code>[sh_author_nickname]
[sh_author_display_name]
[sh_author_first_name]
[sh_author_description]
..
</code></pre>
<h4>Theme Shortcode’s</h4>
<p>As a developer of theme and plugin most of the times we need to show our current theme or plugin version on the website. These is change after updating the theme.</p>
<p>So, We have added the theme shortcode in which we can show the currently installed theme information on the website.</p>
<p>Use shrotcode <code>[sh_theme_version]</code> to show the currently installed and activated theme version.</p>
<p>Or</p>
<p>Use shrotcode <code>[sh_theme_version slug="awesomepress"]</code> to show the <em>AwesomePress</em> theme version. Here we pass the theme slug in the shrotcode.</p>
<p>Below is the complete list of shortcodes.</p>
<pre><code>[sh_theme]
[sh_theme_list]
[sh_theme_name]
[sh_theme_version]
..
</code></pre>
<h4>Plugin Shortcode’s</h4>
<p>Same as theme we have added the plugin shrotcodes to show the currently installed pluigns information.</p>
<p>Use shrotcode <code>[sh_plugin_version]</code> to show the currently installed and activated theme version.</p>
<p>Or</p>
<p>Use shrotcode <code>[sh_plugin_version init="shortcodehub/shortcodehub.php"]</code> to show the <em>ShortcodeHub</em> plugin version. Here we pass the plugin init file name in the shrotcode.</p>
<p>Below is the complete list of shortcodes.</p>
<pre><code>[sh_plugin_name]
[sh_plugin_version]
[sh_plugin_description]
[sh_plugin_author]
..
</code></pre>
<h3>Links</h3>
<ul>
<li><a href="https://docs.surror.com/doc/shortcodehub/" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/shortcodehub/" rel="ugc">Support forum</a></li>
<li><a href="https://surror.com/shortcodehub/" rel="nofollow ugc">Premium support</a></li>
</ul>


ShortcodeHub – MultiPurpose Shortcode Builder

Unleash the Power of Shortcodes with the Ultimate All-in-One Multi-Purpose Shortcode Builder! 🚀

Abu Hayat

bPlugins

btechnologies

asadsuzan

Faruk

<p>Cards Layout is a powerful and flexible WordPress Gutenberg block plugin designed to help you create stunning, professional-grade card components in seconds.</p>
<p>Whether you need to highlight core features, showcase team profiles, display achievement metrics, or present your skill progress, Cards Layout provides a rich set of beautifully crafted, responsive components to elevate your website’s design.</p>
<p><a href="https://bplugins.com/products/cards-layout/" rel="nofollow ugc"><strong>Cards Layout</strong></a> | <a href="https://bplugins.com/products/cards-layout/pricing" rel="nofollow ugc"><strong>Pricing</strong></a> | <a href="https://wordpress.org/support/plugin/cards-layout//" rel="ugc"><strong>Support</strong></a> | <a href="https://bplugins.com/products/cards-layout/#demos" rel="nofollow ugc"><strong>Demos</strong></a></p>
<h3>Key Features</h3>
<ul>
<li>
<p><strong>Default Card:</strong> The perfect minimal card for general content, featuring image, title, description, and button controls.</p>
</li>
<li>
<p><strong>Hero Feature Card:</strong> A prominent split-design card with advanced image focal point controls, overlay gradients, floating notification badges, and floating stat highlights.</p>
</li>
<li>
<p><strong>Achievement Card:</strong> Highlight your biggest wins with a large central metric and a customizable spinning SVG badge animation.</p>
</li>
<li>
<p><strong>Feature Card:</strong> A sleek, modern card layout perfect for highlighting key features or benefits.</p>
</li>
<li>
<p><strong>Responsive Grid Engine:</strong> Native control over column counts (Desktop, Tablet, Mobile) and gap spacing to build perfect grids instantly.</p>
</li>
<li>
<p><strong>Advanced Global Styling:</strong> Granular control over everything from typography (fonts, sizes, weights) to multi-state box shadows, borders, padding, and alignments.</p>
</li>
</ul>
<h3>Pro Features</h3>
<p>The following premium layouts and advanced features are available exclusively in the standalone <strong>Cards Layout Pro</strong> plugin (available on our website). These features are not included in this free version and require the separate Pro plugin to be installed.</p>
<ul>
<li>
<p><strong>State / Counter Card:</strong> Create dynamic statistic cards featuring up/down trend ribbons and customizable visual sparkline graphs.</p>
</li>
<li>
<p><strong>Progress Card:</strong> Display skill levels or project progress with customizable gradient bars and individual metric tracking.</p>
</li>
<li>
<p><strong>Animated Service Card:</strong> Stand out with glowing, animated border gradients and dynamic hover growth effects.</p>
</li>
<li>
<p><strong>Banner Card:</strong> Build full-width promotional banners featuring stunning “Glassmorphism” blur effects and custom eyebrow taglines.</p>
</li>
<li>
<p><strong>Client Logo Card:</strong> Professionally present brand partners with specialized minimal typographic cards and distinct hover color interactions.</p>
</li>
<li>
<p><strong>Creative Curve Card:</strong> A highly stylized layout with a seamless CSS-curve cutout connecting your icon to your text content.</p>
</li>
<li><strong>Feature Card:</strong> Premium, sleek layout for displaying software or service features.</li>
</ul>
<h3>Feedback & Support</h3>
<p>Did you find a bug or have a feature request?<br />
💁‍♂️ <a href="mailto:support@bplugins.com" rel="nofollow ugc">Please share your feedback with us</a></p>
<h3>Check out our other WordPress Plugins</h3>
<p>🎵<strong><a href="https://bplugins.com/products/html5-audio-player" rel="nofollow ugc">Html5 Audio Player</a></strong> – Best audio player plugin for WordPress.</p>
<p>🎬 <strong><a href="https://bplugins.com/products/html5-video-player" rel="nofollow ugc">Html5 Video Player</a></strong> – Best video player plugin for WordPress.</p>
<p>📄<strong><a href="https://bplugins.com/products/pdf-poster" rel="nofollow ugc">PDF Poster</a></strong> – A fully-featured PDF Viewer Plugin for WordPress.</p>
<p>📑<strong><a href="https://bplugins.com/products/document-embedder" rel="nofollow ugc">Document Embedder</a></strong> – Best WordPress Document Embedder Plugin.</p>
<p>🧊<strong><a href="https://bplugins.com/products/3d-viewer" rel="nofollow ugc">3D Viewer</a></strong> – Display interactive 3D models on the webs.</p>
<p>📰<strong><a href="https://bplugins.com/products/advanced-post-block" rel="nofollow ugc">Advanced Post Block</a></strong> – Best Post Display Plugin for WordPress.</p>
<h3>Source Code</h3>
<p>Contribute, report bugs, or view the source code on GitHub  👉<br />
<a href="https://github.com/bPlugins/cards-layout-free" rel="nofollow ugc"><strong>Cards Layout GitHub</strong></a></p>
<h3>External Services</h3>
<p>This plugin bundles the following third-party JavaScript/PHP libraries.</p>
<h4>bPlugins Products API</h4>
<ul>
<li>Endpoint: https://api.bplugins.com/</li>
<li>Used for: Displaying pricing and product information in the admin dashboard.</li>
<li>Data sent: Plugin ID (non-personal), no user data.</li>
<li>Terms of Service: https://bplugins.com/terms-of-service/</li>
<li>Privacy Policy: https://bplugins.com/privacy-policy/</li>
</ul>
<h4>Freemius (wp.freemius.com)</h4>
<ul>
<li>Endpoint: https://wp.freemius.com/</li>
<li>Used for: Processing plugin opt-in consent form submissions.</li>
<li>Data sent: Only after explicit user opt-in — user name, email, site URL, WP/PHP version, plugin version.</li>
<li>Terms of Service: https://freemius.com/terms/</li>
<li>Privacy Policy: https://freemius.com/privacy/</li>
</ul>
<h4>SVG Icons (Font Awesome, Lucide, etc.)</h4>
<ul>
<li>Purpose: Provides scalable vector icons used for UI elements.</li>
<li>Note: This plugin does not load the full Font Awesome or Lucide libraries. Instead, specific icons are included directly as    inline SVGs in the source code to keep the plugin lightweight and performant.</li>
</ul>
<h4>WordPress.org Plugins API</h4>
<ul>
<li>Service: WordPress.org Plugins Info API – <code>https://api.wordpress.org</code></li>
<li>What it does: The dashboard queries the public WordPress.org Plugins API to list other plugins published by the author (titles, icons, ratings, active installs, etc.).</li>
<li>What data is sent: A public, read-only query request (e.g. <code>https://api.wordpress.org/plugins/info/1.2/?action=query_plugins&request[author]=bplugins</code>). No personal data is sent.</li>
<li>When: Only while an administrator is viewing the plugin’s dashboard in wp-admin.</li>
<li>Terms of Service: <a href="https://wordpress.org/about/privacy/" rel="ugc">https://wordpress.org/about/privacy/</a></li>
<li>Privacy Policy: <a href="https://wordpress.org/about/privacy/" rel="ugc">https://wordpress.org/about/privacy/</a></li>
</ul>
<h3>Third-Party Libraries</h3>
<h4>Immer</h4>
<ul>
<li>Version: 11.1.8</li>
<li>Source: <a href="https://immerjs.github.io/immer/" rel="nofollow ugc">https://immerjs.github.io/immer/</a></li>
<li>GitHub: <a href="https://github.com/immerjs/immer" rel="nofollow ugc">https://github.com/immerjs/immer</a></li>
<li>License: MIT</li>
<li>Purpose: Used for managing immutable state in a more convenient way.</li>
</ul>
<h4>React Router DOM</h4>
<ul>
<li>Version: 7.15.0</li>
<li>Source: <a href="https://reactrouter.com/" rel="nofollow ugc">https://reactrouter.com/</a></li>
<li>GitHub: <a href="https://github.com/remix-run/react-router" rel="nofollow ugc">https://github.com/remix-run/react-router</a></li>
<li>License: MIT</li>
<li>License URL: <a href="https://github.com/remix-run/react-router/blob/main/LICENSE.md" rel="nofollow ugc">https://github.com/remix-run/react-router/blob/main/LICENSE.md</a></li>
<li>Purpose: Used for client-side routing and navigation within the plugin’s React-based admin application and settings interface.</li>
<li>External Services: None. React Router DOM operates entirely within the browser and does not communicate with external services.</li>
</ul>
<h4>bpl-tools</h4>
<ul>
<li>Source / GitHub: <a href="https://github.com/bPlugins/bpl-tools" rel="nofollow ugc">https://github.com/bPlugins/bpl-tools</a></li>
<li>License: GPL-2.0-or-later: <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-2.0.html</a></li>
<li>Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.</li>
<li>External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: <a href="https://github.com/bPlugins/bpl-tools#external-requests--why-they-are-made" rel="nofollow ugc">https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made</a></li>
</ul>
<h4>Freemius Lite SDK</h4>
<ul>
<li>Version: 2.2.0</li>
<li>Source: <a href="https://bplugins.com/" rel="nofollow ugc">https://bplugins.com/</a></li>
<li>GitHub: <a href="https://github.com/bPlugins/freemius-lite-sdk" rel="nofollow ugc">https://github.com/bPlugins/freemius-lite-sdk</a></li>
<li>License: GPL-2.0-or-later – <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-2.0.html</a></li>
<li>Purpose: Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent.</li>
<li>External Services: Communicates with <code>api.bplugins.com</code> (activation events) and <code>wp.freemius.com</code> (opt-in processing) only after user opt-in. See <a href="https://bplugins.com/privacy-policy" rel="nofollow ugc">bPlugins Privacy Policy</a> and <a href="https://freemius.com/privacy/" rel="nofollow ugc">Freemius Privacy Policy</a>.</li>
</ul>


Cards Layout

Build responsive, customizable card components with multiple layouts and dynamic styles in the Gutenberg editor.

ShortcodeHub – MultiPurpose Shortcode Builder vs Cards Layout