De flesta element hämtar sin data live från din 360Player-app — samma lag, inlägg, matcher, resultat, registreringar och händelser som beskrivs i 360Player Integrations. Att sätta upp data där är det som gör att den visas här; varje element nedan anger exakt vilken data det använder och länkar tillbaka till rätt avsnitt.
Hur man lägger till ett element
Klicka på Add i den vänstra panelen, eller klicka på + som visas inuti en sektion på sidan, för att öppna elementpanelen.
Sök eller bläddra för att hitta det element du vill lägga till — sök på "360" för att visa alla 360Player-element i biblioteket.
Lägg till det på sidan: klicka på det om du öppnade panelen via + inuti en sektion, eller dra det till sidan om du öppnade det via Add i den vänstra panelen.
Med elementet markerat i redigeringsläge klickar du på Content i den högra panelen för att redigera innehållsinställningarna, eller på Design för att redigera design-/stilinställningarna.
Justera inställningarna nedan (varje elements egen sektion beskriver vad som finns tillgängligt) tills du är nöjd med resultatet.
360 Matches & Results Slider (App)
Datakälla: hämtar från dina 360Player Upcoming Matches och Results — filtrera per lag med respektive lags Group ID.
Vad den gör
Visar kommande matcher och/eller tidigare resultat i en horisontell slider (karusell), som hämtar data från din webbplats Matches/Results-samlingar.
Varje matchkort visar lagnamn, resultat (för Results) eller "VS" (för kommande matcher), datum/tid/plats samt tävlingsnamn.
Innehåller en "Group"-rullista för filtrering (t.ex. filtrera efter division/liga) och, valfritt, växlingsknapparna "All / Upcoming / Results".
Har navigeringspilar och en förloppsindikator för att bläddra genom bilderna.
Visar ett anpassningsbart "no matches found"-meddelande när det saknas data, samt en laddningsindikator medan data hämtas.
Så använder du den — innehållsinställningar (Content)
What to Show: välj om både kommande matcher och resultat ska visas (med filterknappar), bara kommande matcher, eller bara resultat.
Title (valfri) + Title Style (H1/H2): lägg till en rubrik ovanför widgeten; lämna tom för att dölja den.
"View All"-länktext och länk: lägg till en länk/knapp (t.ex. till en fullständig schemasida) som visas bredvid rubriken.
Filtering (expanderbar grupp): filtrera efter specifika lag (via Group ID eller lagnamn, kommaseparerat) och anpassa etiketten för rullistan "All Groups".
Match Limits (expanderbar grupp): ange max antal kommande matcher, max antal resultat, samt hur många nyligen spelade resultat som visas före kommande matcher i "All"-vyn.
Labels & Messages (expanderbar grupp): anpassa texten för filterknapparna "All / Upcoming / Results" och meddelandet vid tomt läge.
Så använder du den — designpanelinställningar (Design)
Widget Title: typografi för rubriken och "View All"-länken, samt hover-färg.
Filter Bar: färger/typografi för aktiva och inaktiva filterknappar, hörnradie för filterfält/knappar/grupprullista.
Slider Arrows: bakgrund, färg, kant, hover-lägen, samt färger och höjd för förloppsindikatorns bana/fyllning.
Match Card: bakgrund, kant, hörnradie, padding och mellanrum mellan korten.
Team Names, Score & VS, samt Competition Footer: typografi för varje textelement, samt stil för sidfotens avdelare.
360 Posts (App)
Datakälla: hämtar från dina 360Player Posts markerade som Public — filtrera eller exkludera specifika lag med Group ID.
Vad den gör
Visar automatiskt inlägg från dina grupper i ett kortrutnät, med möjlighet att lyfta fram det senaste inlägget, filtrera per grupp, och ladda fler inlägg via paginering.
Så använder du den — innehållsinställningar (Content)
Title och "View All"-länk: ange en sektionsrubrik (H1 eller H2), en rich text-beskrivning och, valfritt, en "View All"-länk bredvid rubriken.
Layout & pagination: sökväg till inläggssidan (används för att bygga varje korts länk); aktivera/inaktivera "Featured Post" (det senaste inlägget visas större); antal kolumner för desktop, tablet och mobil; visa bara 1 inlägg på mobil; antal inlägg per sida; samt en "Load more"-knapp (text och justering: vänster/centrerad/höger).
Groups & filtering: visa en badge med gruppnamnet på varje kort; visa en filterrullista för besökare; begränsa till specifika Group ID(er), eller exkludera vissa grupper.
Fallback image: visas när ett inlägg saknar egen bild.
Så använder du den — designpanelinställningar (Design)
Låter dig anpassa färger, typografi, avstånd, kanter och knappstilar så att de matchar din webbplats visuella identitet.
Användningsanteckningar
Om du anger "Filter by Group ID(s)" döljs gruppfiltret för besökare automatiskt.
Fältet "Exclude Group ID(s)" ignoreras om ett specifikt filter redan är angivet.
Widgeten använder Content Library/Collections API för att hämta inlägg i realtid.
360 Groups (App)
Datakälla: hämtar från de lag som är aktiverade i Website Settings.
Vad den gör
Visar dina lag/grupper automatiskt som klickbara kort, länkade till respektive lags egen sida.
Kan visa alla grupper i ett enda rutnät, eller dela upp dem i namngivna sektioner efter kategori.
Låter dig manuellt lägga till extra lag (t.ex. sådana som inte hämtas automatiskt) i en befintlig eller ny grupp.
Markerar det kort som matchar sidan besökaren just nu tittar på.
Så använder du den — innehållsinställningar (Content)
Title & Description — valfri rubrik och text som visas ovanför widgeten; lämna tomt för att dölja dem.
Title Tag / Group Heading Tag — välj H1/H2 för huvudrubriken och H2/H3 för varje grupps rubrik (för SEO/tillgänglighet).
Filter by group — skriv in ett kategorinamn för att visa ett platt rutnät med bara den gruppen, eller flera kommaseparerade namn för att visa dem som ordnade sektioner. Lämna tomt för att visa allt.
Page URL Path — URL-segmentet som används vid länkning till varje lags sida (t.ex. blir
new-groupstillyoursite.com/new-groups/team-name).Card Icon — valfri ikon som visas på varje kort; lämna tomt för att dölja.
Columns — välj hur många kort som visas per rad (2–5).
Manual Teams — lägg till lag som inte redan listas automatiskt: ange ett Name, en Category (matchar en befintlig grupp eller skapar en ny) och en Link.
Så använder du den — designpanelinställningar (Design)
Textstilar för rubrik och beskrivning.
Lagkortens bakgrund, kant, hörnradie och padding.
Hover-färger för kortets bakgrund, text och ikon.
Färger, kant och opacitet för aktivt/nuvarande kort.
Färg och storlek på kortikonen (samt dess hover-variant).
Stil för grupprubrik, avdelarlinjens färg och avstånd ovanför varje grupp.
Mellanrum/avstånd mellan korten i rutnätet.
360 Forms (App)
Datakälla: hämtar från dina 360Player Registrations, med hjälp av varje registrerings kategori-URL.
Vad den gör
Visar en lista med registreringsformulär, grupperade och filtrerbara efter kategori.
Varje formulär visas som ett kort med titel, beskrivning, kategori-badge samt öppen/stängd-status.
Visar antal platser kvar och en "Register"-knapp som länkar till formuläret.
Låter besökare filtrera formulär med kategoriknappar ("pills"), eller visa dem grupperade under kategorititlar.
Så använder du den — innehållsinställningar (Content)
Snabbstart:
Öppna innehållsredigeraren för att ange en titel/beskrivning och klistra in dina formulärkategoriers URL:er (kommaseparerade) under "Forms Settings."
Slå på "Show Filter" för att visa klickbara kategoriknappar, eller stäng av för att visa statiska kategorigruppstitlar istället.
Anpassa alla etiketter (Open/Closed, Available Spots, knapptext, "All Categories" osv.) så att de matchar ditt språk/varumärke.
Aktivera valfritt knappikonen och välj en ikon.
Inställningar du kan justera:
Title, description och rubriknivå (H1/H2).
URL:er för formulärkategorier, filtersynlighet, beskrivningssynlighet.
All status-/etikettext (Open, Closed, Available spots, category label).
Knapptext och valfri ikon.
Så använder du den — designpanelinställningar (Design)
Bakgrund för behållaren och avstånd i sidhuvudet.
Färger, kanter, hörn och padding för filterknapparna (aktivt/inaktivt läge).
Bakgrund för formulärkort, hörnradie, textstilar för titel/beskrivning.
Färger och hörnradie för kategori- och statusbadges.
Knappfärger (inklusive hover), padding, hörnradie, bredd och ikonstorlek.
360 Calendar (App)
Datakälla: hämtar från dina 360Player Events — matcher, träningar, möten, läger och cuper (se även Upcoming Matches) — filtrera per lag med Group ID.
Vad den gör
Visar en månadskalender med händelser (matcher, träningar, möten, läger, cuper) hämtade från dina anslutna datagrupper.
Låter besökare bläddra månad för månad med knapparna föregående/nästa.
Innehåller en rullista för gruppfilter samt kategoriknappar så att besökare kan avgränsa vad som visas.
Visar händelsedetaljer (datum, tid, plats, beskrivning) med färgkodade typ-badges och gruppbadges.
Så använder du den — innehållsinställningar (Content)
Snabbstart:
Lägg till widgeten på din sida.
Ange i innehållsredigeraren vilka Group ID(er) som ska styra vilka händelsegrupper som visas (använd "null" för alla).
Lägg till en titel/beskrivning om du vill, och anpassa etiketterna efter din organisations terminologi.
Använd designpanelen för att matcha kalenderns färger, badges och typografi mot din webbplats varumärke.
Besökare kan sedan navigera mellan månader, filtrera efter grupp och filtrera efter händelsekategori direkt på den publicerade sidan.
Inställningar du kan justera:
Title & Description: valfri titel (med val av rubriknivå H1/H2) och beskrivningstext ovanför kalendern.
Group ID: skriv "null" för att visa alla grupper, ett enskilt Group ID för att visa en grupp, eller flera ID:n kommaseparerade.
Category Labels: anpassa textetiketterna för Match, Practice, Meeting, Camp, Cup och Other.
Advanced Text & Labels: etiketten för rullistan "All Groups", veckoetikettens prefix (t.ex. "W"), text för flerdagarsräknaren ("Day X of Y"), tooltip-text för avbokade händelser, samt meddelandet vid tom månad.
Så använder du den — designpanelinställningar (Design)
Title & Description: textstil för rubrik och beskrivning.
Navigation Bar: stil för månadsetikett, färger/kanter/ikonfärg för navigeringsknappar, hörnradie.
Group Dropdown: text för etikett/alternativ, bakgrunder för knapp och lista, kanter, markering av valt alternativ, hörnradie.
Category Filters: text på filterknappar, aktiva/inaktiva bakgrunder och kanter, hörnradie.
Week Header: etikettstil och avdelarlinjens färg.
Event Card: bakgrund, kant, hörnradie, textstilar för titel/metadata/beskrivning, färg på markering för avbokade händelser.
Date Block: textfärg, textstilar för veckodag/dag/månad/räknare (avdelaren matchar automatiskt kortets kantfärg).
Group Badge och Type Badge: textstil, bakgrundsfärger per händelsetyp (Match, Practice, Cup, Camp, Meeting, Other), hörnradie.
Empty State: textstil för meddelandet "no events".
Loading Spinner: färg på laddningsindikatorn.
360 Matches & Results List (App)
Datakälla: hämtar från dina 360Player Upcoming Matches och Results — filtrera per lag med Group ID.
Vad den gör
Visar automatiskt kommande matcher ("Upcoming") och resultat ("Results") från webbplatsens matchsamlingar (matchesUpcoming och matchesComplete).
Organiserar matcher i växlingsbara flikar, med kort som visar lag, resultat, datum/tid, plats och tävling.
Låter dig filtrera efter lag/grupp via en rullista.
Stöder paginering via en "Show More"-knapp, eller veckovis navigering med en "Next Week"-knapp.
Så använder du den — innehållsinställningar (Content)
Title & Description: ange en valfri titel, rubriknivå (H1/H2) och en beskrivning.
Main Settings: filtrera efter lag/grupp(er), visa bara hemmamatcher, ange max antal kommande matcher/resultat som visas, aktivera "Show More"-knappen (med anpassningsbar text och steglängd), samt redigera flikarnas etiketter "Upcoming"/"Results" (var och en kan döljas).
Text & Translations: anpassa all visad text (alternativet "All Groups", meddelanden för "inga matcher", laddningstext, standardnamn för hemma-/bortalag, texten "vs").
Week Settings: ange ordet "Week" (översättningsbart), aktivera/inaktivera veckounderrubriken på korten, begränsa visningen till aktuell vecka (med en "Next Week"-knapp).
Så använder du den — designpanelinställningar (Design)
Title & Description: typografistilar.
Tab Bar: bakgrunds-/textfärger för aktiva/inaktiva flikar, kanter, hörnradie och typografi.
Team Filter: hörnradie och textstilar för väljaren och etiketten.
Show More/Next Week Button: knappstil samt stil för veckounderrubriken.
Match Card: bakgrund, kant, hörnradie, inre padding samt avstånd mellan korten.
Team Names, Score & VS, Competition Footer: typografi samt specifika kanter för respektive element.
360 Team Page (App)
Datakälla: hämtar lagets data från Website Settings, Posts, Upcoming Matches/Results och Events — allt kopplat till widgeten via lagets Group ID.
Vad den gör
Visar en fullständig lagsida hämtad från ditt 360Player-konto — inklusive nyheter, kontakter, händelser, kommande matcher och resultat — organiserat i flikar.
Så använder du den — innehållsinställningar (Content)
Snabbstart:
Lägg till widgeten på din sida.
Ange i innehållsredigeraren Group ID från din 360Player-gruppsamling. Detta kopplar widgeten till ett specifikt lag.
Inställningar du kan justera:
Default Active Tab — välj vilken flik (News, Contacts, Events, Matches, Results) som öppnas först.
Tab Labels — byt namn på valfri av de fem flikknapparna.
Team Header — slå på/av lagets logotyp.
Section Visibility — visa/dölj var och en av de fem flikarna oberoende av varandra.
Items Per Section — ange hur många matcher, resultat och nyhetsinlägg som visas (1–20 för var).
Events — Navigation & Labels — anpassa kalendertiteln, knapparna för föregående/nästa månad, veckoprefix, meddelande vid tomt läge samt text för flerdagarsräknaren.
Event Categories — byt namn på kategorietiketterna (Match, Practice, Cup, Camp, Meeting, Other); färgerna är fasta per kategori.
Display Options — slå på/av lagbadges i matcher, resultat i resultat, författarinfo i nyheter, samt telefon/e-post i kontakter.
No Data Message — anpassa texten som visas när en flik saknar data.
Så använder du den — designpanelinställningar (Design)
Team Header — bakgrund, minsta höjd, typografi för lagnamn/undertitel, hörnradie och avstånd för logotypen.
Contact Persons — kortets bakgrund/kant/hörn, avatarform, textstilar för namn/roll/info.
Tab Bar — bakgrund, textfärg/aktiv färg för flikar, knapphörn, typografi.
Match Cards — bakgrund/kant/hörn, accent-/resultatfärg, textstilar för lagnamn/resultat/metadata, badgeform.
Event Cards — bakgrund/kant/hörn, stil för datumblock, kalendertitel, textstilar för händelsetitel/metadata/typ, färg på markering för avbokade händelser, färger på gruppbadge.
News/Post Cards — bakgrund/kant/hörn, stil för "Show More"-knappen, textstilar för titel/innehåll/författare/datum, avatarform.
Widget Background — övergripande bakgrund, padding, textfärg för tomt läge.
360 Post Page (App)
Datakälla: hämtar från dina 360Player Posts.
Vad den gör
Visar en fullständig artikel från din anslutna "posts"-samling — inklusive författarinfo, hero-bild, brödtext, inbäddade videor, bildgalleri och bilagor. Avsedd att placeras på en dynamisk artikel-/inläggssida.
Upptäcker och visar automatiskt artikeln som matchar aktuell sidas URL.
Alternativt kan du ange ett fast Article ID så att widgeten alltid visar en specifik artikel, oavsett sida.
Visar ett laddningsmeddelande medan artikeln hämtas, och ett felmeddelande om artikeln inte hittas.
Innehåller en delningsknapp som kopierar artikellänken, samt en lightbox för att visa hero-/galleribilder i fullstorlek.
Så använder du den — innehållsinställningar (Content)
Article ID (valfri) — lämna tomt för automatisk detektering, eller ange ett specifikt ID för att fästa en artikel.
Show Author Info — slå på/av författarens namn/avatar och datum.
Show Group Badge — slå på/av författarens gruppbadge.
Show Attachments — slå på/av sektionen för bilagor.
Date Format — välj visning Relative, Short eller Long.
Loading Message — text som visas medan artikeln laddas.
Error Message — text som visas om artikeln inte hittas.
Attachments Section Heading — anpassningsbar titel ovanför bilagelänkar/filer.
Så använder du den — designpanelinställningar (Design)
Article Container — skuggväxel, bakgrund, kant, hörnradie, padding, maxbredd.
Author & Group Badge — storlek på avatar/badge, typografi för författarnamn och datum.
Title — typografi för titeln.
Main Image — hörnradie, maxhöjd, typografi för bildtext.
Article Body — textstil och radavstånd för brödtexten.
Videos — hörnradie, mellanrum mellan videor.
Image Gallery — hörnradie, mellanrum mellan bilder, typografi för bildtext.
Share Button — bakgrund och ikonfärg.
Attachments — rubrikstil, samt bakgrunds-/textfärger för länk- och filknappar.
Bästa praxis
Använd på en sida kopplad till din "posts"-samling för att automatisk detektering ska fungera.
Använd endast det fasta Article ID-alternativet om du alltid vill visa en specifik artikel oavsett URL.
Slå av sektioner (författare, badge, bilagor) du inte behöver för att hålla layouten ren.
360 Team Page Squad (App)
Datakälla: hämtar lagets data från Website Settings, Posts, Upcoming Matches/Results och Events — allt kopplat till widgeten via lagets Group ID.
Vad den gör
Visar en fullständig lagsida med flikar för Nyheter, Kontakte, Trupp, Events, Kommande Matcher och Resultat, som hämtar data kopplad till ett specifikt lag via dess Group ID. (Trupp läggs in manuellt i editorn).
Så använder du den — innehållsinställningar (Content)
Komma igång:
Ange Group ID från din 360Player-lagsamling så att widgeten visar rätt lags data.
Välj vilka flikar som ska vara synliga och ange vilken Default Active Tab som visas när sidan laddas.
Byt namn på valfri flik-etikett (t.ex. ändra "Matches" till "Fixtures").
Inställningar du kan justera:
Slå på/av varje flik: News, Contacts, Squad, Events, Matches, Results.
Lägg till Squad Players manuellt (foto, namn, nummer, position) — spelare med samma positionstext grupperas automatiskt.
Ange antalsgränser per sektion (Upcoming Matches, Results, News Posts).
Anpassa kategorietiketter för Events (Match, Practice, Cup, Camp, Meeting, Other) samt meddelandet "no events".
Slå på/av synlighet för extra detaljer: lagbadges i matcher, resultat i resultat, författare i nyheter, e-post/telefon i kontakter.
Ange ett anpassat "no data available"-meddelande.
Så använder du den — designpanelinställningar (Design)
Stil för Team Header (bakgrund, lagnamn, undertitel, hörn på logotypen).
Stil för Tab Bar (bakgrund, typografi, färger på aktiv flik, knapphörn).
Välj Squad-layout: rutnätskort eller kontaktliknande rader; anpassa kortens bakgrund, kant, hörn, fotostorlek och antal kolumner per enhet (desktop/tablet/mobil).
Stil för Contact-, Match-, Event- och News/Post-kort individuellt (bakgrunder, kanter, hörn, typografi).
Justera övergripande widgetbakgrund och padding.