Erste Schritte

Nach der Installation

Nach der Einrichtung von WMKick/EMKick können Sie Ihr Tippspiel in wenigen Schritten an Ihre Anforderungen anpassen. Beginnen Sie mit der Anmeldung, öffnen Sie danach die Administration und hinterlegen Sie die wichtigsten visuellen Einstellungen.

  • Mit der in der Installationsemail genannten E-Mail-Adresse registrieren.
  • Die Administrationsnavigation über das Zahnrad oben rechts öffnen.
  • Farben, Logo, Headergrafik und Hintergrundbilder an Ihr Corporate Design anpassen.
  • Danach Inhalte und weitere Konfigurationen nach Ihren Wünschen anpassen.
Anmeldung

Erste Anmeldung

Registrieren Sie sich bitte mit der E-Mail-Adresse, die wir Ihnen in der Installationsemail mitgeteilt haben. Der Benutzer mit dieser E-Mail-Adresse ist automatisch als Administrator Ihres Tippspiels hinterlegt.

Die Administrator-E-Mail-Adresse können Sie später unter Konfiguration und Einstellungen ändern. Es kann immer nur eine E-Mail-Adresse als Administrator hinterlegt werden. Wenn mehrere Personen Zugriff auf das Administrationskonto benötigen, empfehlen wir eine allgemeine Adresse wie zum Beispiel team@. Unter Inhalt und Rangliste können Sie den Administrator bei Bedarf für andere Mitspieler ausblenden.
Administrationsbereich

Administration öffnen

Nach dem Login sehen Sie oben rechts ein Zahnrad. Über dieses Zahnrad öffnen Sie die Navigation der Administration und erreichen die Verwaltungsbereiche von WMKick/EMKick.

Administrationsnavigation mit Zahnrad oben rechts
Über das Zahnrad oben rechts öffnen Sie die Administrationsnavigation.
Erscheinungsbild

Farben einstellen

Öffnen Sie in der Administration den Bereich Konfiguration und danach Erscheinungsbild. Im Abschnitt Navigation/Farben können Sie die Farben Ihres Tippspiels an Ihr Corporate Design anpassen.

Konfiguration Erscheinungsbild Navigation/Farben
Hinterlegen Sie hier die Farben, die zu Ihrem Logo und Ihrer Unternehmenskommunikation passen. Prüfen Sie anschließend, ob Texte und Navigation gut lesbar bleiben.
Bereich Erscheinungsbild in der Administration
Bereich Navigationsfarben.
Einstellungen für Navigation und Farben
Weitere Farbdefinitionen.
Weitere Farbeinstellungen im Erscheinungsbild
Weitere Farbdefinitionen.
Dateiverwaltung

Eigene Dateien hochladen

Ihre Headergrafik, Ihr Logo und die gewünschten Hintergrundgrafiken laden Sie unter Verwaltung und Eigene Dateien hoch. Dort können Sie Bilder und Dateien später auch verwalten, ersetzen oder löschen.

Verwaltung Eigene Dateien
Hochladen

Laden Sie Logo, Headergrafik und Hintergrundbilder zentral hoch, bevor Sie diese im Erscheinungsbild auswählen.

Verwalten

Bereits hochgeladene Dateien können Sie prüfen, ersetzen oder löschen, wenn Sie später neue Grafiken verwenden möchten.

Übersicht Eigene Dateien in der Administration
Eigene Dateien hochladen.
Dateien hochladen und verwalten
Dateien und Bilder verwalten.
Hintergründe

Hintergrundbilder auswählen

Wenn Ihre Bilder hochgeladen wurden, können Sie diese unter Konfiguration und Erscheinungsbild als Hintergrundbild auswählen. Alternativ können Sie vorhandene Vorlagenbilder verwenden.

Konfiguration Erscheinungsbild Hintergrundbilder
Sie können je ein Hintergrundbild für Desktop und mobile Endgeräte auswählen. Wenn nur ein Desktop-Bild hinterlegt wird, verwendet WMKick/EMKick dieses Bild auch auf mobilen Endgeräten.
Desktop-Hintergrund
  • Breite: ca. 1.500 Pixel
  • Format: 3:2 oder 16:9
  • Querformat für große Bildschirme empfohlen.
Mobiler Hintergrund
  • Breite: ca. 568 Pixel
  • Format: 1:2 oder 9:16
  • Hochkantformat empfohlen.

Erlaubte Dateiformate: SVG, WEBP, JPG, PNG und GIF. Animierte GIFs werden nicht unterstützt.

Hintergrundbild im Erscheinungsbild auswählen
Hintergrundbild für Desktop ändern.
Vorlagen und mobile Hintergrundbilder auswählen
Hintergrundbild für Mobil ändern.
Logo und Header

Logo/Headergrafik auswählen

Das Logo oder die Headergrafik wählen Sie unter Konfiguration und Erscheinungsbild im Bereich Logo/Headergrafik aus. Auch hier kann jeweils eine Grafik für Desktop und eine Grafik für mobile Endgeräte hinterlegt werden.

Desktop

Die Headergrafik oder das Logo sollte ca. 1.320 Pixel breit sein. Eine größere Breite ist in der Regel nicht sinnvoll. Die Höhe ist flexibel, sollte aber eher im Format 2:1 oder 3:1 liegen.

Mobil

Für mobile Endgeräte sollte die Grafik ca. 768 Pixel breit sein. So bleibt sie auf kleineren Bildschirmen gut erkennbar und sauber skaliert.

Erlaubt sind SVG, WEBP, JPG, PNG und GIF, jedoch keine animierten GIFs. Für Logos empfehlen wir nach Möglichkeit SVG-Dateien, da sie auf unterschiedlichen Bildschirmgrößen scharf dargestellt werden. Achten Sie außerdem auf möglichst kleine Dateigrößen, da sehr große Bilder die Ladezeit und Performance Ihres Tippspiels deutlich belasten können.
Statt einer einzelnen Headergrafik können Sie auch einen Slider mit bis zu sechs Bildern anlegen. Der Slider gilt für Desktop und mobile Endgeräte. Verwenden Sie möglichst Bilder mit identischer Bildgröße, damit der Wechsel sauber wirkt. Zusätzlich kann ein Hyperlink auf dem Bild hinterlegt werden; standardmäßig führt dieser Link auf die Startseite des Spiels.
Logo und Headergrafik im Erscheinungsbild auswählen
Headergrafik/Logo für Desktop ändern.
Desktop und mobile Headergrafik auswählen
Headergrafik/Logo für Mobil ändern.
Weitere Funktionen

Weitere Funktionen

Wenn die Grundeinstellungen abgeschlossen sind, finden Sie in der Administration weitere Bereiche für Seiteninhalte, Spielkonfiguration und Verwaltung.

Inhalt
  • Startseite
  • Bonusfragen
  • Footer/Abbinder
  • Impressum
  • Login
  • Preise
  • Rangliste
  • Registrierung
  • Teilnahme/Datenschutz
  • Tippspiel
  • Treffpunkt
  • Werbebanner
  • Zusätzliche Seiten
Konfiguration
  • Einstellungen
  • Erscheinungsbild
  • Registrierung
  • Registrierung E-Mail
  • Social Media
  • Statistik
  • V.I.P.
Verwaltung
  • Eigene Dateien
  • Export
  • Mitspieler
  • Mitspielererhöhung
  • Tippgruppen
  • Newslettermodul
Tipps & Tricks

Tipps & Tricks für Ihr Spiel

In diesem Bereich finden Sie zusätzliche Hinweise für die Einrichtung, Nutzung und laufende Betreuung Ihres Tippspiels.

iPhone und iPad

Öffnen Sie die Adresse Ihres Tippspiels, zum Beispiel demo.wmkick.eu, in Apple Safari. Tippen Sie unten auf das Teilen-Symbol und wählen Sie anschließend Zum Home-Bildschirm. Danach können Sie den Namen bestätigen und auf Hinzufügen tippen.

Android

Öffnen Sie die Adresse Ihres Tippspiels in Chrome. Tippen Sie unten rechts auf das Drei-Punkte-Menü und wählen Sie Zum Startbildschirm hinzufügen. Anschließend wird App installieren angezeigt. Bestätigen Sie die Auswahl.

Danach erscheint ein Symbol auf dem Startbildschirm, über das WMKick/EMKick direkt geöffnet werden kann.

Unter Inhalt und Werbebanner können Sie bis zu zwei Werbeplätze mit eigenen Inhalten belegen. Der erste Banner befindet sich unter der Hauptnavigation. Ein weiterer Banner kann oberhalb des Inhalts angezeigt werden.

Achten Sie darauf, dass der eingebundene Banner-Code responsives Webdesign unterstützt. Wenn der Code von einem externen Anbieter stammt, fragen Sie bitte dort nach, ob die Darstellung auf Smartphone, Tablet und Desktop unterstützt wird.

Eigene Bannerbilder einbinden

Wenn Sie ein eigenes Bild als Werbebanner einsetzen, ergänzen Sie den IMG-Tag um folgende Attribute:

class="img-responsive" style="margin: 0 auto;"

Ein vollständiger Beispielcode kann so aussehen:

<a href="/zcms/module/allgemein/URL" target="_blank"><img loading="lazy" src="/zcms/module/allgemein/BILDADRESSE" alt="BESCHREIBUNGSTEXT" class="img-responsive" style="margin: 0 auto;" /></a>

Geben Sie keine feste Bildgröße an. Sonst kann sich der Banner auf kleineren Bildschirmen nicht sauber verkleinern.

Banner ohne seitlichen Abstand anzeigen

Standardmäßig ist links und rechts ein Abstand von 15 Pixeln vorgesehen. Wenn der Banner bündig abschließen soll, können Sie den Code in einen DIV-Container mit negativem Abstand setzen:

<div style="margin-left: -15px; margin-right: -15px;">IHR CODE</div>

Formatierung per CSS

Die Bannerbereiche haben standardmäßig einen weißen Hintergrund und werden zentriert dargestellt. Den ersten Banner können Sie über #banner1 anpassen, den zweiten analog über #banner2.

#banner1 {
  background-color: #cccccc;
  padding-top: 15px;
  padding-bottom: 15px;
}

Dieses Beispiel setzt einen hellgrauen Hintergrund und fügt oben und unten jeweils 15 Pixel Abstand hinzu.

WMKick/EMKick bietet mehrere Möglichkeiten, die Registrierung und Teilnahme am Tippspiel zu steuern.

  • Zugelassene E-Mail-Adressen: Unter Konfiguration, Registrierung, Registrierung konfigurieren, Registrierung einschränken können Sie erlaubte E-Mail-Adressen oder ganze E-Mail-Kreise wie @domainname.com hinterlegen.
  • Nicht zugelassene E-Mail-Adressen: Im selben Bereich können Sie einzelne Adressen oder komplette Domains ausschließen.
  • Registrierungscode: Unter Konfiguration und Registrierung können Sie die Registrierung zusätzlich durch einen selbst definierten Code absichern.
  • Teilnahmebedingungen: Unter Inhalt und Teilnahmebedingungen können Sie festlegen, wer an Gewinnen teilnehmen darf.
  • Mitspieler sperren: Unter Verwaltung und Mitspieler können Sie unzulässige Mitspieler vor oder während des Turniers sperren.

Für den Versand von E-Mails, zum Beispiel der Registrierungs-E-Mail, kann ein eigener Absender mit Ihrer Domain eingerichtet werden. Damit wir E-Mails im Namen Ihrer Domain versenden können und die Nachrichten nicht unnötig als Spam eingestuft werden, muss Ihre Domain den Versandserver per SPF freigeben.

Was ist ein SPF-Eintrag?

SPF steht für Sender Policy Framework. Der SPF-Eintrag ist ein TXT-Eintrag in der DNS-Zone Ihrer Domain. Er legt fest, welche Server E-Mails für diese Domain versenden dürfen. Empfangende Mailserver prüfen diesen Eintrag und erkennen dadurch, ob der Versand über WMKick/EMKick erlaubt ist.

Welche IP-Adressen müssen freigegeben werden?

Bitte geben Sie für den Versand über WMKick/EMKick die folgende IPv4- und IPv6-Adresse in Ihrem SPF-Eintrag frei:

ip4:185.102.93.53 ip6:2a06:2380:0:1::44f

Wenn noch kein SPF-Eintrag vorhanden ist

Falls Ihre Domain noch keinen SPF-Eintrag besitzt, kann ein neuer TXT-Eintrag für die Hauptdomain angelegt werden:

v=spf1 ip4:185.102.93.53 ip6:2a06:2380:0:1::44f ~all

Wenn bereits ein SPF-Eintrag vorhanden ist

Wenn Ihre Domain bereits einen SPF-Eintrag hat, legen Sie bitte keinen zweiten SPF-Eintrag an. Es darf pro Domain nur einen SPF-Eintrag geben. Ergänzen Sie stattdessen die beiden Angaben ip4:185.102.93.53 und ip6:2a06:2380:0:1::44f im bestehenden Eintrag vor dem abschließenden Mechanismus wie ~all, -all oder ?all.

Ein bestehender Eintrag kann zum Beispiel so erweitert werden:

v=spf1 include:beispiel-mailanbieter.de ip4:185.102.93.53 ip6:2a06:2380:0:1::44f ~all

Die Änderung wird bei Ihrem Domain- oder DNS-Anbieter vorgenommen. Je nach Anbieter kann es einige Minuten bis mehrere Stunden dauern, bis der neue DNS-Eintrag überall wirksam ist.

Unter Konfiguration, Erscheinungsbild und Eigener CSS Code können Sie das Aussehen Ihres Tippspiels weiter anpassen. Tragen Sie dort eigenen CSS-Code ein, wenn einzelne Elemente anders dargestellt werden sollen.

Schriftgröße der Navigation verkleinern

.navbar-inverse .navbar-nav>li {
  font-size: 14px;
}

Werbebanner oben ohne Rand darstellen

#bannerTop {
  padding: 0px;
  margin: -5px 0px;
}

Überschriften in einer anderen Farbe anzeigen

h1, h2, h3, h4, h5, h6 {
  color: #990000;
}
Kontakt

Kontakt und Support

Bei Fragen zur Einrichtung oder Verwaltung Ihres Tippspiels können Sie sich jederzeit an unseren Support wenden. Wir helfen Ihnen gern bei den nächsten Schritten beim WMKick/EMKick.