Portlet Countdown Aktion

Stand vom 27. Februar 2025

Auf dieser Seite finden Sie eine detaillierte Anleitung zur Nutzung des DC-Portlets: Portlet Countdown Aktion für den OnPage Composer des JTL-Shops.

Mit diesem Portlet können Sie einen Countdown für ein bestimmtes Produkt oder eine Aktion einfügen. Sie haben die Möglichkeit, einen Button mit Link, das Datum und die Uhrzeit, die Überschrift und die Beschreibung einzufügen. Das Portlet ist besonders gut geeignet, um Call-to-Action-Elemente zu gestalten und die Dringlichkeit einer Aktion zu betonen.

Countdown Aktion erstellen 

Schritt-für-Schritt-Anleitung:

1. Anmeldung im Backend:

   • Melden Sie sich im Backend Ihres JTL-Shops an und wechseln Sie anschließend ins Frontend.

2. Seite auswählen:

   • Öffnen Sie die Seite, die Sie bearbeiten möchten, und klicken Sie auf das OnPage Composer-Icon oben links auf der Seite, um den OnPage Composer zu starten.

3. Portlet hinzufügen:

   • Ziehen Sie das Portlet "Countdown Aktion" im OnPage Composer an die gewünschte Stelle auf Ihrer Seite. Es öffnet sich das Fenster "Countdown bearbeiten".

4. Bild hochladen:

• Klicken Sie auf "Click to Upload". Ein Fenster öffnet sich mit allen Mediendateien, die im OnPage Composer zur Verfügung stehen.
• Ziehen Sie die gewünschte Bilddatei per Drag & Drop in das Fenster oder klicken Sie mit der rechten Maustaste in das Fenster und wählen Sie "Datei hochladen". Navigieren Sie zur Datei und wählen Sie diese aus.

5. Alternativtext hinzufügen:

• Geben Sie einen Alternativtext (Alt-Text) für das hochgeladene Bild ein. Dieser Text wird von Suchmaschinen interpretiert und hilft bei der Barrierefreiheit.

6. Countdown-Datum und Uhrzeit festlegen:

• Geben Sie das Datum und die Uhrzeit ein, wann die Aktion endet. Dies wird als Countdown angezeigt.

7. Subtitel eingeben:

• Geben Sie den Subtitel ein, der unter der Hauptüberschrift angezeigt wird.

8. Titel eingeben:

• Geben Sie den Titel ein, der im Banner angezeigt wird.

9. Button-Text eingeben:

• Geben Sie den Text für den Button ein, der die Aktion auslöst.

10. Button-Link hinzufügen:

• Geben Sie die URL der Seite ein, die mit dem Button verlinkt werden soll.

11. Text nach Countdown-Ende:

• Geben Sie den Text ein, der angezeigt wird, wenn der Countdown endet.

12. Farbeinstellungen vornehmen:

• Unter "Text und Button Farbe" können Sie verschiedene Farbeinstellungen vornehmen:
  • Wählen Sie die Textfarbe für den Titel und den Subtitel.
  • Legen Sie die Buttonfarbe, die Buttontextfarbe und die jeweiligen Hover-Farben fest. Die Hover-Farben werden angezeigt, wenn der Mauszeiger über die Elemente bewegt wird.
  • Wählen Sie die Hintergrundfarbe des Zählers sowie die Farben der Zahlen und Zähleinheiten aus.

13. Einstellungen speichern:

• Speichern Sie Ihre Einstellungen, um die Änderungen zu übernehmen.

Mit diesen Schritten haben Sie erfolgreich eine Countdown Aktion erstellt, die Ihre Produkte oder Aktionen wirkungsvoll hervorhebt und die Kunden zu einer sofortigen Handlung anregt. Nutzen Sie die verschiedenen Anpassungsmöglichkeiten, um das Portlet optimal an das Design Ihres Shops und die Bedürfnisse Ihrer Kunden anzupassen.

Kontaktieren Sie uns jetzt: +49 (0)511 51518510
Oder schreiben Sie uns: info@deinconsultant.de

Oder Senden Sie uns ein Ticket: Ticket einreichen