by Fernando Tellado on WordPress.org
Share on social media and generate summaries with citations from leading AIs (Claude, ChatGPT, Gemini, Grok, Perplexity, DeepSeek, Mistral, Copilot)

Share and AI summarize buttons in action on a post
AI Share & Summarize 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.
links with nofollow or elements to optimize your link profileThis plugin helps you:
[ayudawp_share_buttons] anywhere with extensive parameters links with nofollow or elementsThe [ayudawp_share_buttons] shortcode accepts several parameters:
buttons: Comma-separated list of buttons to display
– Example: [ayudawp_share_buttons buttons="claude,chatgpt,deepseek,twitter,reddit"]
– Available: twitter, linkedin, facebook, telegram, whatsapp, email, raindrop, reddit, bluesky, line, claude, chatgpt, google_ai, gemini, grok, perplexity, deepseek, mistral, copilot
style: Visual style to use
– Example: [ayudawp_share_buttons style="icons-only"]
– Options: default, brand, minimal, dark, icons-only
show_icons: Show icons with text (for non-icons-only styles)
– Example: [ayudawp_share_buttons show_icons="true" style="brand"]
– Options: true, false
icon_style: Icon corner style (for icons-only mode)
– Example: [ayudawp_share_buttons style="icons-only" icon_style="circular"]
– Options: circular, square
alignment: Button alignment
– Example: [ayudawp_share_buttons alignment="center"]
– Options: left, center
show_title: Show or hide the section title
– Example: [ayudawp_share_buttons show_title="false"]
– Options: true, false
title_text: Custom title text
– Example: [ayudawp_share_buttons title_text="Share this content"]
title_style: Title HTML element
– Example: [ayudawp_share_buttons title_style="h3"]
– Options: h3, h4, h5, h6, span
Combined examples:
[ayudawp_share_buttons buttons="claude,deepseek,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,mistral,copilot" 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"]
If you need to customize button colors or styles before a future design customization feature is available, here are the CSS classes and selectors you can use:
Main container classes:
– .ayudawp-share-buttons – Main wrapper container
– .ayudawp-buttons-container – Direct container for all buttons
– .ayudawp-title – Title element before buttons
– .ayudawp-aiss-centered – Applied when centered alignment is enabled
Button classes:
– .ayudawp-share-btn – Base class for all buttons (both and elements)
– .ayudawp-icon-wrapper – Container for button icons
– .ayudawp-button-text – Text label inside buttons
– .ayudawp-icon – SVG icon element
Style modifier classes:
– .brand – Brand colors style
– .minimal – Minimal style
– .dark – Dark background style
– .icons-only – Icons-only mode
– .with-icons – Text buttons with icons
– .circular – Circular icon buttons
– .square – Square icon buttons
Platform-specific classes (on buttons):
– .twitter, .linkedin, .facebook, .telegram, .whatsapp
– .email, .raindrop, .reddit, .bluesky, .line
– .claude, .chatgpt, .google-ai, .gemini, .grok
– .perplexity, .deepseek, .mistral, .copilot
– .ai – Applied to all AI platform buttons
Example: Change Claude button color:
.ayudawp-share-buttons.brand .ayudawp-share-btn.claude {
background: #your-color !important;
border-color: #your-color !important;
}
Example: Change all AI buttons background:
.ayudawp-share-buttons .ayudawp-share-btn.ai {
background: #f0f0f0;
}
Example: Hide specific button:
.ayudawp-share-btn.facebook {
display: none !important;
}
Example: Change button width:
.ayudawp-share-btn {
width: 200px !important;
}
Important notes:
– Use !important when overriding brand colors due to high specificity
– Test on both desktop and mobile viewports
– Icons-only buttons have fixed 44px dimensions
– Consider using browser developer tools to inspect elements
Love the plugin? Please leave us a 5-star review and help spread the word!
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.