Website Editor

The Website Editor is where you build and publish your tournament's public website. It replaces the old Website Settings page: instead of a stack of forms, you get a visual, drag-and-drop builder with a live preview and a clear draft → publish workflow.

Find it in the dashboard under Website > Website Editor.

Coming from the old Website Settings page? Everything you used to do there now lives in the Website Editor — page visibility, theme, registration, sponsors, PWA icon, home layout. The main difference: changes are now saved as a draft and go live only when you press Publish.

Draft, Preview, Publish#

The biggest change from before: your website is no longer updated the instant you change a setting. The editor works on a draft, so you can make several changes, preview them, and push them all live at once.

• Unpublished changes — an amber badge appears in the toolbar whenever your draft differs from the live site.
• Preview — opens your draft exactly as visitors will see it, without touching the live site.
• Publish — makes the current draft live.
• Discard — throws the draft away and reverts to whatever is currently live.

Tournament data (results, standings, fixtures, rosters) still updates automatically and in real time — the draft/publish flow applies only to your website's layout and settings.

The toolbar#

The bar at the top of the editor holds the site-wide actions:

• Live site — opens the currently published website in a new tab.
• Language — the single language your public website is displayed in (15+ languages). This is the website's language, separate from your dashboard language.
• Theme — colors, presets, custom colors, and the hero background image (see Theme).
• PWA — the installable-app settings, including the custom app icon (see Progressive Web App).
• Preview / Discard / Publish — the draft workflow described above.

Page workspaces#

Below the toolbar is a row of tabs, one per page of your website:

Home · Results · Matches · Teams · Venues · Registration · Sponsors · Summary

• A green dot next to a tab means that page is enabled (shown on the public site); a gray dot means it is hidden.
• A lock icon means the page needs a paid plan.
• Selecting a tab opens that page's workspace, where you toggle the page on or off and set its page-wide options (for example, "Include ongoing matches in standings" on Results, or the registration period on Registration).

The Home tab is special: it is the full drag-and-drop block editor described below. Every other tab is a focused settings workspace for that page.

Editing per lifecycle state#

Your home page can look different depending on where the tournament is in its journey. Under the page tabs, the Editing state bar lets you tune the Home layout for each stage:

Setup → Registration → Upcoming → Live → Completed

• The tournament's current stage is marked with a green dot.
• Each state has its own cards & sections — for example, a countdown and a registration call-to-action while sign-ups are open, or a champions recap once it's finished.
• Hero content and the page areas (full-width bands) are shared across states, so you set those once.
• Reset to default rebuilds the state you're editing from MyCup's recommended blocks for that stage. It's staged as a draft — nothing goes live until you Publish.

Switch states with the bar and edit each one's Home layout independently. Your public site automatically shows the layout that matches the tournament's real state.

Building the home page#

The Home workspace has two parts: the palette on the left and the canvas in the middle. For a full description of every block you can place and what each one shows, see Home Page Blocks.

The palette#

The palette holds blocks that are available but not yet on your page (the suggestions are tailored to the lifecycle state you're editing), split into two groups:

• Cards — small blocks (Current Phase, Teams Count, QR Code, Install App, Structure Link, Total Matches, Goals Scored, Tournament Dates, Top Scorer Preview, Countdown, Social Media Card, Sponsors strip, and a Custom Card).
• Big cards — large blocks (Live Now, Latest Results, Upcoming Matches, Standings Preview, Top Scorers, Winner Recap, Venues, and a Custom Content Block).

Add a block to the page either by clicking its + button or by dragging it onto the canvas.

The canvas#

The canvas is your home page, top to bottom, exactly in the order visitors will see it.

• The Hero (your tournament banner) is pinned to the top and always shows first. Edit it with its pencil to show/hide the logo, status badge and description, write a custom hero Description, and choose a background — see Themes & Backgrounds.
• Small cards flow into a row. Several cards next to each other line up side by side, up to four per row, just like the live page.
• Big cards and full-width bands break the row. A large block always takes the full width, so the cards before it finish their row and the next cards start a fresh one.
• Drag any block anywhere. Cards and big cards share one stream, so you can freely interleave them — a row of cards, then a big results block, then another card, then standings, in whatever order tells your tournament's story best.

Block controls#

Hover a block on the canvas to reveal its controls:

• Pencil (Edit) — opens that block's settings (for example, the heading on a section, or how many rows it shows).
• Eye (Show / Hide) — for full-width bands (Banners, Divisions picker, Registration call-to-action, Call to action, Share, Sponsors), toggles whether the band appears on the public site. Hidden bands stay on the canvas so you can turn them back on.
• ✕ (Remove) — sends a card or big card back to the palette. It is not deleted; you can add it again anytime.

Full-width bands#

Some blocks always span the full width and sit between your card and section rows:

• Banners (Pro/Premium) — promotional image banners.
• Divisions picker — for multi-division tournaments, lets visitors jump to a division.
• Registration call-to-action — a prompt to sign up, shown while registration is open.
• Call to action — a custom button/prompt of your own.
• Share — social sharing. Marked All pages because it shows on every page.
• Sponsors — the sponsor strip. Also All pages.

Theme#

Open Theme from the toolbar to change how the site looks.

• Theme style — the site's overall look and structure. Classic is the free default and the only style whose colors you customize. Broadcast, Minimal, Editorial and Heritage are premium, Beta styles that each ship with their own design and palette.
• Colors (Classic) — with Classic selected, pick a ready-made scheme (Standard and Editorial groups, all free) or set your own Custom colors, with a built-in contrast check that stops an unreadable combination from going live.
• Hero background — pick from the sample gallery (all samples free), or upload your own image (Images feature; 1920×600px or larger).

Theme changes are staged in your draft and go live on Publish, like everything else. See Themes & Backgrounds for the full guide.

Progressive Web App (PWA)#

Open PWA from the toolbar to manage how your site installs as a mobile app.

• Every tournament site is installable on iOS and Android from the browser (see Public Website → Mobile App Installation).
• Tournaments with the Images feature can upload a custom app icon (square, 512×512px or larger). Without one, the MyCup logo is used.
• Your icon is placed on a white background before it is installed. iOS and Android both render transparency in a home-screen icon as black, so a transparent logo is flattened onto white rather than shipped as-is. Upload artwork that reads well on white, and leave a little breathing room around the edges — Android crops a ring off the outside of the icon on some launchers.

Sponsors and Documents in the editor#

Sponsors and documents can both be managed from inside the editor, which is convenient while you're arranging a page.

1. Open the Sponsors or Documents tab.
2. Add, edit, reorder and show/hide entries right there.
3. Toggle the page on or off and set its title and description.

Both also have their own pages in the dashboard — Website > Sponsors and Website > Documents — which are better when you have a lot of them: they add search, bulk delete, and an On your website strip showing exactly where the content is currently visible.

It's the same data either way. Add a sponsor in the editor and it's there on the Sponsors page, and the other way round.

Sponsors is a premium feature. See Public Website → Sponsors for logo guidelines and display details. Documents is part of the advanced website features — see the Documents guide.

The Summary (end-of-tournament recap)#

The Summary tab builds an end-of-tournament recap page.

• Set final placements — record who finished 1st, 2nd, 3rd, and so on. Leave a place empty to fall back to the live standings.
• Publishing is gated — the recap can only be published once every match is finished. Until then, you can configure it, but the publish switch stays locked with an explanation.
• Page-wide options — in the left panel you'll find Recap is published, Show in top menu, and Page title (a custom name for the page in the navigation and the browser tab; leave it empty to use the default "Tournament Summary"). Note that a custom page title is plain text and is not translated, so it stays as you typed it in every site language.

Best on desktop#

The editor is a drag-and-drop builder with a live preview, so it works best on a larger screen. On a phone or small tablet you'll see a reminder at the top of the editor — dragging blocks and using the preview are limited on small screens. You can still open and read the editor anywhere; for building, use a desktop.

A typical workflow#

1. Open Website > Website Editor.
2. On Home, drag the blocks you want into the order you want.
3. Use each page tab to enable the pages you need and set their options.
4. Set your Theme and, if you use it, upload a PWA icon.
5. Press Preview to see the draft as visitors will.
6. When you're happy, press Publish — or Discard to start over from the live version.

Related#

• Home Page Blocks — a reference of every block you can place on the home page and what each shows.
• Public Website — the full reference for each public page (Matches, Results, Teams, Venues, Registration, Sponsors, PWA install).