Ihre Daten- und Aktenvernichtung
direkt bestellen:


Anmerkungen:

  • Größe des PLZ Feldes und Buttons ggf. an das jeweilige Design anpassen.
  • Farbe des PLZ Feldes und Buttons an das jeweilige Design anpassen.
  • Größe des Iframes anpassen – (Desktop und mobil)
  • Der Code ist so angepasst, dass er in unterschiedlichen Content Managementsystemen verwendet werden kann.

Code ohne Schatteneffekt:

<form action="https://mammut-aktenvernichtung.de/quicklink" method="get" target="_blank" style="display: flex; justify-content: center; align-items: center;">
    <div style="display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;">
        <input id="plz-input" name="postal" type="text" style="width: 250px; height: 50px; margin-bottom: 10px; text-align: center; padding: 0 10px; box-sizing: border-box; background-color: #eeeeee; color: #444f54; border: 1px solid #4a555b;" maxlength="5" placeholder="Ihre PLZ">
        <button id="price-button" type="submit" style="width: 250px; height: 50px; line-height: 45px; padding: 0 10px; box-sizing: border-box; background-color: #ffe03f; color: #4a555b" disabled="true">zur Preisliste</button>
    </div>
</form>

Code mit Schatteneffekt:

<form action="https://mammut-aktenvernichtung.de/quicklink" method="get" target="_blank" style="display: flex; justify-content: center; align-items: center;">
    <div style="display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;">
        <input id="plz-input" name="postal" type="text" style="width: 250px; height: 50px; margin-bottom: 10px; text-align: center; padding: 0 10px; box-sizing: border-box; background-color: #eeeeee; color: #444f54; border: 1px solid #4a555b;" maxlength="5" placeholder="Ihre PLZ">
        <button id="price-button" type="submit" style="width: 250px; height: 50px; line-height: 45px; padding: 0 10px; box-sizing: border-box; background-color: #ffe03f; color: #4a555b; box-shadow: 10px 10px 10px -4px #8E8E8E;" disabled="true">zur Preisliste</button>
    </div>
</form>

Zusätzlicher Code – ohne Eingabe ins PLZ Feld ist der Button inaktiv

<script>
    const plzInput = document.getElementById("plz-input");
    const priceButton = document.getElementById("price-button");

    plzInput.addEventListener("input", function() {
        if (plzInput.value.length === 5) {
            priceButton.disabled = false;
        } else {
            priceButton.disabled = true;
        }
    });
</script>

Iframe

<iframe src="https://www.mammut-aktenvernichtung.de/iframe/reviews?partnerId=2" name="myIFrame" scrolling="no" style="border: 0px solid #000000;" width="100%" height="500px"></iframe>