Savas Sahin

<p>This plugin adds “Share with AI” buttons above the featured image in single blog posts, allowing users to send the post link directly to ChatGPT, Google Gemini, Perplexity AI, and Claude.</p>


Share with AI

Add share buttons to post pages so users can send links to AI tools like ChatGPT, Gemini, and others.

Fernando Tellado

Ayuda WordPress

<p><strong>AI Share & Summarize</strong> is the first free plugin published in WordPress.org that combines traditional social media sharing with the innovative functionality of generating summaries while citing the source in the top artificial intelligences.</p>
<h4>Main features</h4>
<ul>
<li><strong>Social networks</strong>: X (Twitter), LinkedIn, Facebook, Telegram, WhatsApp, Email, Raindrop</li>
<li><strong>Artificial intelligences</strong>: Claude, ChatGPT, Google AI, Gemini, Grok, Perplexity</li>
<li><strong>SEO optimization options</strong>: Choose between <code><a></code> links with nofollow or <code><button></code> elements to optimize your link profile</li>
<li><strong>Modern icon support</strong>: Beautiful SVG icons with icons-only mode for a sleek, modern look</li>
<li><strong>Smart automatic insertion</strong>: Configure exactly where and on which content types to display buttons</li>
<li><strong>Granular control by content type</strong>: Choose specific post types (posts, pages, products, etc.)</li>
<li><strong>Customizable AI prompt</strong>: Configure the message sent to AIs for better summaries</li>
<li><strong>Customizable title</strong>: Change the text before buttons and choose heading style (h3-h6 or span)</li>
<li><strong>Multiple insertion modes</strong>: Before content, after content, both positions, or shortcode only</li>
<li><strong>5 visual styles</strong>: Default, brand colors, minimal, dark backgrounds, and icons-only</li>
<li><strong>Flexible icon options</strong>: Add icons to any style or use pure icons-only mode with circular/square shapes</li>
<li><strong>Button ordering</strong>: Social first, AI first, or mixed arrangement</li>
<li><strong>Button alignment</strong>: Choose between left-aligned (default) or centered layout for title and buttons</li>
<li><strong>Data cleanup control</strong>: Optional automatic data deletion when plugin is uninstalled</li>
<li><strong>Fully responsive</strong>: Adapts to any device and theme with smart mobile layouts</li>
<li><strong>SEO optimized</strong>: Nofollow links and target=”_blank” by default, or use button elements</li>
<li><strong>Lightweight</strong>: Optimized modular structure with ultra-fast loading SVG icons</li>
<li><strong>Accessible</strong>: Complies with web accessibility standards with enhanced tooltips</li>
</ul>
<h4>New in version 1.2.0</h4>
<ul>
<li><strong>Google AI Mode support</strong>: Direct integration with Google’s AI Mode (available in most countries)</li>
</ul>
<h4>Why use this plugin?</h4>
<p>This plugin helps you:</p>
<ol>
<li><strong>Generate natural backlinks</strong>: When users summarize your content with AI, they cite your source</li>
<li><strong>Increase your reach</strong>: Combine traditional social sharing with AI power</li>
<li><strong>Build authority</strong>: Your content becomes a reference source for future queries</li>
<li><strong>Boost engagement</strong>: Users can interact with your content in multiple ways</li>
<li><strong>Optimize SEO</strong>: Choose the HTML element type that best fits your SEO strategy</li>
<li><strong>Stay ahead</strong>: Be among the first to leverage AI for content distribution</li>
<li><strong>Modern appearance</strong>: Icons-only mode provides a sleek, professional look</li>
</ol>
<h4>Advanced configuration</h4>
<ul>
<li><strong>Smart automatic insertion</strong>: Choose exactly where to insert buttons (before, after, both, or disabled)</li>
<li><strong>Content type control</strong>: Select specific post types from all registered in your WordPress</li>
<li><strong>Custom AI prompt</strong>: Optimize the message sent to AIs for better summaries with citation</li>
<li><strong>Custom title text</strong>: Configure the text shown before buttons or hide it completely</li>
<li><strong>Title style control</strong>: Choose between h3, h4, h5, h6 or span for the title element</li>
<li><strong>SEO optimization</strong>: Choose between traditional links or button elements for better link profile control</li>
<li><strong>X/Twitter mentions</strong>: Configure your profile for automatic mentions in shares</li>
<li><strong>Custom additional text</strong>: Add personalized text to AI prompts</li>
<li><strong>Visual styles</strong>: 5 predefined styles adaptable to any theme</li>
<li><strong>Advanced icon system</strong>: Show icons with text, icons-only mode, circular or square icons</li>
<li><strong>Button ordering</strong>: Organize buttons as social first, AI first, or mixed</li>
<li><strong>Button alignment</strong>: Choose left or centered alignment for a cleaner design</li>
<li><strong>Data management</strong>: Control whether plugin data is deleted on uninstall</li>
<li><strong>Shortcode flexibility</strong>: Use <code>[ayudawp_share_buttons]</code> anywhere with extensive parameters</li>
</ul>
<h4>SEO features</h4>
<ul>
<li><strong>Link element control</strong>: Choose between <code><a></code> links with nofollow or <code><button></code> elements</li>
<li><strong>No PageRank leakage</strong>: All links include rel=”nofollow noopener” by default</li>
<li><strong>Crawl budget optimization</strong>: Button elements are not crawled by search engines</li>
<li><strong>Clean link profile</strong>: Reduce the total number of outbound links on your pages</li>
<li><strong>Semantic markup</strong>: Button elements are semantically correct for action triggers</li>
<li><strong>Flexible configuration</strong>: Set different options for different pages using shortcodes</li>
</ul>
<h4>Icon system features</h4>
<ul>
<li><strong>Icons-only style</strong>: Modern button design showing only platform icons</li>
<li><strong>Icons with text</strong>: Add recognizable icons to the left of button text in any style</li>
<li><strong>Responsive design</strong>: Icons automatically adapt size and layout for mobile devices</li>
<li><strong>Lightweight SVG</strong>: Ultra-optimized icons for minimal performance impact</li>
<li><strong>Smart tooltips</strong>: Platform names appear on hover in icons-only mode</li>
<li><strong>Flexible shapes</strong>: Choose between circular or square corners for icons-only buttons</li>
</ul>
<h4>Special AI features</h4>
<ul>
<li><strong>Gemini integration</strong>: Automatically copies prompt to clipboard and opens Gemini</li>
<li><strong>Optimized prompts</strong>: Pre-configured messages for best summary results with citation</li>
<li><strong>Direct links</strong>: Each AI opens with the complete prompt ready to process</li>
<li><strong>Source citation</strong>: All prompts automatically include your content URL as source</li>
</ul>
<h4>Compatibility</h4>
<ul>
<li>Supports any WordPress theme following standards</li>
<li>Works with Custom Post Types automatically  </li>
<li>Optimized for WooCommerce products</li>
<li>Compatible with page builders (Elementor, Gutenberg, etc.)</li>
<li>Multi-language ready with automatic translations</li>
<li>No external dependencies or conflicts</li>
</ul>
<h3>Advanced Usage</h3>
<h4>Shortcode parameters</h4>
<p>The <code>[ayudawp_share_buttons]</code> shortcode accepts several parameters:</p>
<p><strong>buttons</strong>: Comma-separated list of buttons to display<br />
– Example: <code>[ayudawp_share_buttons buttons="claude,chatgpt,google_ai,twitter,linkedin"]</code><br />
– Available: twitter, linkedin, facebook, telegram, whatsapp, email, raindrop, claude, chatgpt, google_ai, gemini, grok, perplexity</p>
<p><strong>style</strong>: Visual style to use<br />
– Example: <code>[ayudawp_share_buttons style="icons-only"]</code><br />
– Options: default, brand, minimal, dark, icons-only</p>
<p><strong>show_icons</strong>: Show icons with text (for non-icons-only styles)<br />
– Example: <code>[ayudawp_share_buttons show_icons="true" style="brand"]</code><br />
– Options: true, false</p>
<p><strong>icon_style</strong>: Icon corner style (for icons-only mode)<br />
– Example: <code>[ayudawp_share_buttons style="icons-only" icon_style="circular"]</code><br />
– Options: circular, square</p>
<p><strong>alignment</strong>: Button alignment<br />
– Example: <code>[ayudawp_share_buttons alignment="center"]</code><br />
– Options: left, center</p>
<p><strong>show_title</strong>: Show or hide the section title<br />
– Example: <code>[ayudawp_share_buttons show_title="false"]</code><br />
– Options: true, false</p>
<p><strong>title_text</strong>: Custom title text<br />
– Example: <code>[ayudawp_share_buttons title_text="Share this content"]</code></p>
<p><strong>title_style</strong>: Title HTML element<br />
– Example: <code>[ayudawp_share_buttons title_style="h3"]</code><br />
– Options: h3, h4, h5, h6, span</p>
<p><strong>Combined examples:</strong></p>
<pre><code>[ayudawp_share_buttons buttons="claude,google_ai,twitter" style="brand" show_icons="true"]

[ayudawp_share_buttons style="icons-only" icon_style="circular"]

[ayudawp_share_buttons show_title="true" title_text="Share or Summarize" title_style="h3"]

[ayudawp_share_buttons buttons="chatgpt,google_ai,gemini" style="icons-only" icon_style="square" show_title="false"]

[ayudawp_share_buttons alignment="center" style="brand" show_icons="true"]

[ayudawp_share_buttons alignment="center" style="icons-only" icon_style="circular"]
</code></pre>
<h4>Custom CSS</h4>
<p><strong>You can customize the appearance using these CSS classes:</strong><br />
– Main container – <code>.ayudawp-share-buttons</code><br />
– Individual buttons (works for both <code><a></code> and <code><button></code>): <code>.ayudawp-share-btn</code><br />
– Buttons container: <code>.ayudawp-buttons-container</code><br />
– Title element: <code>.ayudawp-title</code><br />
– Icon container: <code>.ayudawp-icon-wrapper</code><br />
– Alignment modifier: <code>.ayudawp-aiss-centered</code><br />
– Button text (when used with icons): <code>.ayudawp-button-text</code><br />
– Style modifiers: <code>.brand</code>, <code>.minimal</code>, <code>.dark</code>, <code>.icons-only</code>, <code>.with-icons</code>, <code>.circular</code>, <code>.square</code><br />
– Platform-specific: <code>.google-ai</code>, <code>.gemini</code></p>
<h4>Icon customization</h4>
<p><strong>Icons are SVG-based and can be styled with CSS:</strong><br />
– Icons inherit the current text color with <code>stroke: currentColor</code><br />
– Icons-only buttons are 40px by default (36px on mobile)<br />
– Text+icon buttons use 16px icons<br />
– Circular icons use <code>border-radius: 50%</code><br />
– Square icons use <code>border-radius: 4px</code></p>
<h4>SEO customization</h4>
<p><strong>Control how buttons affect your SEO:</strong><br />
– Use <code><a></code> elements for better user experience and traditional sharing<br />
– Use <code><button></code> elements to reduce link count and save crawl budget<br />
– Both options prevent PageRank transfer with proper attributes<br />
– Configure globally in settings or per-page with shortcodes</p>
<h3>Technical Details</h3>
<h4>System requirements</h4>
<ul>
<li>WordPress 5.0 or higher</li>
<li>PHP 7.4 or higher (compatible up to PHP 8.3)</li>
<li>Theme compatible with wp_head() and wp_footer()</li>
</ul>
<h4>Performance features</h4>
<ul>
<li>Modular file structure for maximum efficiency</li>
<li>Conditional loading of resources</li>
<li>No external dependencies</li>
<li>Optimized CSS and JavaScript</li>
<li>Lightweight SVG icons (under 1KB each)</li>
<li>Minimal database impact</li>
<li>Smart responsive layouts</li>
</ul>
<h4>Developer features</h4>
<ul>
<li>Clean, documented code</li>
<li>WordPress coding standards compliant</li>
<li>Hook-based architecture</li>
<li>Modular class structure in /includes folder</li>
<li>Extensible icon system</li>
<li>Translation ready</li>
<li>Comprehensive shortcode API</li>
<li>SEO-friendly markup options</li>
</ul>
<h4>New in 1.2.0 architecture</h4>
<ul>
<li>Added Google AI button configuration</li>
<li>Enhanced button generation system for dual Google options</li>
<li>Updated icon system with new Google AI icon</li>
<li>Improved platform detection in frontend JavaScript</li>
<li>Better tooltip handling for multiple Google platforms</li>
</ul>
<h3>Support</h3>
<h4>Need help or have suggestions?</h4>
<ul>
<li><a href="https://servicios.ayudawp.com/" rel="nofollow ugc">Official website</a></li>
<li><a href="https://wordpress.org/support/plugin/ai-share-summarize/" rel="ugc">WordPress support forum</a></li>
<li><a href="https://www.youtube.com/AyudaWordPressES" rel="nofollow ugc">YouTube channel</a></li>
<li><a href="https://ayudawp.com/" rel="nofollow ugc">Documentation and tutorials</a></li>
</ul>
<p><strong>Love the plugin?</strong> Please leave us a 5-star review and help spread the word!</p>
<h3>About AyudaWP</h3>
<p>We are specialists in WordPress security, SEO, and performance optimization plugins. We create tools that solve real problems for WordPress site owners while maintaining the highest coding standards and accessibility requirements.</p>


AI Share & Summarize


I didn't even think about this, but it is super interesting. And it was super easy to setup.



Adding to the usual sharing buttons the possibility that the people can with just one click resume your contents is really awesome. I am really eager to see the results and if more people shares the contents now!It would be interesting to have:- An option to show the "Shared XX times", "XX People already did share this" or something like this.- And also that we admins can internally see how many times people used each option, most shared posts etc. 


Easy and awesome

Share on social media and generate summaries with citations from all the top AIs (Claude, ChatGPT, Google AI, Gemini, Grok, Perplexity)

Share with AI vs AI Share & Summarize