https://oxid-esales.com/assets/OpalGutscheinePage-BybMpXdF.js

1import{j as e}from"./vendor-ui-srD7R-Zr.js";import{r as b}from"./vendor-i18n-DtlmU0Vb.js";import{S as p}from"./SEOHead-CyikkYAr.js";import{d as c,B as a,A as h,k as f,j as m}from"./index-D4hcfD-a.js";import{C as r,c as l}from"./card-Bh0mbQd0.js";import{A as j,a as k,b as w,c as v}from"./accordion-C5wMOwuW.js";import{A as n}from"./AnimatedSection-BrTxaeeR.js";import{S as N}from"./StaggeredAnimation-CHD3kroF.js";import{S as G}from"./StandardHero-Cza48sy0.js";import{B as A}from"./BrevoContactForm-D2phOWMU.js";import{o as y}from"./oxid-opal-grafik-BoYE_KV9.js";import{B as P}from"./BlueprintSection-CFnEeXjR.js";import{G as S}from"./gift-B8uacgpY.js";import{Q as B}from"./qr-code-DLG7QNSZ.js";import{W as C}from"./wallet-DWHx9wyr.js";import{L as o}from"./vendor-react-4t1c1o1L.js";import"./vendor-recharts-BMEKEyEe.js";import"./input-2krL8zRW.js";import"./label-pPzGjwyK.js";import"./circle-alert-tef2dqs_.js";import"./send-BnfXElJS.js";const u=[{id:"shopbetreiber",label:"Shop-Betreiber",title:"Shop-Betreiber / E-Commerce Manager",scenario:"Du möchtest Geschenkgutscheine als eigenes Produkt verkaufen – als zusätzlichen Umsatzkanal und Geschenkoption, gerade rund um Feiertage.",benefit:"Du machst einen normalen Artikel per Flag zum verkäuflichen Gutschein: feste Beträge oder frei wählbarer Wert, optional mit Empfängername und Nachricht. Jeder gekaufte Gutschein wird als PDF mit QR-Code und deinem Shop-Branding automatisch per E-Mail verschickt. Die Einlösung im Checkout ist gegen doppeltes Einlösen abgesichert, Restguthaben bleibt erhalten und bei Storno wird zurückgebucht.",cta:"OPAL anfragen"},{id:"marketing",label:"Marketing",title:"Marketing / Category Management",scenario:"Du willst Gutscheine als Kampagnen- und Geschenkinstrument nutzen – mit ansprechender Optik und wenig manuellem Aufwand.",benefit:"Du wählst eine PDF-Vorlage (Klassisch oder Modern), hinterlegst Logo und Primärfarbe und lässt Käufer den Gutschein personalisieren. Feste Wertstufen oder frei wählbare Beträge steuern das Angebot; die Ausgabe per E-Mail läuft automatisch. So wird der Gutschein zum eigenständigen, marken­konformen Produkt statt zum technischen Behelf.",cta:"OPAL anfragen"},{id:"partner",label:"Partner / Agentur",title:"Partner / Agenturen",scenario:"Dein Kunde möchte Geschenkgutscheine verkaufen, ohne dass ihr Verkauf, Ausgabe, Guthabenverwaltung und die abgesicherte Einlösung selbst baut.",benefit:"Du lieferst eine fertige Gutschein-Lösung als Baustein: Gutschein-Artikel, PDF-Ausgabe mit QR-Code, eine Einlösung als fester Teil des Bestellabschlusses (kein doppeltes Guthaben), Restguthaben, Rückbuchung bei Storno und optionale Kopplung an das Retouren-Modul. Admin-Übersicht, Statistiken und Subshop-Fähigkeit sind enthalten – du konfigurierst statt zu entwickeln.",cta:"OPAL anfragen"}],D=[{title:"Gutscheine verkaufen",description:"Gutschein-Artikel mit festen Beträgen (z. B. 25|50|100|150|200) oder frei wählbarem Wert (Min-/Maxbetrag), optional mit Empfängername und persönlicher Nachricht."},{title:"PDF mit QR-Code & E-Mail",description:"Ausgabe als PDF (Vorlagen Klassisch/Modern, Shop-Logo, Primärfarbe) mit QR-Code auf die Einlöse-URL – automatisch per E-Mail an den Käufer."},{title:"Einlösung im Checkout",description:"Code im Warenkorb anwenden, aktuelles Guthaben und Guthaben nach dem Kauf sehen; Restguthaben bleibt erhalten, mehrere Gutscheine sind kombinierbar."},{title:"Admin-Übersicht & Subshop-fähig",description:"Übersicht mit Statistiken (Anzahl, aktive Gutscheine, Gesamtwert, offenes Guthaben) und Stornierung; eingelöste Gutscheine erscheinen in der Bestellübersicht. Gutscheine je Shop, Codes shopübergreifend eindeutig."}],R=[{title:"Ausstellungszeitpunkt wählbar",description:"Ausgabe bei Zahlungseingang (Standard, schützt bei Rechnung/Vorkasse) oder sofort bei Bestellung für Sofort-Zahlarten."},{title:"Sichere Einlösung & Rückbuchung",description:"Die Abbuchung ist fester Teil des Bestellabschlusses, sodass ein Code nicht doppelt eingelöst werden kann. Bei Storno oder Löschung wird zurückgebucht – mit dem Retouren-Modul auch bei voll erstatteter Retoure."},{title:"Gültigkeit & Restguthaben",description:"Gültigkeit in Jahren einstellbar (Standard 3 Jahre, nach gesetzlicher Verjährung); der Restwert bleibt bis dahin voll einlösbar."}],z=[{question:"Kann der OXID-Core nicht schon Gutscheine?",answer:"Der Core kennt Rabatt-Gutscheine, die du als Betreiber im Admin anlegst und verteilst. Dieser OPAL ergänzt den verkäuflichen Geschenkgutschein: als Produkt kaufbar, mit PDF und QR-Code ausgegeben, per E-Mail versendet und mit sicherer Guthabenlogik im Checkout, die doppeltes Einlösen verhindert."},{question:"Wie mache ich einen Artikel zum Gutschein?",answer:'Lege einen normalen Artikel mit Preis an, öffne den Tab „Gutschein" und aktiviere „Ist Geschenkgutschein" (alternativ per SQL-Flag). Nach dem Neu-Generieren der DB-Views zeigt der Artikel automatisch die Gutschein-Personalisierung auf der Detailseite.'},{question:"Was passiert bei Storno oder Retoure?",answer:"Wird eine Bestellung storniert oder gelöscht, wird das dafür eingelöste Guthaben automatisch auf die Gutscheine zurückgebucht. Ist das Retouren-Modul aktiv, geschieht das auch bei einer voll erstatteten Retoure (Gutschrift). Teilretouren werden bewusst nicht automatisch zurückgebucht – das regelt der Betreiber manuell."},{question:"Wann wird ein gekaufter Gutschein ausgestellt?",answer:"Wählbar: bei Zahlungseingang (Standard) – Code und E-Mail entstehen erst, wenn die Bestellung als bezahlt markiert ist, was bei Rechnung/Vorkasse schützt. Oder sofort bei Be

1stellung, z. B. für Sofort-Zahlarten."},{question:"Wie lange ist ein Gutschein gültig?",answer:"Die Gültigkeit ist in Jahren einstellbar (Standard 3 Jahre, nach gesetzlicher Verjährung). Bis dahin bleibt der Restwert voll einlösbar; mehrere Gutscheine lassen sich kombinieren."}],te=()=>{const[d,x]=b.useState("shopbetreiber"),s=u.find(t=>t.id===d),g=m().includes("/loesungen/opal")||m().includes("/solutions/opal");return e.jsxs(e.Fragment,{children:[e.jsx(p,{title:"Gutscheine für OXID eShop – digitale Geschenkgutscheine",description:"Digitale Geschenkgutscheine verkaufen: als PDF mit QR-Code, automatisch per E-Mail, sicher im Checkout, mit Restguthaben. Baustein direkt von OXID."}),e.jsx(G,{title:"OPAL",titleHighlight:"Gutscheine",subtitle:"Digitale Geschenkgutscheine verkaufen, gestalten und einlösen – als PDF mit QR-Code, automatisch per E-Mail versendet.",primaryButton:{label:"OPAL anfragen",onClick:()=>{var t;return(t=document.getElementById("opal-request-form"))==null?void 0:t.scrollIntoView({behavior:"smooth"})}},secondaryButton:{label:"Funktionen ansehen",href:"#features"}}),e.jsx("section",{className:"py-4 bg-background border-b",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"flex flex-wrap items-center justify-center gap-x-8 gap-y-2 text-sm text-muted-foreground",children:[e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(c,{className:"h-4 w-4 text-primary"}),"Für OXID eShop 7.4"]}),e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(c,{className:"h-4 w-4 text-primary"}),"Direkt vom Plattform-Hersteller"]})]})})}),e.jsxs("section",{className:"py-20 bg-gradient-to-br from-primary to-accent relative overflow-hidden",children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("div",{className:"absolute top-1/4 left-1/4 w-96 h-96 bg-white/5 rounded-full blur-3xl"}),e.jsx("div",{className:"absolute bottom-1/4 right-1/4 w-64 h-64 bg-white/5 rounded-full blur-3xl"})]}),e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative",children:e.jsxs(n,{animation:"fade-in-up",children:[e.jsx("p",{className:"text-white/70 text-sm font-medium mb-3",children:"Jetzt auch verkäufliche Geschenkgutscheine – mit Restguthaben."}),e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-white mb-6 font-alexandria",children:"Gutscheine verkaufen – nicht nur Rabatte vergeben"}),e.jsx("p",{className:"text-white/90 text-lg max-w-3xl mb-8",children:"OXID kennt Rabatt-Gutscheine, die du im Admin anlegst. Ein Geschenkgutschein, den Kunden kaufen und verschenken, gehört nicht zum Standard. Genau den ergänzt der OPAL Gutscheine – additiv zum bestehenden Shop."}),e.jsx(a,{size:"lg",className:"bg-white text-primary hover:bg-white/90",onClick:()=>{var t;return(t=document.getElementById("opal-request-form"))==null?void 0:t.scrollIntoView({behavior:"smooth"})},children:"Jetzt anfragen"})]})})]}),e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(n,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-12 font-alexandria text-center",children:"Was der OPAL für dich löst"})}),e.jsx(N,{animation:"fade-in-up",staggerDelay:.15,className:"grid md:grid-cols-3 gap-8 max-w-5xl mx-auto",children:[{icon:S,text:"Verkaufe Gutscheine wie normale Produkte – feste Beträge oder frei wählbarer Wert, optional personalisiert."},{icon:B,text:"Gib jeden Gutschein als PDF mit QR-Code und Shop-Branding aus und verschicke ihn automatisch per E-Mail."},{icon:C,text:"Löse Codes im Checkout sicher ein – kein doppeltes Guthaben, Restguthaben bleibt, mehrere Gutscheine kombinierbar."}].map((t,i)=>e.jsx(r,{className:"bg-card rounded-2xl border-0 shadow-[0_0_20px_rgba(0,0,0,0.12)] h-full hover:shadow-xl transition-all duration-300",children:e.jsxs(l,{className:"p-8 text-center",children:[e.jsx("div",{className:"w-12 h-12 bg-oxid-red/10 rounded-xl flex items-center justify-center mb-5 mx-auto",children:e.jsx(t.icon,{className:"h-6 w-6 text-oxid-red"})}),e.jsx("p",{className:"text-foreground text-lg leading-relaxed",children:t.text})]})},i))})]})}),!g&&e.jsx("section",{className:"py-10 bg-gradient-to-b from-secondary from-[67%] to-background to-[67%]",children:e.jsx("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:e.jsx(n,{animation:"fade-in-up",children:e.jsxs("div",{className:"rounded-3xl bg-gradient-to-r from-primary to-accent relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_30%_50%,rgba(255,255,255,0.1),transparent_60%)]"}),e.jsxs("div",{className:"relative grid grid-cols-1 lg:grid-cols-2 gap-0",children:[e.jsxs("div",{className:"p-8 lg:p-12 flex flex-col justify-center",children:[e.jsx("p",{className:"text-white/70 text-sm mb-1",children:"Teil der OPAL-Familie"}),e.jsx("p",{className:"text-white font-medium max-w-xl mb-6",children:"OPALe sind Bausteine von OXID eSales: eine erprobte, solide Basis, die an deine Systemlandschaft angepasst und in deinen Shop integriert werden muss."}),e.jsx("div",{children:e.jsxs(o,{to:"/loesungen/opal",className:"h-12 px-6 rounded-2xl font-semibold border-2 border-white/70 text-white hover:bg-white/20 backdrop-blur-sm text-sm transition-all duration-300 inline-flex items-center justify-center gap-2",children:["Alle OPALe entdecken",e.jsx(h,{className:"w-4 h-4"})]})})]}),e.jsxs("div",{className:"hidden lg:block relative min-h-[240px]",children:[e.jsx("img",{src:y,alt:"OXID OPAL Module",className:"absolute inset-0 w-full h-full object-cover rounded-r-3xl",loading:"lazy"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-r from-primary/40 via-primary/10 to-transparent roun

1ded-r-3xl"})]})]})]})})})}),e.jsx("section",{id:"features",className:"py-20 bg-background overflow-visible",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 overflow-visible",children:[e.jsx(n,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-12 font-alexandria text-center",children:"Funktionen im Überblick"})}),e.jsx(P,{featuresLeft:D,featuresRight:R})]})}),e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(n,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-8 font-alexandria text-center",children:"Für wen ist der OPAL gedacht?"})}),e.jsx("div",{className:"flex flex-wrap justify-center gap-2 mb-10",children:u.map(t=>e.jsx("button",{onClick:()=>x(t.id),className:`px-4 py-2 rounded-full text-sm font-medium transition-all ${d===t.id?"bg-primary text-white shadow-lg":"bg-card text-muted-foreground hover:bg-muted shadow-[0_0_10px_rgba(0,0,0,0.08)]"}`,children:t.label},t.id))}),e.jsx("div",{className:"max-w-4xl mx-auto",children:e.jsx(r,{className:"bg-card rounded-2xl border-0 shadow-[0_0_20px_rgba(0,0,0,0.12)]",children:e.jsxs(l,{className:"p-8 md:p-10",children:[e.jsx("h3",{className:"text-2xl font-bold text-foreground font-alexandria mb-4",children:s.title}),e.jsx("p",{className:"text-muted-foreground italic mb-6",children:s.scenario}),e.jsx("h4",{className:"font-semibold text-foreground mb-3",children:"Was der OPAL hier konkret bringt"}),e.jsx("p",{className:"text-muted-foreground mb-6",children:s.benefit}),e.jsxs(a,{onClick:()=>{var t;return(t=document.getElementById("opal-request-form"))==null?void 0:t.scrollIntoView({behavior:"smooth"})},className:"gap-2",children:[s.cta,e.jsx(h,{className:"h-4 w-4"})]})]})})})]})}),e.jsx("section",{className:"py-20 bg-secondary",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(n,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-12 font-alexandria text-center",children:"Häufige Fragen"})}),e.jsx(n,{animation:"fade-in-up",delay:.1,children:e.jsx("div",{className:"max-w-3xl mx-auto",children:e.jsx(j,{type:"single",collapsible:!0,className:"space-y-4",children:z.map((t,i)=>e.jsxs(k,{value:`faq-${i}`,className:"bg-card rounded-2xl border-0 shadow-[0_0_20px_rgba(0,0,0,0.12)] px-6 data-[state=open]:shadow-md transition-all hover:shadow-sm",children:[e.jsx(w,{className:"font-semibold hover:no-underline py-6 text-foreground",children:t.question}),e.jsx(v,{className:"text-muted-foreground pb-6 pt-0",children:t.answer})]},i))})})})]})}),e.jsx("section",{className:"py-20 bg-background",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(n,{animation:"fade-in-up",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-12 font-alexandria text-center",children:"Preis"})}),e.jsx(n,{animation:"fade-in-up",delay:.1,children:e.jsxs("div",{className:"max-w-sm mx-auto",children:[e.jsx(r,{className:"bg-card rounded-2xl border-0 shadow-[0_0_20px_rgba(0,0,0,0.12)]",children:e.jsx(l,{className:"p-8 text-center",children:e.jsx("p",{className:"text-4xl font-bold text-foreground font-alexandria mb-1",children:"Preis auf Anfrage"})})}),e.jsxs("p",{className:"text-sm text-muted-foreground text-center mt-4",children:["OPALe sind auch in"," ",e.jsx(o,{to:"/loesungen/opal#opal-pricing",className:"text-primary hover:underline font-medium",children:"Abonnement-Paketen"})," ","erhältlich."]})]})})]})}),e.jsx("section",{id:"opal-request-form",className:"py-20 bg-background",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsx(n,{animation:"fade-in-up",children:e.jsx("div",{className:"text-center mb-10",children:e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-foreground mb-4 font-alexandria",children:"Noch Fragen?"})})}),e.jsx(A,{hideHeader:!0,interesseAn:"Gutscheine",formType:"opal-detail"})]})}),e.jsx("section",{className:"py-20 bg-gradient-to-br from-primary to-accent",children:e.jsx("div",{className:"container mx-auto px-4",children:e.jsx(n,{animation:"fade-in-up",children:e.jsxs("div",{className:"max-w-3xl mx-auto text-center",children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-bold text-white mb-6 font-alexandria",children:"OPAL Gutscheine anfragen"}),e.jsx("p",{className:"text-xl text-white/90 mb-8",children:"Geschenkgutscheine verkaufen, als PDF mit QR-Code ausgeben und sicher einlösen – sauber integriert in deinen OXID eShop."}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center",children:[e.jsxs(a,{size:"lg",className:"bg-white text-primary hover:bg-white/90 gap-2",onClick:()=>{var t;return(t=document.getElementById("opal-request-form"))==null?void 0:t.scrollIntoView({behavior:"smooth"})},children:[e.jsx(f,{className:"h-4 w-4"}),"Jetzt anfragen"]}),e.jsx(o,{to:"/loesungen/opal",children:e.jsx(a,{size:"lg",variant:"outline",className:"bg-transparent border-white/80 text-white hover:bg-white/20",children:"Zur OPAL Übersicht"})})]})]})})})})]})};export{te as default};