> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Feuerwerk

> Belohne deine Kunden mit einer Feuerwerkanimation

## Allgemeine Beschreibung

Belohne deine Kunden mit einer Feuerwerkanimation und hinterlasse einen unvergesslichen Eindruck beim Kaufabschluss.

## Settings

### Test

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/w6yQBsFy9abIY6Tk/images/feuerwerk-test.jpg?fit=max&auto=format&n=w6yQBsFy9abIY6Tk&q=85&s=e6db34c9e889734b1ee9dac9c0e27acb" alt="Test" width="2070" height="654" data-path="images/feuerwerk-test.jpg" />
  </Frame>
</div>

Über den Button **„Feuer!!!"** kannst du die Feuerwerk-Animation direkt im Backend testen, ohne den Shop aufrufen zu müssen.

<br />

### Einstellungen

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/w6yQBsFy9abIY6Tk/images/feuerwerk-einstellungen.jpg?fit=max&auto=format&n=w6yQBsFy9abIY6Tk&q=85&s=394dfb1645e10b4cb4427641e4aa4fee" alt="Einstellungen" width="2066" height="236" data-path="images/feuerwerk-einstellungen.jpg" />
  </Frame>
</div>

Das Feature wird aktiv weiterentwickelt. Für den Start steht dir Feuerwerk auf der Bestellabschlussseite zur Verfügung. Weitere Events und Implementierungen folgen.

<ParamField path="Aktivieren" type="boolean">
  Schalte die Feuerwerk-Animation global ein oder aus.
</ParamField>

<br />

### Einfügeoptionen

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/w6yQBsFy9abIY6Tk/images/feuerwerk-einfuegeoptionen.jpg?fit=max&auto=format&n=w6yQBsFy9abIY6Tk&q=85&s=d775e4889c5d3ef5371081d5a9146abf" alt="Einfügeoptionen" width="2064" height="352" data-path="images/feuerwerk-einfuegeoptionen.jpg" />
  </Frame>
</div>

Das Script sollte nach dem Footer platziert werden. Nutze diese Einstellung nur, wenn nötig.

<ParamField path="Einfügemethode" type="select">
  Wähle aus verschiedenen Einfügemethoden, wie das Script an den CSS-Selektor eingefügt werden soll.
</ParamField>

<ParamField path="Selektor" type="string" default="#footer">
  CSS-Selektor, nach dem das Script eingefügt wird. Der Standard-Selektor platziert das Script nach dem Footer-Element.
</ParamField>

<div style={{height: '1px', backgroundColor: 'silver', margin: '24px 0'}} />