HILFEBEREICH

SwissWP Bild-Hotspots

SwissWP Bild-Hotspots – Hilfe

Platzieren Sie interaktive Markierungen auf Bildern und zeigen Sie zusätzliche Informationen als Tooltip oder Popup an.

1. Installation und Lizenz

  1. Öffnen Sie Plugins → Installieren → Plugin hochladen.
  2. Wählen Sie swisswp-bild-hotspots-1.0.0.zip aus.
  3. Installieren und aktivieren Sie das Plugin.
  4. Öffnen Sie Bild-Hotspots → Lizenz & Updates.
  5. Tragen Sie den Lizenzschlüssel ein und klicken Sie auf Aktivieren.

2. Ein Hotspot-Bild erstellen

  1. Öffnen Sie Bild-Hotspots → Neues Hotspot-Bild.
  2. Geben Sie einen Titel ein und wählen Sie das Hauptbild.
  3. Ergänzen Sie einen Alternativtext.
  4. Klicken Sie in der Vorschau auf eine freie Stelle.
  5. Erfassen Sie mindestens den Titel des Hotspots.
  6. Ergänzen Sie bei Bedarf Text, Zusatzbild, Button und Link.
  7. Veröffentlichen Sie das Hotspot-Bild und kopieren Sie den Shortcode.

3. Hotspots positionieren

Klicken Sie im Vorschaubild auf die gewünschte Position. Ziehen Sie eine vorhandene Markierung mit der Maus, um sie zu verschieben.

Position X in % und Position Y in % werden automatisch aktualisiert und können manuell angepasst werden.

4. Anzeige, Marker und Design

  • Tooltip am Punkt: Inhalt erscheint beim Marker.
  • Popup in der Bildschirmmitte: Inhalt öffnet sich zentriert.
  • Klick / Antippen: öffnet den Hotspot bewusst.
  • Mouseover und Klick: reagiert auf Mouseover und bleibt anklickbar.
  • Nummer, Punkt oder eigener Text: Darstellung des Markers.
  • Farben: Marker, Markertext, Fenster, Text und Button.
  • Grösse, Eckenradius und maximale Breite: visuelle Anpassung.
  • Pulsanimation: dezente Hervorhebung.
  • Eigene CSS-Klasse: zusätzliche individuelle Anpassungen.

Auf Smartphones wird ein Tooltip als Karte am unteren Bildschirmrand geöffnet.

5. Shortcode einsetzen

[swisswp_bild_hotspots id="123"]

Ersetzen Sie 123 durch die ID des gewünschten Hotspot-Bildes.

6. Fehlerbehebung

Das Hotspot-Bild wird nicht angezeigt

Prüfen Sie Veröffentlichung, Hauptbild, mindestens einen Hotspot mit Titel und die Shortcode-ID.

Ein Marker sitzt nach einem Bildwechsel falsch

Bei einem anderen Seitenverhältnis oder Ausschnitt verschieben Sie den Marker in der Vorschau neu.

Mouseover funktioniert auf dem Smartphone nicht

Touchgeräte besitzen kein klassisches Mouseover. Tippen Sie auf den Marker; die Klickbedienung bleibt verfügbar.

Der eigene Markertext fehlt

Wählen Sie Eigener Text und tragen Sie beim Hotspot einen Markertext ein.

Ich kann keine Hotspots bearbeiten

Prüfen Sie unter Bild-Hotspots → Lizenz & Updates, ob das Plugin mindestens einmal erfolgreich aktiviert wurde.

7. Häufige Fragen

Kann ich mehrere Hotspot-Bilder auf derselben Seite einsetzen?

Ja. Fügen Sie für jedes Hotspot-Bild den entsprechenden Shortcode ein.

Kann jeder Hotspot einen eigenen Button erhalten?

Ja. Erfassen Sie Buttontext und Link direkt beim Hotspot.

Kann ich die Pulsanimation deaktivieren?

Ja. Stellen Sie Pulsanimation auf Aus.

Werden externe Kosten verursacht?

Nein. Das Plugin benötigt keinen kostenpflichtigen Hotspot- oder Clouddienst.