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

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,mastodon"]
– Available: twitter, linkedin, facebook, telegram, whatsapp, email, raindrop, reddit, bluesky, line, mastodon, threads, pinterest, claude, chatgpt, google_ai, gemini, grok, perplexity, deepseek, mistral, copilot, qwen, meta_ai
style: Visual style to use
– Example: [ayudawp_share_buttons style="outline"]
– Options: minimal, brand, outline, dark, custom, icons-only
size: Button size preset
– Example: [ayudawp_share_buttons size="compact"]
– Options: compact, normal, large, fluid
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
ai_title: Section title for AI buttons group
– Example: [ayudawp_share_buttons ai_title="Summarize with AI"]
social_title: Section title for social buttons group
– Example: [ayudawp_share_buttons social_title="Share on social media"]
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 ai_title="Summarize with AI" social_title="Share" style="outline" show_icons="true"]
[ayudawp_share_buttons buttons="chatgpt,qwen,meta_ai,mastodon,threads" size="compact" style="brand"]
[ayudawp_share_buttons style="icons-only" icon_style="square" size="large"]
[ayudawp_share_buttons size="fluid" style="outline" show_icons="true"]
Since version 1.6.0, the plugin uses CSS custom properties for all brand colors. You can override these in your theme to change any platform color globally:
Override platform colors:
.ayudawp-share-buttons {
–ayudawp-claude: #ff0000;
–ayudawp-chatgpt: #00ff00;
}
Main container classes:
– .ayudawp-share-buttons – Main wrapper container
– .ayudawp-buttons-container – Direct container for all buttons
– .ayudawp-title – Title element before buttons
– .ayudawp-section-title – Section title with extra top margin
– .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
– .outline – Outline style (brand-colored borders)
– .minimal – Minimal style
– .dark – Dark background style
– .custom – Custom colors style
– .icons-only – Icons-only mode
– .with-icons – Text buttons with icons
– .circular – Circular icon buttons
– .square – Square icon buttons
Size modifier classes:
– .size-compact – Compact button size
– .size-large – Large button size
– .size-fluid – Fluid width buttons
Platform-specific classes (on buttons):
– .twitter, .linkedin, .facebook, .telegram, .whatsapp
– .email, .raindrop, .reddit, .bluesky, .line
– .mastodon, .threads, .pinterest
– .claude, .chatgpt, .google-ai, .gemini, .grok
– .perplexity, .deepseek, .mistral, .copilot
– .qwen, .meta-ai
– .ai – Applied to all AI platform buttons
Example: Change Claude button color:
.ayudawp-share-buttons {
–ayudawp-claude: #your-color;
}
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;
}
Customize or remove separator lines:
The main container has top and bottom border lines. You can hide or replace them:
.ayudawp-share-buttons {
border-top: none;
border-bottom: none;
}
Hide only the top separator:
.ayudawp-share-buttons {
border-top: none;
}
Replace with your own style:
.ayudawp-share-buttons {
border-top: 2px dashed #ccc;
border-bottom: 2px dashed #ccc;
}
Important notes:
– Since v1.6.0, !important is no longer needed for most overrides
– Use CSS custom properties to change brand colors cleanly
– Test on both desktop and mobile viewports
– Icons-only buttons have fixed dimensions (44px default, 36px compact, 54px large)
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.