Ronak Ganatra

<p>Normal WordPress gutenberg block do not show How the shortcode will output frontside, so we have created a similar gutenberg block which can preview the shortcode result on editor side.</p>


Shortcode Preview Block

It makes creating layout for complex pages and e.g. shortcodes for images referenced from DAM much easier!

Great plugin

Shows preview of any shortcode on editor side. It renders shortcode in the editor side so editor does not need to visit front side.

wbcomdesigns

Varun Dubey

<p><strong>Audio Preview for WooCommerce</strong> transforms your online store by adding professional audio preview functionality to any WooCommerce product. Perfect for music stores, audiobook shops, sound effect libraries, and any business selling digital or physical audio content.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Multiple Audio Formats</strong>: Full support for MP3, WAV, OGG, M4A, AAC, FLAC, WMA, and WEBM files</li>
<li><strong>CDN Integration</strong>: Direct support for Google Drive, SoundCloud, Dropbox, Amazon S3, and CloudFront</li>
<li><strong>Clean Interface</strong>: Modern, responsive audio player that adapts to any theme</li>
<li><strong>Easy Management</strong>: Simple 3-field layout for quick audio preview setup</li>
<li><strong>Mobile Optimized</strong>: Touch-friendly controls and responsive design</li>
<li><strong>Smart Validation</strong>: Real-time URL validation with automatic CDN detection</li>
</ul>
<h3>Perfect For</h3>
<ul>
<li><strong>Music Stores</strong>: Preview tracks before purchase</li>
<li><strong>Audiobook Shops</strong>: Sample chapters and excerpts</li>
<li><strong>Sound Libraries</strong>: Demo sound effects and loops</li>
<li><strong>Educational Content</strong>: Course previews and lessons</li>
<li><strong>Podcast Stores</strong>: Episode samples and teasers</li>
</ul>
<h3>How It Works</h3>
<ol>
<li>Edit any WooCommerce product</li>
<li>Find the “Audio Preview Items” section</li>
<li>Add up to 3 audio previews with names and URLs</li>
<li>Save your product – previews appear automatically on the frontend</li>
</ol>
<p>The plugin supports both direct file uploads through the WordPress Media Library and external URLs from popular services like Google Drive, SoundCloud, and Dropbox.</p>
<h3>Audio Sources Supported</h3>
<ul>
<li><strong>Local Files</strong>: Upload directly to WordPress Media Library</li>
<li><strong>Google Drive</strong>: Share audio files from your Google Drive</li>
<li><strong>SoundCloud</strong>: Embed tracks directly from SoundCloud</li>
<li><strong>Dropbox</strong>: Use shared Dropbox links for audio hosting</li>
<li><strong>Amazon S3</strong>: Professional cloud storage integration</li>
<li><strong>CloudFront</strong>: CDN-optimized audio delivery</li>
<li><strong>Direct URLs</strong>: Any publicly accessible audio file</li>
</ul>
<h3>Technical Features</h3>
<ul>
<li><strong>Lazy Loading</strong>: Audio files load only when needed for better performance</li>
<li><strong>Progress Tracking</strong>: Visual progress bars with time display</li>
<li><strong>Error Handling</strong>: Graceful fallback for unsupported formats</li>
<li><strong>Accessibility</strong>: Screen reader support and keyboard navigation</li>
<li><strong>Security</strong>: XSS protection and input validation</li>
<li><strong>Theme Compatible</strong>: Neutral design works with any WordPress theme</li>
</ul>
<h3>Pro Version Available</h3>
<p>Upgrade to <strong>Audio Preview Pro</strong> for advanced features:</p>
<ul>
<li>Unlimited audio previews per product</li>
<li>Multi-vendor marketplace support (Dokan, WCFM, WC Vendors)</li>
<li>Audio watermarking and protection</li>
<li>Custom player themes and colors</li>
<li>Bulk import functionality</li>
<li>Preview duration control</li>
<li>Advanced analytics and tracking</li>
<li>Priority support</li>
</ul>
<p><a href="https://wbcomdesigns.com/downloads/woo-audio-preview-pro/" rel="nofollow ugc">Learn more about Pro features</a></p>
<h3>Support & Documentation</h3>
<ul>
<li><a href="https://docs.wbcomdesigns.com/doc_category/woo-audio-preview/" rel="nofollow ugc">Complete Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/woo-audio-preview/" rel="ugc">Community Support Forum</a></li>
<li><a href="https://wbcomdesigns.com/woo-audio-preview-tutorials/" rel="nofollow ugc">Video Tutorials</a></li>
</ul>
<h3>Additional Info</h3>
<h3>Browser Compatibility</h3>
<ul>
<li>Chrome (recommended)</li>
<li>Firefox</li>
<li>Safari</li>
<li>Edge</li>
<li>Mobile browsers (iOS Safari, Chrome Mobile)</li>
</ul>
<h3>Performance</h3>
<ul>
<li>Lazy loading for optimal page speed</li>
<li>CDN support for reduced server load</li>
<li>Optimized JavaScript and CSS delivery</li>
<li>Minimal database queries</li>
</ul>
<h3>Security</h3>
<ul>
<li>Input sanitization and validation</li>
<li>XSS protection</li>
<li>Nonce verification for AJAX requests</li>
<li>Secure file handling</li>
</ul>
<h3>Developers</h3>
<p>The plugin follows WordPress coding standards and provides hooks for customization:</p>
<ul>
<li><code>wcap_allowed_audio_extensions</code> – Filter audio file types</li>
<li><code>wcap_audio_mime_types</code> – Modify MIME type detection</li>
<li><code>wcap_before_audio_preview</code> – Action before preview display</li>
<li><code>wcap_after_audio_preview</code> – Action after preview display</li>
</ul>
<p>For complete developer documentation, visit our <a href="https://github.com/wbcomdesigns/woo-audio-preview" rel="nofollow ugc">GitHub repository</a>.</p>
<h3>Credits</h3>
<p>Developed by <a href="https://wbcomdesigns.com/" rel="nofollow ugc">Wbcom Designs</a> – WordPress and BuddyPress specialists since 2015.</p>
<h3>Translations</h3>
<p>The plugin is translation-ready and includes POT files. Help us translate into your language!</p>
<ul>
<li>English (default)</li>
<li>Spanish – Coming soon</li>
<li>French – Coming soon</li>
<li>German – Coming soon</li>
</ul>
<p>Contribute translations at <a href="https://translate.wordpress.org/projects/wp-plugins/woo-audio-preview/" rel="nofollow ugc">translate.wordpress.org</a></p>


Audio Preview for WooCommerce

Add professional audio previews to your WooCommerce products. Let customers listen before they buy with support for all major audio formats and CDN se …

Shortcode Preview Block vs Audio Preview for WooCommerce