# QuoteFrameShare – Beautiful Blockquotes with Citation, Copy & Social Share
[](https://paypal.me/hellosatya) [](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/askhellosatya/quoteframeshare/refs/heads/main/assets/blueprints/blueprint.json)
**Tags:** blockquote, social share, gutenberg, copy to clipboard, quotes
**Requires at least:** 5.8
**Tested up to:** 7.1
**Stable tag:** 3.2.0.2
**Requires PHP:** 8.3
**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.
2. Apply box shadow and background color for an elegant and professional quote appearance.
3. Easily control the visibility and size of the copy/share icons from block settings.
4. Customize the border, spacing, and padding of your quote block using Gutenberg controls.
---
## Changelog
### 3.2.0.1
- Minor fix: Issue [#17](https://github.com/askhellosatya/quoteframeshare/issues/17)
### 🆕 What's New (v3.2.0)
**Released:** July 20, 2025
- Fixed `"Attempt Block Recovery"` issue when re-editing the same page [#3](https://github.com/askhellosatya/quoteframeshare/issues/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](https://github.com/askhellosatya/quoteframeshare/issues/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](https://www.gnu.org/licenses/gpl-2.0.html)