Dazu findest Du im WWW jede Menge Vorlagen, z. B. hier... 😉

Wenn Du die einfachste Variante (einfaches-, horizontales Wischen) umsetzen möchtest, benötigst Du die beiden Steuerdateien (swiper.min.css + swiper.min.js) aus der Demo und den HTML Code für den Head-, und Body Bereich Der Seite, die den Slider zeigen soll.

Wenn Du alles richtig "eingebaut" hast, kann das Ergebnis z. B. so aussehen:

Die dazu gehörende online Demo findest Du hier.

Die WD Projektdatei zu der Demo kannst Du hier herunterladen. Darin sind auch die oben verlinkten Steuerdateien (angepasst an die Demo) enthalten und der angepasste HTML Code für den Head/Body Bereich.

Für den Slider auf der Demoseite habe ich einen Platzhalter (Rechteck) angelegt in der Größe der verwendeten Bilder (hier 540 x 225 px).
Im HTML Head/Body des Platzhalters sind die passend aufbereiteten HTML Codes für den Slider abgelegt.

Die Namen- und die Anzahl der Bilder kannst Du natürlich frei anlegen/vergeben.

Die im HTML Code angelegten Links für die Bilder und die referenzierten Adressen der Steuerdateien zeigen auf das Verzeichnis "index_htm_files", das der WD beim Export/Upload des Projekts anlegt. Das heißt, dass Du dafür sorgen musst, dass die Dateien in diesem Verzeichnis abgelegt werden.
Da der WD das nicht "von Haus aus" macht, musst Du die Dateien entweder nach dem Export/Upload manuell in das Verzeichnis kopieren oder Du legst ein Hilfsverzeichnis zu Deinem Projekt an und kopierst die Dateien da hinein.
Der WD sorgt dann selbständig dafür, dass die Dateien beim Export/Upload in das Verzeichnis "index_htm_files" kopiert werden...

Wenn Du nicht auf Anhieb mit den o. a. Tipps zurechtkommst, einfach wieder melden... 😊