Hapiuc Robert

Helpful shortcodes with clean design, also a companion plugin for all themes available at AyeLabs. Build with developers, performance and user experience in mind.
<h3>Features:</h3>
<ul>
<li>20+ shortcodes</li>
<li>Highly optimised, all assets are loaded only on the page shortcode is used</li>
<li>Theme authors can take advantage of assets management to load assets directly in theme and exclude the assets from plugin</li>
<li>Clean design</li>
<li>Easily extendable & development support ( via support forums )</li>
<li>Multilangual</li>
<li>Works with any theme ( or plugin, if you wish so )</li>
<li>100% responsive</li>
<li>Developed with love</li>
</ul>
<h3>Supported Shortcodes:</h3>
[column] – Add a column using Bootstrap style. Supports the following attributes: 
* lg – Large display size 
* md – Medium display size 
* sm – Small display size 
* xs – Extra-Small display size 
* pull_lg – Pull for large display size 
* pull_md – Pull for medium display size 
* pull_sm – Pull for small display size 
* pull_xs – Pull for extra small display size 
* push_lg – Push for large display size 
* push_md – Push for medium display size 
* push_sm – Push for small display size 
* push_xs – Push for extra small display size 
* offset_lg – Offset for large display size 
* offset_md – Offset for medium display size 
* offset_sm – Offset for small display size 
* offset_xs – Offset for extra small display size 
* pricing_table – Use this attribute to define a pricing table column, give it a name as value 
* pricing_highlighted – If this is the highlighted column from your table, add this empty attribute
** Wrap the content inside of this shortcode **
[aye_tabs] – Creates tabbed content. Use it to wrap tabs created with [aye_tab]. Supports the following attributes: 
* orientation – Choose the orientation of the tabs, possible options: “horizontal” and “vertical”. Default is “horizontal”
** Wrap the content and [aye_tab] shortcodes inside of this shortcode **
[aye_tab] – Creates a tab content in [aye_tabs] shortcode. Supports the following attributes: 
* title – Tab title
** Wrap the content inside of this shortcode **
Example:
<pre><code>[aye_tabs]
 [aye_tab title="About You"]Describe yourself[/aye_tab]
 [aye_tab title="Your Requirements"]What are your requirements?[/aye_tab]
[/aye_tabs]
</code></pre>
[aye_button] – Adds a custom button. Supports the following attributes: 
* url – URL the button should link to 
* label – Button label 
* target – Where to open the button URL. Basic target attribute values http://www.w3schools.com/TAGS/att_a_target.asp. Default value is empty, but if you add an external URL the _blank target will be added automatically. 
* id – Give an unique ID to the button 
* postid – Link a post to the button ( ‘url’ attribute will be overwritten ) 
* icon – Font Awesome icon id ( without fa- prefix )
[aye_cta] – Creates an Call to Action section. Use [aye_button] to add a button inside of the CTA section. Supports the following attributes: 
* position – Content position. Supports: “left”, “right”, “center”. Default is “left” 
* background – Background color. Default is “#007acc”. 
* color – Color for: button border, text and button label. Default is “#fff”.
** Wrap the content inside of this shortcode **
Example:
<pre><code>[aye_cta background="tomato"]
 We have the best tomatoes!
 [aye_button id="1" icon="shopping-cart" label="Buy now!"]
[/aye_cta]
</code></pre>
[aye_pricing_title] – Add a header title inside of your pricing table column. Use this shortcode inside [aye_column]. Supports the following attributes: 
* title – Pricing table title ( ex. package name ) 
* price – The price displayed on your table without currency
[aye_pricing_row] – Add a feature row inside of your pricing table column. Use this shortcode inside [aye_column]. Supports the following attributes: 
* content – A feature that table offers 
* icon – Font Awesome icon id ( without fa- prefix )
Pricing table example with two packages:
<pre><code>[aye_column md="6" pricing_table="demo" pricing_highlighted="true"]
 [aye_pricing_title title="Pack 1" price="$30"]
 [aye_pricing_row content="Awesome feature"]
 [aye_pricing_row icon="github" content="Github Compatible"]
[/aye_column]
[aye_column md="6" pricing_table="demo"]
 [aye_pricing_title title="Pack 2" price="$50"]
 [aye_pricing_row content="Awesome plugin"]
 [aye_pricing_row icon="gitlab" content="Gitlab Compatible"]
 [aye_button url="" label="Icon Button" icon="gitlab"]
[/aye_column]
</code></pre>
*Add the shortcodes without spacing between them to avoid p tag wrapping.
[aye_progress_bar] – Create a simple progress bar. Supports the following attributes: 
* percent – Percent the bar should load. From 0 to 100 
* label – Text label that will be displayed insinde of the loading bar 
* icon – Font Awesome icon id. The icon will be displayed before label, insinde of the loading bar
[aye_message_box] – Create a message/alert box, personalized or using predefined styles. Supports the following attributes: 
* type – Predefined type of the box: error, warning, info, success. Don’t use this attribute if personalized box is created. 
* text – Text the box will display
Customization attributes: 
* icon – Add a icon at the begining of the box. 
* color – Text color 
* background – Background color
[aye_icon] – Add an simple inline icon. Supports the following attributes: 
* icon – The Font awesome icon id, without -fa prefix.
[aye_drop_capital] – Creates a drop capital letter. Supports the following attributes: 
* letter – The letter 
* color – The letter color 
* font – The font-family style
[aye_blockquote] – Creates a blockquote. Supports the following attributes: 
* position – Choose between ‘left’ or ‘right’. Default is ‘left’. 
* columns – Choose the bootstrap columns classes. Default is ‘col-md-4’ ( width of four columns ) 
* author – The quote author
** Wrap the content inside of this shortcode **
[aye_label] – Creates a minimal text label. Supports the following attributes: 
* icon – Add an icon on your label 
* background – Background color 
* text – Label text 
* arrow – Your label can have a small arrow on the sides, pointing at something. Choose the arrow direction from: left, right, bottom and top 
* color – Text color
[aye_accordion] – Creates an accordion slider. Supports the following attributes: 
* title – Title of the box 
* active – Add this attribute without a value to open the box by default
** Wrap the content inside of this shortcode **
[aye_divider_gotop] – Creates an simple border divider with Back to top link. Supports the following attributes: 
* border_color – The divider border color 
* border_height – The divider border height 
* color – ‘Back to top’ text color 
* margin – The top and bottom margins
[aye_divider_headline] – Creates a styled divider headline. Supports the following attributes: 
* border_color – The two borders color 
* color – Text color 
* background_color – Divider background color
** Wrap the content inside of this shortcode **
[aye_lead_paragraph] – Transform your paragraph into a lead paragraph <a href="https://en.wikipedia.org/wiki/Lead_paragraph" rel="nofollow ugc">wikipedia</a> . Doesn’t support any attributes.
** Wrap the content inside of this shortcode **
[aye_tooltip] – Adds an simple tooltip to your content. Supports the following attributes: 
* text – Tooltip text
** Wrap the content inside of this shortcode **
[aye_google_font] – Wrap your content with a Google Font. Don’t worry, the font will be loaded only on the pages this shortcode is used. Supports the following attributes: 
* font – Google Font name ( valid example: ‘Open Sans’ invalid example: ‘Open+Sans’ ) 
* weight – The font weight, ex: 400. For italic style add your desired font weight followed by ‘i’, example for normal italic: 400i
** Wrap the content inside of this shortcode **
[aye_before_after] – Creates an before and after image slider. Supports the following attributes: 
* before – Before image URL 
* after – After image URL
[aye_counter] – Creates a number counter. The counter starts when your page loads. Supports the following attributes: 
* from – The number to start counting from 
* to – The number to stop counting at 
* speed – The number of milliseconds it should take to finish counting 
* refresh – The number of milliseconds to wait between refreshing the counter

AyeShortcodes

Helpful shortcodes with clean design, also a companion plugin for all themes available at AyeLabs. Build with developers, performance and user experie …

ShapedPlugin LLC

Rubel Miah

Shamim Mia

Md Khalil Uddin

<h3>Responsive WooCommerce Product Tabs & WordPress Tabs Builder Plugin</h3>
Smart Tabs (formerly WP Tabs) is a tab plugin designed for both WooCommerce and WordPress. It provides responsive tab layouts and customization options to create WooCommerce product tabs and WordPress tabs with no coding required.
🖥 <a href="https://demo.wptabs.com/" rel="nofollow ugc">Live Demo</a> | 📖 <a href="https://wptabs.com/docs/" rel="nofollow ugc">Documentation</a> | 🛟 <a href="https://shapedplugin.com/create-new-ticket/" rel="nofollow ugc">Support</a>
<h4>Key Benefits:</h4>
<ul>
<li>Organize rich content and keep shoppers engaged</li>
<li>Save space and reduce scrolling with clean tabbed layouts</li>
<li>Let visitors see everything at a glance</li>
<li>Improve navigation with contextual tabs</li>
<li>Boost engagement and drive more sales</li>
</ul>
<h4>Key Features List:</h4>
<ul>
<li>WooCommerce Custom Product Tabs – Add custom product tabs to product pages</li>
<li>WooCommerce Suggested Product Tabs – Showcase related & complementary items for cross-sells</li>
<li>Pre-made Tab Layouts – Create tabs in one click</li>
<li>Responsive Mobile Tabs – Tabs convert to full-width or accordion style on smaller screens</li>
<li>Nested / Multi-level Tabs – Structure content with tabs inside tabs</li>
<li>Flexible Tab Navigation – Switch tabs by clicking or mouseover</li>
<li>Drag & Drop Ordering – Reorder tabs easily by drag-and-drop, ID, title, or date</li>
<li>Tab Animations & Hover Effects – Add animations for interactions</li>
<li>Tabs Alignment Options – Left, right, top, bottom, center, or justified</li>
</ul>
<h4>Key Compatibility:</h4>
<ul>
<li>Works with major themes, WooCommerce plugins, and page builders</li>
<li>Multisite Supported – Activate network-wide or per site</li>
<li>Multilingual & RTL Ready – Compatible with WPML, Polylang, WeGlot, Loco Translate, TranslatePress, GTranslate, qTranslate-x, and more</li>
</ul>
<h3>Upgrade to Smart Tabs Pro</h3>
<a href="https://wptabs.com/" rel="nofollow ugc">Smart Tabs Pro</a> is a premium version that extends the functionality of the free plugin with additional features for WooCommerce product tabs and WordPress tabs.
<h3>🏆 What You Can Do with Smart Tabs Pro⚡</h3>
✅ WooCommerce Product Tabs: Add custom tabs and accordions globally or individually, positioned below or beside the product gallery. 
✅ Override Tabs Per Products: Create different content for specific products by overriding tabs while adding or editing products. 
✅ Custom Content Tabs: Create tabs with any type of content: texts, images, videos, shortcodes, and more. 
✅ Post Tabs: Build tabs displaying posts filtered by various taxonomies. 
✅ Horizontal and Vertical Tabs: Shape Horizontal & Vertical tabs with left and right placement options. 
✅ Nested/Multilevel Tabs: Add tabs within other tabs. 
✅ Tabs Carousels (Scrollable Tabs): Create scrollable tab carousels to display multiple tabs in a single row.
<h3>🏆 WooCommerce Product Tabs:</h3>
👉 Tabs Templates and Layouts: Access pre-designed tab layouts for your product pages.
👉 Product Tabs with Product Image Galleries: Include image galleries in tabs with grid or masonry layouts and adjustable column settings.
👉 Video Tab: Add video content to showcase reviews, tutorials, and promotions.
Supported video platforms:
<ul>
<li>YouTube</li>
<li>Vimeo</li>
<li>Wistia</li>
<li>TikTok</li>
<li>Self-hosted videos</li>
</ul>
👉 FAQ Tab: Include an FAQ section to address common customer questions.
👉 Contact Form Tab: Add a contact form to capture leads and inquiries.
👉 Download Tab: Provide access to all essential documents like technical specs, guides, warranties, charts, and more in one dedicated tab.
👉 Product-Specific Tabs: Add tabs to specific products, categories, or brands.
👉 Product Tabs as Accordion Layout: Display tabs in an accordion format for better space utilization.
👉 Hide or Override (Edit) Tabs Per Product: Hide or modify tabs for specific products as needed.
👉 Custom Related Products Tabs: Add related products tabs without relying on category or tag matching.
<h3>🏆 WordPress Tabs Features:</h3>
👉 Display Posts in Tabs: Organize blog posts, news, and pages into tabs with filtering options.
👉 Image & Video Gallery Tabs: Create image and video galleries within tabs.
👉 Tab Icons: Choose from FontAwesome icons or upload custom icons.
👉 Tab Connecting Arrow or Indicator: Add visual indicators connecting tabs to their content.
👉 Animations and Effects: Apply animations and hover effects to tabs.
👉 Responsive Design: Tabs automatically convert to accordions on mobile devices.
👉 Deep Links: Add deep links within tabs to direct users to specific content.
👉 Customization Options: Access extensive styling options including Google Fonts and design settings.
<h3>🛟 Support and Documentation</h3>
👉 Get all guidance at our <a href="https://wptabs.com/docs/" rel="nofollow ugc">Documentation</a> 
👉 Say Hi for support to the <a href="https://shapedplugin.com/create-new-ticket/?ref=1" rel="nofollow ugc">Plugin’s Support Team</a> 
👉 Explore more at <a href="https://wptabs.com/" rel="nofollow ugc">Smart Tabs</a>
Author – Backed By A Trusted Team 
Smart Tabs plugin is developed and maintained by <a href="https://shapedplugin.com/" rel="nofollow ugc">ShapedPlugin LLC</a>.

Custom Product Tabs for WooCommerce & WordPress Tabs Builder – Smart Tabs


Very use-full plugin with enough customising options for making tabs.


Good plugin with lots of

A customizable plugin to create and manage WooCommerce product tabs and WordPress tabs to organize content.

AyeShortcodes vs Custom Product Tabs for WooCommerce & WordPress Tabs Builder – Smart Tabs