Skip to content

QuoteFrameShare is a modern and lightweight Gutenberg block plugin that enables users to add beautiful, customizable blockquotes with optional citation, copy-to-clipboard functionality, and social sharing buttons (Facebook, WhatsApp, Telegram, and X/Twitter) — all in one block.

Notifications You must be signed in to change notification settings

askhellosatya/quoteframeshare

Repository files navigation

QuoteFrameShare – Beautiful Blockquotes with Citation, Copy & Social Share

PayPal Playground Demo Link

Tags: blockquote, social share, gutenberg, copy to clipboard, quotes
Requires at least: 5.8
Tested up to: 6.8.2
Stable tag: 3.2.0.1
Requires PHP: 7.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Add stylish quotes with citation, copy, and social share. Lightweight, privacy-friendly block plugin that works with all WordPress themes.


QuoteFrameShare – Create, Customize & Share Beautiful Blockquotes in WordPress

QuoteFrameShare is a modern WordPress quote plugin and Gutenberg block that lets you add elegant blockquotes with optional citations, copy-to-clipboard, and social share buttons. Designed for content creators, poets, authors, and storytellers, it’s perfect for showcasing quotes, testimonials, verses, or bite-sized wisdom. Lightweight, privacy-first, and compatible with any theme — this block plugin delivers fast performance without bloat or tracking. Whether you're sharing words that inspire or insights that convert, QuoteFrameShare helps you do it beautifully.


Key Benefits

  • Fast & Easy: Add stylish, responsive blockquotes in seconds.
  • Increase Engagement: Let visitors copy or share quotes via Facebook, WhatsApp, Telegram, and X (Twitter).
  • Fully Customizable: Adjust fonts, colors, borders, and more to match your site.
  • Private by Design: 100% open source, no tracking, no upsells, no external assets.
  • SEO & Accessibility: Clean markup, accessible controls, and mobile ready.

Features

  • Gutenberg Block: Place blockquotes anywhere in posts/pages.
  • Design Controls: Customize background, text, border, shadow, padding, margin, and width.
  • Separate Typography: Control fonts for quote and citation independently.
  • Citation Field: Attribute quotes easily.
  • Copy to Clipboard: With instant “Copied!” feedback.
  • Social Share Buttons: Toggle Facebook, WhatsApp, Telegram, and X (Twitter) per block.
  • Font Awesome Icons: Choose your icon; always in official brand colors.
  • Mobile Friendly: Touch-optimized, inline icons, fully responsive.
  • Multilingual: Compatible with any language or script.
  • Bundled Assets: No external requests—for privacy and speed.

Quick Start

  1. Add the Block: Insert QuoteFrameShare in the editor.
  2. Write Your Quote: Enter your quote and (optionally) a citation.
  3. Customize: Style, typography, and social icons—all via sidebar controls.
  4. Share or Copy: Visitors copy or share your quote with one click.

Documentation

Block Settings

  • Settings Panel:
    Toggle social icons, select Font Awesome icon, switch brand colors, copy button, typography, and colors.
  • Style Panel:
    Adjust padding, margin, border radius/style, shadow, and max width.

Social Sharing

  • Facebook: Shares quote + URL.
  • WhatsApp: Shares quote + URL (mobile optimized).
  • Telegram: Shares quote + URL.
  • X (Twitter): Shares quote + URL.

Copy to Clipboard

  • Copies quote and citation (if present).
  • Displays a “Copied!” alert.

FAQ

Can I customize the block style?
Yes—change background, text, border, shadow, padding, margin, and typography for both quote and citation.

Can I disable certain social icons?
Absolutely. Toggle each icon in block settings.

Does it support Hindi or Unicode text?
Yes, any language or script is supported.

Will it slow down my site?
No. It’s lightweight, loads only what’s needed, and uses no external assets.

Is it compatible with my theme?
Works with any modern WordPress theme.


Screenshots

  1. A beautifully styled quote block using QuoteFrameShare plugin. Shows border, background, shadow, and citation styling with copy and share buttons.

QuoteFrameShareDemo

  1. Apply box shadow and background color for an elegant and professional quote appearance.

Block_BoxShadow_QuoteBlock_BG

  1. Easily control the visibility and size of the copy/share icons from block settings.

BlockSettings_Icon_hide size

  1. Customize the border, spacing, and padding of your quote block using Gutenberg controls.

BlockStyle_Border Spacing


Changelog

3.2.0.1

  • Minor fix: Issue #17

🆕 What's New (v3.2.0)

Released: July 20, 2025

  • Fixed "Attempt Block Recovery" issue when re-editing the same page #3
  • Improved frontend script recovery and block styling
  • Added src/ folder for better file organization and future development
  • Cleaned up code for better readability and performance
  • Minor UI/UX improvements

3.1.8.11

  • Improved Font Awesome icon compatibility
  • Fixed missing icons
  • Enhanced X (Twitter) icon options
  • Minor CSS & accessibility improvements
  • Documentation updates

2.1.8

  • Separate typography controls for quote/citation
  • Added X (Twitter) icon
  • Customizable block shadow, padding, margin, border style
  • Improved scalable SVG social icons
  • Copy button with "Copied!" alert
  • Plugin row "View details" link
  • Tested up to WP 6.8

1.0.0

  • Initial release

Upgrade Notice

  • 3.2.0.1 Fixes issue #17
  • 3.2.0: Fixes "Attempt Block Recovery" issue and improves styling, structure, and frontend script handling.
  • 2.1.8: More customization, X (Twitter) icon, improved icons, copy alert.
  • 1.0.0: Initial release.

Installation

  1. Download or clone this repository.
  2. Upload the quoteframeshare folder to /wp-content/plugins/.
  3. Activate via WordPress admin.
  4. Add the QuoteFrameShare block in Gutenberg.

Contributors

"The heartbeat of open source: You!"Thanks to all who submitted code, fixed issues, or reviewed PRs:


Support & Feedback

For issues, feature requests, or contributions, open an issue or pull request on GitHub.


License

GPLv2 or later https://www.gnu.org/licenses/gpl-2.0.html

About

QuoteFrameShare is a modern and lightweight Gutenberg block plugin that enables users to add beautiful, customizable blockquotes with optional citation, copy-to-clipboard functionality, and social sharing buttons (Facebook, WhatsApp, Telegram, and X/Twitter) — all in one block.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •