Public Website

Every MyCup tournament comes with an automatically generated public website. Your tournament website provides a professional online presence where fans, participants, and media can access information about your tournament. See example tournament website

Overview

Your tournament website features:

• Automatic Generation: Website created automatically when you create your tournament
• Automatic Publishing: Website is live immediately, no manual publishing required
• Responsive Design: Works perfectly on all devices (mobile, tablet, desktop)
• Mobile App Installation: Install as PWA app on iOS and Android devices
• Real-Time Updates: Data synchronizes automatically from your dashboard
• SEO Optimized: Good search engine visibility
• Public Access: Website is publicly accessible to everyone

Website Features

Available Pages

Your tournament website includes the following pages:

Homepage

• Tournament overview
• Recent results
• Upcoming matches
• Important announcements

Matches Page

• Full fixture list
• Recent results with scores
• Upcoming fixtures
• Match details

Results Page

• League tables (for group stages)
• Knockout brackets
• Group standings
• Top scorers
• Top assistants

Teams/Participants Page

• All participating teams or individual participants
• Team/participant profiles
• Logos and photos
• Squad lists (for team sports)

Registration Page (if enabled)

• Team/participant registration form
• Registration requirements
• Deadline information

Sponsors Page (premium feature)

• Showcase tournament sponsors
• Sponsor logos and descriptions
• Links to sponsor websites
• Professional sponsor display

Accessing Website Settings

Navigate to Settings > Website Settings in your dashboard to configure your tournament website.

Website Configuration

Website URL

Your tournament website URL format:

https://mycup.me/tournament/{tournament-id}

Example: https://mycup.me/tournament/axbp71lzht

Custom Domains:

• Custom domains are not available out of the box
• Contact us if you need a custom domain for your tournament
• Available for premium tournaments by request

Website Visibility

Your tournament website is publicly accessible by default. The website is published automatically when you create your tournament - no manual publishing is required.

Website Language

Your tournament website displays in a single language:

• Language is set in website settings
• Available languages: 15+ languages including English, Spanish, Portuguese, German, French, Italian, Polish, Russian, Ukrainian, Turkish, Czech, Dutch, Swedish, Norwegian, Belarusian
• Language switcher is not available - website shows only the selected language
• Change language anytime in website settings

Page Visibility Settings

Control which pages are shown on your public website:

Enable/Disable Pages:

• ✓ Matches - Show fixture list and results
• ✓ Results - Show standings, tables, and top scorers
• ✓ Teams/Participants - Show team or participant directory
• ✓ Registration - Show sign-up form (if enabled)
• ✓ Sponsors - Show sponsors page (premium feature)

Configure page visibility in Website Settings > Page Visibility.

Registration Settings

Enabling Registration

Allow teams or participants to register via your website:

1. Go to Website Settings > Participant Registration
2. Enable "Participant registration enabled"
3. Set registration period (start/end dates)
4. Configure required fields
5. Registration form will appear automatically on your website

Registration Form Fields

Available form fields:

• Name (required)
• Contact email (required)
• Contact phone (optional)
• Logo/photo upload (optional)
• Additional message (optional)

Registration Period

Set when registration is available:

• Start Date: When registration opens
• End Date: Registration deadline
• Timezone: Uses tournament timezone
• Registration form automatically shows/hides based on dates

Sponsors (Premium Feature)

Overview

The Sponsors feature allows you to showcase your tournament sponsors on your public website. This premium feature is available with premium plans and helps you:

• Give recognition to tournament sponsors
• Provide professional sponsor visibility
• Drive traffic to sponsor websites
• Enhance tournament credibility

Accessing Sponsors Feature

Requirements:

• Premium plan with sponsors feature enabled
• Navigate to Dashboard > Sponsors to manage sponsors
• Configure display settings in Website Settings > Sponsors Page

Managing Sponsors

Adding a Sponsor:

1. Go to Dashboard > Sponsors
2. Click "New Sponsor"
3. Fill in sponsor information:
   • Name: Sponsor company or organization name (required)
   • Logo: Upload sponsor logo (16:9 aspect ratio recommended, max 2MB)
   • Website URL: Sponsor website link (optional)
   • Description: Brief sponsor description or bio (optional)
   • Enable clickable link: Allow visitors to click logo to visit sponsor website
   • Active: Show or hide sponsor on website
   • Sort Order: Control display order (lower numbers appear first)

Sponsor Logo Guidelines:

• Recommended size: 800×450 pixels (16:9 aspect ratio)
• Format: PNG, JPG, or WebP
• Maximum file size: 2MB
• Logos are automatically optimized for web display

Managing Multiple Sponsors:

• Drag and drop to reorder sponsors
• Use sort order field for precise control
• Deactivate sponsors without deleting them
• Edit sponsor details anytime

Sponsor Display

Sponsor Section (All Pages):

Sponsors appear in a dedicated section before the footer on all website pages:

• Shows up to 8 sponsors in a horizontal layout
• Logos displayed in grayscale with color on hover
• Click logo to visit sponsor website (if enabled)
• Link to full sponsors page (if enabled)
• Responsive design for all devices

Dedicated Sponsors Page:

When enabled, a dedicated sponsors page shows all active sponsors:

• Professional grid layout (3 columns on desktop)
• Full sponsor information and descriptions
• Sponsor logos with click-through to websites
• "Visit website" call-to-action buttons
• Accessible via /sponsors URL path

Sponsors Page Settings

Configure sponsors display in Website Settings > Sponsors Page:

Sponsors Page Enabled:

• Enable or disable the dedicated sponsors page
• When disabled, sponsors still appear in footer section
• When enabled, "View all sponsors" link appears in footer section

Sponsors Section Title:

• Customize the title shown above sponsors
• Default: "Our Sponsors" (translated to website language)
• Leave empty to use default translation
• Custom title overrides translation

Sponsors Section Description:

• Customize the description text
• Default: "Thank you to our sponsors for supporting this tournament"
• Leave empty to use default translation
• Custom description overrides translation

Sponsor Features

Clickable Links:

• Enable/disable per sponsor
• When enabled, clicking logo opens sponsor website
• Opens in new browser tab
• Includes proper security attributes

Logo Optimization:

• Automatic thumbnail generation
• Fast loading with lazy loading
• Responsive sizing for all devices

Display Control:

• Show/hide individual sponsors via active toggle
• Control display order with sort field
• Reorder by dragging in admin panel
• Preview before publishing

Use Cases

Tournament Sponsors:

• Display main event sponsors
• Showcase partner organizations
• Recognize financial supporters
• Feature media partners

Local Business Sponsors:

• Highlight local business supporters
• Provide valuable exposure
• Drive traffic to sponsor websites
• Build community relationships

Institutional Partners:

• Feature supporting organizations
• Display government partners
• Show educational institutions
• Recognize sports associations

Best Practices

Logo Quality:

• Use high-resolution logos
• Maintain consistent aspect ratio (16:9)
• Ensure logos are clear and readable
• Use transparent backgrounds when possible

Sponsor Information:

• Keep descriptions concise
• Highlight sponsor contribution
• Include working website links
• Update sponsor info regularly

Display Management:

• Order by sponsor tier or importance
• Group similar sponsors together
• Keep active sponsors up-to-date
• Remove outdated sponsors promptly

Promotion:

• Share sponsors page with sponsors
• Include sponsors in tournament communications
• Tag sponsors on social media
• Provide sponsor visibility reports

Customization Options

Title Customization:

Default: "Our Sponsors"
Custom examples:
- "Tournament Partners"
- "Thank You to Our Sponsors"
- "Supported By"
- "{Tournament Name} Sponsors"

Description Customization:

Default: "Thank you to our sponsors for supporting this tournament"
Custom examples:
- "We are grateful to our sponsors for making this tournament possible"
- "This tournament is proudly supported by the following organizations"
- "Special thanks to our partners"
- "Meet the organizations supporting {Tournament Name}"

Multilingual Support

The sponsors feature is fully translated:

• Sponsor section automatically uses website language
• Default title/description translated to 15+ languages
• Custom title/description override translations
• Consistent experience across all languages

Supported Languages:

• English, Spanish, Portuguese, Russian
• German, Polish, French, Italian
• Dutch, Swedish, Norwegian, Czech
• Ukrainian, Turkish, Belarusian

Real-Time Features

Live Scores

Your website shows live updates:

• Match results update automatically when you enter them in the dashboard
• Standings update in real-time as results are entered
• No page refresh needed for visitors
• All data synchronizes instantly

Automatic Updates

All tournament data updates automatically:

• Match schedules and results
• League tables and standings
• Top scorers and assistants
• Team/participant information
• Knockout brackets

Mobile Experience

Responsive Design

Your tournament website works perfectly on all devices:

• Mobile phones (iOS, Android)
• Tablets (iPad, etc.)
• Desktop computers
• Large displays

Mobile Features

Mobile-optimized experience:

• Touch-friendly navigation
• Fast loading times
• Easy access to key information
• No app download required

Mobile App Installation (PWA)

Overview

Your tournament website can be installed as a mobile app on smartphones and tablets through Progressive Web App (PWA) technology. This allows fans and participants to access your tournament with a single tap from their home screen, just like a native app.

Benefits:

• Quick Access: Tournament appears on phone home screen with custom icon
• App-Like Experience: Opens in full-screen mode without browser UI
• Offline Capability: Basic functionality available even without internet
• No App Store: No need to download from App Store or Google Play
• Automatic Updates: Always shows latest tournament data

Installation Instructions Page

A dedicated installation guide is available on your tournament website at:

https://mycup.me/tournament/{tournament-id}/install-app

This page provides step-by-step instructions for both iOS and Android devices.

Installing on iPhone (iOS/Safari)

Requirements:

• iOS 13 or later
• Safari browser (installation not available in Chrome or other browsers)

Steps:

1. Open your tournament website in Safari
2. Tap the Share button (square with arrow pointing up, bottom of screen)
3. Scroll down and tap "Add to Home Screen"
4. Tap "Add" in the top right corner
5. Tournament app icon appears on your home screen

Note: The Share button is at the bottom of the screen on iPhone, or at the top on iPad.

Installing on Android (Chrome)

Requirements:

• Android 5.0 or later
• Chrome browser recommended

Steps:

1. Open your tournament website in Chrome
2. Tap the three-dot menu (⋮) in the top right corner
3. Tap "Add to Home screen" or "Install app"
4. Tap "Add" or "Install" to confirm
5. Tournament app icon appears on your home screen

Alternative Method: Many Android devices show an automatic "Install" banner at the bottom of the screen when you visit the website. Simply tap "Install" on that banner.

Custom App Icon (Premium Feature)

Tournaments with the Images feature enabled can upload a custom app icon:

Accessing Custom Icon Settings:

1. Go to Settings > Website Settings > General
2. Scroll to "Custom App Icon"
3. Upload a square image (512×512px or larger recommended)
4. Icon appears when users install your tournament as an app

Icon Requirements:

• Aspect Ratio: Must be square (1:1)
• Recommended Size: 512×512 pixels or larger
• Format: PNG, JPG, or WebP
• Maximum File Size: 2MB
• Built-in Editor: Crop and adjust using the image editor

Default Behavior: Tournaments without a custom icon use the professional MyCup logo automatically.

App Icon Best Practices

Design Guidelines:

• Use simple, recognizable designs
• Ensure icon works at small sizes
• Use high contrast for visibility
• Avoid text if possible (icons are small)
• Test on actual devices

Branding:

• Use tournament logo or emblem
• Maintain consistent colors with tournament branding
• Create dedicated app icon design for best results
• Consider creating a simplified version of tournament logo

Home Screen Appearance

When installed, your tournament app appears with:

• App Name: Tournament name + season (e.g., "Summer League 2024")
• App Icon: Custom icon (if uploaded) or MyCup logo
• Launch Behavior: Opens directly to tournament homepage
• Full Screen: No browser address bar or navigation
• Standalone Mode: Feels like a native app

Promoting App Installation

On Home Page: An "Install App" button appears in the statistics dashboard on your tournament homepage, making it easy for visitors to find installation instructions.

QR Code: Users can scan the homepage QR code on mobile devices to quickly access the tournament and install it.

Social Media: Share the installation page link (/install-app) on social media to encourage fans to install the app.

Registration: Promote app installation to registered participants for easy access to schedules and results.

Technical Details

Progressive Web App Features:

• Service worker for offline functionality
• Web app manifest with tournament-specific metadata
• Mobile-optimized responsive design
• Fast loading with cached assets
• Automatic updates when new data is available

Browser Support:

• iOS Safari: ✓ Fully supported (iOS 13+)
• Android Chrome: ✓ Fully supported (Android 5+)
• Other browsers: Limited support (use recommended browsers)

Icon Specifications:

• 192×192 and 512×512 sizes generated automatically
• PNG format with transparency support
• Maskable icon support for adaptive icons
• Optimized for various device pixel densities

Troubleshooting

Installation Option Not Showing (iOS)

Cause: Not using Safari browser

Solution: Open tournament website in Safari specifically. Installation only works in Safari on iOS devices.

Installation Option Not Showing (Android)

Causes: Using unsupported browser or website already installed

Solutions:

1. Use Chrome browser (recommended)
2. Check if app is already installed on home screen
3. Try opening in incognito/private mode first
4. Ensure you're using Chrome (not Samsung Internet or other browsers)

Custom Icon Not Appearing

Causes: Icon upload issue or browser cache

Solutions:

1. Verify icon is uploaded in Website Settings > General
2. Ensure icon file is square (1:1 aspect ratio)
3. Re-upload icon if necessary
4. Clear browser cache and reinstall app
5. Check that you have Images feature enabled in your plan

App Not Opening After Installation

Cause: Browser or system issue

Solutions:

1. Long-press app icon and select "Open" or "Launch"
2. Restart your device
3. Reinstall the app (delete from home screen and install again)
4. Ensure stable internet connection

Social Media Integration

Social Sharing

Visitors can share content from your website:

• Share buttons on pages
• Match results
• Standings
• Team profiles

Social Media Links

Link to your social accounts in website settings:

• Facebook page or group
• Twitter/X account
• Instagram profile
• YouTube channel
• Other social media platforms

Premium Features

The following features are not available out of the box but can be added for premium tournaments by request. Contact us if you need any of these features:

Visual Customization (Coming Soon - Premium Plan)

• Custom colors and branding
• Custom logo and images
• Typography customization
• Advanced styling options

Website Statistics (Coming Soon - Premium Plan)

• Visitor count
• Page views
• Popular pages
• Traffic sources
• Device breakdown

Custom Domain (By Request)

• Use your own domain instead of mycup.me subdomain
• Full SSL/HTTPS included
• DNS configuration assistance

Advanced Features (By Request)

• Custom CSS styling
• White label (remove MyCup branding)
• API access
• Additional customization options

Note: All premium features can be added to your tournament by request. Contact us to discuss your needs.

Common Website Tasks

Before Tournament Starts

• Configure website settings
• Enable/disable pages as needed
• Set up registration if needed
• Add social media links
• Share website URL with participants

During Tournament

• Website updates automatically as you enter results
• No manual updates needed
• Monitor registration requests (if enabled)
• Share website on social media

After Tournament

• Website remains live with final results
• All data preserved
• Can be used as tournament archive

Best Practices

Content Management

• Enter match results promptly for real-time updates
• Keep participant information up-to-date
• Use high-quality logos and photos
• Test website on mobile devices

Registration

• Set clear registration deadlines
• Respond to registration requests promptly
• Communicate registration requirements clearly
• Monitor registrations regularly

Promotion

• Share website URL on social media
• Include website link in communications
• Promote registration page to potential participants
• Use website for tournament announcements

Website Settings Reference

Main Settings

Website Settings > General:

• Website language
• Tournament name and description
• Logo upload
• Custom app icon (premium feature with Images enabled)

Website Settings > Page Visibility:

• Enable/disable Matches page
• Enable/disable Results page
• Enable/disable Teams/Participants page
• Enable/disable Registration page

Website Settings > Participant Registration:

• Enable/disable registration
• Registration period (from/to dates)
• Required form fields

Website Settings > Sponsors Page (premium feature):

• Enable/disable sponsors page
• Custom sponsors section title
• Custom sponsors section description

Website Settings > Social Media:

• Facebook link
• Twitter link
• Instagram link
• YouTube link
• Other social links

Troubleshooting

Website Not Showing Data

Cause: No data entered yet in dashboard

Solution: Add participants, generate matches, and enter results in your dashboard. Data will appear automatically on website.

Registration Not Showing

Cause: Registration not enabled or outside registration period

Solution: Check Website Settings > Participant Registration and verify it's enabled with valid dates.

Changes Not Appearing

Cause: Browser cache

Solution: Hard refresh your browser (Ctrl+F5 or Cmd+Shift+R) or clear browser cache.

Page Not Showing

Cause: Page disabled in settings

Solution: Go to Website Settings > Page Visibility and enable the page.

Sponsors Not Showing

Cause: Multiple possible causes

Solutions:

1. Verify you have a premium plan with sponsors feature enabled
2. Check that you have added active sponsors in Dashboard > Sponsors
3. Ensure sponsors page is enabled in Website Settings > Sponsors Page
4. Confirm sponsors are marked as "Active" in the sponsors admin
5. Hard refresh browser (Ctrl+F5 or Cmd+Shift+R) to clear cache

Sponsor Logos Not Displaying

Cause: Logo file issues or upload problems

Solutions:

1. Ensure logo file is under 2MB
2. Use supported formats (PNG, JPG, WebP)
3. Re-upload logo if it appears broken
4. Check that logo is 16:9 aspect ratio for best display

Next Steps

Now that your website is configured:

1. Add Participants: Add teams or participants to display on website
2. Generate Matches: Create your match schedule to show fixtures
3. Enter Results: Enter match results to update standings automatically

Your tournament website is automatically published and ready to share. No manual publishing is required - just configure your settings and your website is live!