Skip to main content
UIKit Component: Sharing components are built on top of the social.plus UIKit, providing ready-to-use sharing interfaces with customizable copy and native share sheet functionality across all supported content types.

Feature Overview

The Sharing UIKit components provide comprehensive tools for enabling content sharing throughout your application. Users can share posts, profiles, communities, and live streams through two primary methods: copying shareable links or using native platform share sheets. These components integrate seamlessly across multiple pages and content types.

Key Features

Dual Share Options

Copy link and native sharing - Copy shareable links to clipboard - Native platform share sheet integration - Consistent sharing experience across content types - Platform-optimized sharing workflows

Customizable Interface

Flexible UI customization - Custom icons and text labels - Page-specific configurations - Theme-consistent styling - Brand-aligned messaging
UIKit Sharing Interface
The sharing functionality is available across these key areas of your application:
LocationShare TypesDescription
User Profile PageProfile linksShare user profiles for networking and discovery
Community Profile PageCommunity linksShare community pages to grow membership
Post Content ComponentPost linksShare individual posts across all post types
Post Detail PagePost linksShare posts from detailed view
Live Stream Player PageLive stream linksShare active live streams
Create Live Stream PageLive stream linksShare live stream setup and promotion
Clip Feed PageClip linksShare video clips from feed views

Customization

  • User Profile Sharing
  • Community Sharing
  • Post Content Sharing
  • Live Stream Sharing
Enable sharing for user profiles and networkingUser profile sharing allows users to share their own profiles or other users’ profiles for networking, collaboration, and community building purposes.

Customization Options

Config IDTypeDescription
user_profile_page/*/share_linkElementCustomize share button icon and text
user_profile_page/*/copy_linkElementCustomize copy button icon and text

Best Practices

  • Clear Visual Feedback: Provide immediate feedback when links are copied
  • Consistent Placement: Position share options consistently across similar content types
  • Contextual Messaging: Use content-specific share messages and labels
  • Accessibility: Ensure share buttons are accessible with proper labels and touch targets
  • Brand Consistency: Use consistent icons and messaging that match your brand - Platform Optimization: Customize labels for platform-specific sharing conventions - Content Context: Tailor share messages to the specific content being shared - User Guidance: Use clear, action-oriented text for share and copy buttons
  • Lazy Link Generation: Generate share links only when sharing is initiated
  • Error Handling: Implement graceful error handling for failed share operations
  • Network Optimization: Cache share configurations to minimize API calls
  • Background Processing: Handle link generation without blocking the UI

Common Use Cases

  • Content Virality: Enable easy sharing to increase content reach and engagement
  • Community Growth: Share community links to attract new members and expand reach
  • User Acquisition: Use profile sharing for networking and user discovery
  • Live Engagement: Share live streams to maximize viewer participation
  • Content Discovery: Share interesting posts to help users discover new content

Troubleshooting

Problem: Share buttons are not visible in expected locationsSolutions:
  • Verify sharing functionality is enabled in your app configuration
  • Check that URL patterns are properly configured in the social.plus console
  • Ensure proper authentication and permissions for content access
  • Validate that the content exists and is accessible
// Verify share configuration
let config = AmityUIKitManager.getShareConfiguration()
if config.isEnabled {
    // Sharing should be available
}
Problem: Copy to clipboard functionality not workingSolutions:
  • Check clipboard permissions on the platform
  • Verify that the generated link is valid
  • Ensure proper error handling for clipboard operations
  • Test on different devices and platforms
try {
  await navigator.clipboard.writeText(shareLink);
  // Show success feedback
} catch (error) {
  // Handle clipboard permission or other errors
  console.error('Copy failed:', error);
}
Problem: Native share sheet not opening or functioning correctlySolutions:
  • Verify platform-specific share sheet permissions
  • Check that the content and link are properly formatted
  • Ensure the app has proper entitlements for sharing
  • Test with different content types and platforms
// iOS share sheet validation
if UIActivityViewController.canPerform(activity: .postToFacebook) {
    // Share sheet should work
}
Implementation Strategy: Start by enabling sharing in high-engagement areas like post feeds and user profiles. Configure consistent branding and messaging across all sharing locations. Test both copy and native share functionality on all target platforms. Consider analytics tracking to understand which sharing methods users prefer and optimize accordingly.