Widerrufsbutton für Siquando Pro-Shop 8

 Hat jemand eine Lösung für den Widerrufsbutton für Siquando Pro-Shop 8? 

Ein Plugin oder ein neues Design? Wir haben keine Lust, nur für den Button teuer ein Upgrade zu erwerben.

Wer hat hier eine gute Idee?

Naja - aufgrund der php Versionen wird ein upgrade eh zukünftig Sinn machen

Hallo,

wenn es um einen rechtsicheren Wideruf-Button geht, dann wird es keine Lösung mit Bordmittel geben, selbst das Formular wird dies nicht erfüllen können.

Wegen PHP sehe ich das genauso wie Deekay.

Ich würde jetzt trotzdem erst mal abwarten was Siquando herausbringt.

Wenn ich diesen Beitrag lese, dann kann es ja nicht mehr so lange dauern. An dieser Stelle Danke für die Rückmeldung.

Die Lösung über den Händlerbund, was Filmfan HIER mitteilt, könnte ich mir auch für Pro Shop 8 vorstellen, dass dies so umsetzbar ist:

Beitrag Lösung über Händlerbund

Ansonsten wurde bereits der Widerrufsbutton von Siquando für Pro Shop 9 per Newsletter angekündig.

ich bin mal gespannt was von Siquando kommt und vor allem wie das Preisschild aussieht. Es gibt ja nicht nur beim Händlerbund DE eine Lösung auch versch. KI-Platformen bieten diesbezüglich Scriptlösungen an welche man via HTML einbauen könnte. Wie Rechtsicher dies ist weis ich nicht das muss jeder für sich selbst klären.

Hier ein Ansatz zu einer Zwischenlösung:

Ich habe im Bereich der Allgemeinen Seiten > Infoseiten eine neue Seite angelegt: "Widerrufsbutton"

Dort habe ich einen html Absatz wie folgt befüllt:

<div id="widerruf-widget" style="max-width:760px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:10px;background:#fafafa;font-family:Arial,Helvetica,sans-serif;">
<div id="widerruf-step1">
<h2 style="margin-top:0;">Widerruf</h2>
<p>
Wenn Sie einen online geschlossenen Vertrag widerrufen möchten, können Sie dies hier elektronisch erklären.
</p>

<button id="widerruf-start"
type="button"
style="display:inline-block;padding:14px 22px;border:0;border-radius:8px;background:#b40000;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;">
Vertrag widerrufen
</button>
</div>

<div id="widerruf-step2" style="display:none;margin-top:20px;">
<h3 style="margin-top:0;">Widerrufserklärung absenden</h3>

<form id="widerruf-form">
<div style="margin-bottom:14px;">
<label for="wid_name" style="display:block;font-weight:bold;margin-bottom:6px;">Vor- und Nachname *</label>
<input id="wid_name" name="wid_name" type="text" required
style="width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;box-sizing:border-box;">
</div>

<div style="margin-bottom:14px;">
<label for="wid_email" style="display:block;font-weight:bold;margin-bottom:6px;">E-Mail-Adresse *</label>
<input id="wid_email" name="wid_email" type="email" required
style="width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;box-sizing:border-box;">
</div>

<div style="margin-bottom:14px;">
<label for="wid_order" style="display:block;font-weight:bold;margin-bottom:6px;">Bestellnummer / Vertragsnummer *</label>
<input id="wid_order" name="wid_order" type="text" required
style="width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;box-sizing:border-box;">
</div>

<div style="margin-bottom:14px;">
<label for="wid_date" style="display:block;font-weight:bold;margin-bottom:6px;">Bestelldatum / Vertragsdatum</label>
<input id="wid_date" name="wid_date" type="date"
style="width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;box-sizing:border-box;">
</div>

<div style="margin-bottom:14px;">
<label for="wid_text" style="display:block;font-weight:bold;margin-bottom:6px;">Ihre Erklärung</label>
<textarea id="wid_text" name="wid_text" rows="6"
style="width:100%;padding:10px;border:1px solid #bbb;border-radius:6px;box-sizing:border-box;">Hiermit widerrufe ich den von mir abgeschlossenen Vertrag.

Hinweis: Bei geöffneten oder entsiegelten Spirituosen kann aufgrund lebensmittelrechtlicher und sicherheitsrelevanter Anforderungen ein erheblicher Wertverlust bis hin zum vollständigen Verlust der Wiederverkaufsfähigkeit eintreten. In solchen Fällen behalten wir uns vor, einen entsprechenden Wertersatz geltend zu machen, denn geöffnete Spirituosen können aus Gründen der Produktsicherheit und Qualitätssicherung regelmäßig nicht erneut in Verkehr gebracht werden.</textarea>
</div>

<div style="margin-bottom:14px;">
<label style="display:flex;gap:8px;align-items:flex-start;">
<input id="wid_confirm" type="checkbox" required style="margin-top:3px;">
<span>Ich bestätige, dass sich meine Erklärung auf den oben angegebenen Vertrag bezieht. *</span>
</label>
</div>

<div style="display:flex;gap:10px;flex-wrap:wrap;">
<button type="submit"
style="padding:12px 18px;border:0;border-radius:8px;background:#006400;color:#fff;font-size:15px;font-weight:bold;cursor:pointer;">
Widerruf jetzt absenden
</button>

<button type="button" id="widerruf-back"
style="padding:12px 18px;border:1px solid #999;border-radius:8px;background:#fff;color:#333;font-size:15px;cursor:pointer;">
Zurück
</button>
</div>
</form>

<div id="widerruf-success" style="display:none;margin-top:18px;padding:12px;border-radius:8px;background:#eaf7ea;border:1px solid #9fd19f;">
Ihr E-Mail-Programm wurde geöffnet. Bitte senden Sie die vorbereitete Widerrufserklärung ab.
</div>
</div>
</div>

<script>
(function () {
var startBtn = document.getElementById('widerruf-start');
var backBtn = document.getElementById('widerruf-back');
var step1 = document.getElementById('widerruf-step1');
var step2 = document.getElementById('widerruf-step2');
var form = document.getElementById('widerruf-form');
var successBox = document.getElementById('widerruf-success');

startBtn.addEventListener('click', function () {
step1.style.display = 'none';
step2.style.display = 'block';
});

backBtn.addEventListener('click', function () {
step2.style.display = 'none';
step1.style.display = 'block';
successBox.style.display = 'none';
});

form.addEventListener('submit', function (e) {
e.preventDefault();

var name = document.getElementById('wid_name').value.trim();
var email = document.getElementById('wid_email').value.trim();
var order = document.getElementById('wid_order').value.trim();
var date = document.getElementById('wid_date').value.trim();
var text = document.getElementById('wid_text').value.trim();

var recipient = 'info@xxxxxxx.de'; // <-- ANPASSEN
var subject = 'Widerruf Vertrag / Bestellung ' + order;

var body =
'Widerrufserklärung

' +
'Name: ' + encodeURIComponent(name) + '
' +
'E-Mail: ' + encodeURIComponent(email) + '
' +
'Bestell-/Vertragsnummer: ' + encodeURIComponent(order) + '
' +
'Bestell-/Vertragsdatum: ' + encodeURIComponent(date) + '

' +
'Erklärung:
' + encodeURIComponent(text);

window.location.href = 'mailto:' + recipient + '?subject=' + encodeURIComponent(subject) + '&body=' + body;

successBox.style.display = 'block';
});
})();
</script>

Diesen Schnipsel fand ich hier in einem anderen Thema hier auf der Webseite.

Da danach der abgebildete Botton beim Klicken nicht funktionierte, habe ich einen weiteren Schnipsel in einem 2 html Absatz auf der gleichen Seite eingesetzt:

<script>
(function () {
 var startBtn = document.getElementById('widerruf-start');
 var backBtn = document.getElementById('widerruf-back');
 var step1 = document.getElementById('widerruf-step1');
 var step2 = document.getElementById('widerruf-step2');
 var form = document.getElementById('widerruf-form');
 var successBox = document.getElementById('widerruf-success');

 startBtn.addEventListener('click', function () {
  step1.style.display = 'none';
  step2.style.display = 'block';
 });

 backBtn.addEventListener('click', function () {
  step2.style.display = 'none';
  step1.style.display = 'block';
  successBox.style.display = 'none';
 });

 form.addEventListener('submit', function (e) {
  e.preventDefault();

  var name = document.getElementById('wid_name').value.trim();
  var email = document.getElementById('wid_email').value.trim();
  var order = document.getElementById('wid_order').value.trim();
  var date = document.getElementById('wid_date').value.trim();
  var text = document.getElementById('wid_text').value.trim();

  var recipient = 'info@xxxxxxx.de';
  var subject = 'Widerruf Vertrag / Bestellung ' + order;

  var body =
   'Widerrufserklärung\n\n' +
   'Name: ' + name + '\n' +
   'E-Mail: ' + email + '\n' +
   'Bestell-/Vertragsnummer: ' + order + '\n' +
   'Bestell-/Vertragsdatum: ' + date + '\n\n' +
   'Erklärung:\n' + text;

  window.location.href =
   'mailto:' + recipient +
   '?subject=' + encodeURIComponent(subject) +
   '&body=' + encodeURIComponent(body);

  successBox.style.display = 'block';
 });
})();
</script>

Danach funktionierte der Button.

Natürlich müsst ihr die Stelle suchen, die die Mailadresse beinhaltet und diese entsprechend ändern.

LG

Christian