{"id":120,"date":"2026-07-19T21:52:12","date_gmt":"2026-07-19T19:52:12","guid":{"rendered":"https:\/\/new.mailfino.com\/integrationen\/shopware\/"},"modified":"2026-07-20T19:48:54","modified_gmt":"2026-07-20T17:48:54","slug":"shopware","status":"publish","type":"page","link":"https:\/\/new.mailfino.com\/en\/integrationen\/shopware\/","title":{"rendered":"Shopware Newsletter Software f\u00fcr Shopware 6"},"content":{"rendered":"<style>:root {\n  --mf-ink: #14242c;\n  --mf-muted: #5b6b72;\n  --mf-blue: #287fc1;\n  --mf-blue-dark: #185e91;\n  --mf-navy: #07163d;\n  --mf-green: #103f39;\n  --mf-red: #df5948;\n  --mf-yellow: #f2c14e;\n  --mf-soft: #f4f7f6;\n  --mf-line: #dce4e1;\n  --mf-white: #fff;\n  --mf-shadow: 0 18px 50px rgba(20, 36, 44, 0.09);\n}\n\n#header .sub-menu {\n  padding: 8px;\n  border: 1px solid rgba(17, 51, 79, 0.12);\n  border-radius: 6px;\n  background: #ffffff;\n  box-shadow: 0 16px 38px rgba(17, 51, 79, 0.16);\n}\n\n#header .sub-menu .ct-menu-link {\n  min-height: 0;\n  padding: 12px 14px;\n  border-radius: 4px;\n  color: #172b38;\n}\n\n#header .sub-menu .menu-item:hover > .ct-menu-link,\n#header .sub-menu .menu-item:focus-within > .ct-menu-link,\n#header .sub-menu .current-menu-item > .ct-menu-link {\n  background: #edf4f8;\n  color: #24587b;\n}\n\nbody.page {\n  color: var(--mf-ink);\n  background: var(--mf-white);\n}\n\nbody.page .hero-section,\nbody.page #footer {\n  display: none;\n}\n\nbody.page .ct-container-full[data-vertical-spacing] {\n  --theme-content-vertical-spacing: 0;\n}\n\nbody.page .entry-content {\n  max-width: none;\n  margin: 0;\n  padding: 0;\n}\n\nbody.page .entry-content > * {\n  margin-block: 0;\n}\n\nbody.page header.ct-header {\n  position: sticky;\n  z-index: 80;\n  top: 0;\n}\n\nbody.admin-bar.page header.ct-header {\n  top: 32px;\n}\n\nbody.page .ct-header [data-row*=\"middle\"] {\n  --height: 82px;\n  background: rgba(255, 255, 255, 0.97);\n  border-bottom: 1px solid var(--mf-line);\n}\n\nbody.page .ct-header [data-id=\"menu\"] > ul > li > a {\n  color: var(--mf-ink);\n  font-size: 15px;\n  font-weight: 650;\n  letter-spacing: 0;\n  text-transform: none;\n}\n\nbody.page .ct-header [data-id=\"logo\"] .site-title a {\n  display: block;\n  width: 190px;\n  height: 48px;\n  overflow: hidden;\n  background: url(\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-logo.png\") center \/ contain no-repeat;\n  color: transparent;\n  font-size: 0;\n  white-space: nowrap;\n}\n\nbody.page .ct-header [data-id=\"search\"] {\n  display: none;\n}\n\n.mf-shell {\n  width: min(1240px, calc(100% - 64px));\n  margin-inline: auto;\n}\n\n.mf-page-hero {\n  position: relative;\n  width: 100vw;\n  max-width: none !important;\n  min-height: 590px;\n  margin-left: calc(50% - 50vw);\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  background-color: var(--mf-navy);\n  background-image: var(--mf-page-art);\n  background-position: right center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  color: var(--mf-white);\n}\n\n.mf-page-hero::before {\n  position: absolute;\n  inset: 0;\n  background: rgba(4, 19, 58, 0.16);\n  content: \"\";\n}\n\n.mf-page-hero-inner {\n  position: relative;\n  z-index: 2;\n  width: 50%;\n  padding: 78px 0 86px;\n}\n\n.mf-kicker {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin: 0 0 20px;\n  color: #7ddcf0;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 0;\n  text-transform: uppercase;\n}\n\n.mf-kicker::before {\n  width: 34px;\n  height: 2px;\n  background: var(--mf-yellow);\n  content: \"\";\n}\n\n.mf-page-hero h1 {\n  max-width: 690px;\n  margin: 0 0 26px;\n  color: var(--mf-white);\n  font-size: 58px;\n  line-height: 1.03;\n  letter-spacing: 0;\n}\n\n.mf-page-hero-copy {\n  max-width: 630px;\n  margin: 0;\n  color: #dbe6f6;\n  font-size: 20px;\n  line-height: 1.55;\n}\n\n.mf-cloud-hero {\n  min-height: 520px;\n  background: var(--mf-navy);\n}\n\n.mf-cloud-hero::before {\n  display: none;\n}\n\n.mf-cloud-layout {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 0.88fr 1.12fr;\n  gap: 70px;\n  align-items: center;\n  padding: 62px 0;\n}\n\n.mf-cloud-copy h1 {\n  margin: 0 0 24px;\n  color: var(--mf-white);\n  font-size: 54px;\n  line-height: 1.04;\n}\n\n.mf-cloud-copy p:not(.mf-kicker) {\n  margin: 0;\n  color: #dbe6f6;\n  font-size: 19px;\n}\n\n.mf-cloud-screen {\n  margin: 0;\n  padding: 22px;\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  border-radius: 8px;\n  background: rgba(255, 255, 255, 0.06);\n}\n\n.mf-cloud-screen img {\n  display: block;\n  width: 100%;\n}\n\n.mf-report-hero {\n  min-height: 650px;\n}\n\n.mf-report-layout {\n  grid-template-columns: 0.78fr 1.22fr;\n  gap: 58px;\n}\n\n.mf-report-screen {\n  padding: 12px;\n  background: rgba(255, 255, 255, 0.08);\n}\n\n.mf-report-screen img {\n  border-radius: 5px;\n}\n\n.mf-report-screen figcaption {\n  padding: 12px 4px 2px;\n  color: #c9dbd7;\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.mf-cloud-proof {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-top: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n}\n\n.mf-cloud-proof div {\n  padding: 34px;\n}\n\n.mf-cloud-proof div + div {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-cloud-proof strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--mf-ink);\n  font-size: 18px;\n}\n\n.mf-cloud-proof span {\n  color: var(--mf-muted);\n}\n\n.mf-cloud-choice {\n  display: flex;\n  gap: 38px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 34px 40px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-soft);\n}\n\n.mf-cloud-choice h2 {\n  margin: 0 0 8px;\n  font-size: 28px;\n}\n\n.mf-cloud-choice p {\n  margin: 0;\n  color: var(--mf-muted);\n}\n\n.mf-editor-hero {\n  min-height: 650px;\n  background: var(--mf-soft);\n  color: var(--mf-ink);\n}\n\n.mf-editor-hero::before {\n  display: none;\n}\n\n.mf-editor-layout {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 0.8fr 1.2fr;\n  gap: 72px;\n  align-items: center;\n  padding: 78px 0;\n}\n\n.mf-editor-copy .mf-kicker {\n  color: var(--mf-blue-dark);\n}\n\n.mf-editor-copy h1 {\n  margin: 0 0 24px;\n  color: var(--mf-ink);\n  font-size: 56px;\n  line-height: 1.03;\n}\n\n.mf-editor-copy p:not(.mf-kicker) {\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 19px;\n}\n\n.mf-editor-copy .mf-button-secondary {\n  border-color: var(--mf-blue-dark);\n  color: var(--mf-blue-dark);\n}\n\n.mf-editor-stage {\n  margin: 0;\n  padding: 16px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-editor-stage img {\n  display: block;\n  width: 100%;\n}\n\n.mf-form-hero {\n  min-height: 650px;\n  background: var(--mf-navy);\n}\n\n.mf-form-hero::before {\n  display: none;\n}\n\n.mf-form-hero-layout {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: 0.88fr 1.12fr;\n  gap: 72px;\n  align-items: center;\n  padding: 72px 0;\n}\n\n.mf-form-hero-copy h1 {\n  margin: 0 0 24px;\n  color: var(--mf-white);\n  font-size: 56px;\n  line-height: 1.03;\n}\n\n.mf-form-hero-copy > p:not(.mf-kicker) {\n  margin: 0;\n  color: #dbe6f6;\n  font-size: 19px;\n}\n\n.mf-form-preview {\n  margin: 0;\n  padding: 18px;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 8px;\n  background: rgba(255, 255, 255, 0.07);\n}\n\n.mf-form-preview-window {\n  overflow: hidden;\n  border-radius: 6px;\n  background: var(--mf-white);\n  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);\n}\n\n.mf-form-preview-bar {\n  display: flex;\n  gap: 7px;\n  padding: 12px 15px;\n  background: #e8f2ef;\n}\n\n.mf-form-preview-bar i {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--mf-green);\n}\n\n.mf-form-preview-body {\n  display: grid;\n  grid-template-columns: 0.7fr 1.3fr;\n  min-height: 390px;\n}\n\n.mf-form-preview-aside {\n  padding: 34px 28px;\n  background: var(--mf-blue);\n  color: var(--mf-white);\n}\n\n.mf-form-preview-aside strong {\n  display: block;\n  margin-bottom: 12px;\n  font-size: 23px;\n  line-height: 1.15;\n}\n\n.mf-form-preview-aside span {\n  color: #d7effb;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.mf-form-preview-fields {\n  display: grid;\n  gap: 13px;\n  align-content: center;\n  padding: 42px;\n  color: var(--mf-ink);\n}\n\n.mf-form-preview-fields > strong {\n  margin-bottom: 4px;\n  font-size: 23px;\n}\n\n.mf-form-preview-fields > span {\n  margin-bottom: 8px;\n  color: var(--mf-muted);\n  font-size: 13px;\n}\n\n.mf-form-preview-input {\n  padding: 13px 15px;\n  border: 1px solid #cfdad7;\n  border-radius: 4px;\n  color: #718087;\n  font-size: 13px;\n}\n\n.mf-form-preview-consent {\n  display: grid;\n  grid-template-columns: 18px 1fr;\n  gap: 10px;\n  align-items: start;\n  color: var(--mf-muted);\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.mf-form-preview-consent::before {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #a9b9b5;\n  border-radius: 3px;\n  content: \"\";\n}\n\n.mf-form-preview-submit {\n  padding: 13px 18px;\n  border-radius: 4px;\n  background: var(--mf-red);\n  color: var(--mf-white);\n  font-size: 14px;\n  font-weight: 800;\n  text-align: center;\n}\n\n.mf-form-elements {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-top: 1px solid var(--mf-line);\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-form-element {\n  min-height: 195px;\n  padding: 26px;\n  border-right: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n  background: var(--mf-white);\n}\n\n.mf-form-element-symbol {\n  display: grid;\n  width: 58px;\n  height: 48px;\n  margin-bottom: 22px;\n  place-items: center;\n  border: 1px solid var(--mf-line);\n  border-radius: 6px;\n  background: var(--mf-soft);\n  color: var(--mf-blue-dark);\n  font-size: 14px;\n  font-weight: 850;\n}\n\n.mf-form-element h3 {\n  margin: 0 0 7px;\n  font-size: 18px;\n}\n\n.mf-form-element p {\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 14px;\n}\n\n.mf-form-field-properties {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  margin-top: 34px;\n  border-top: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n}\n\n.mf-form-field-properties div {\n  padding: 24px;\n}\n\n.mf-form-field-properties div + div {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-form-field-properties strong {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--mf-ink);\n}\n\n.mf-form-field-properties span {\n  color: var(--mf-muted);\n  font-size: 14px;\n}\n\n.mf-editor-proof {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  border-top: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n}\n\n.mf-editor-proof article {\n  padding: 32px 28px;\n}\n\n.mf-editor-proof article + article {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-editor-proof strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--mf-ink);\n  font-size: 17px;\n}\n\n.mf-editor-proof span {\n  color: var(--mf-muted);\n  font-size: 14px;\n}\n\n.mf-editor-elements {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid var(--mf-line);\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-editor-element {\n  min-height: 238px;\n  padding: 28px;\n  border-right: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n  background: var(--mf-white);\n}\n\n.mf-editor-element-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  min-height: 78px;\n  margin-bottom: 20px;\n}\n\n.mf-editor-element-head img {\n  display: block;\n  width: 76px;\n  height: 76px;\n  object-fit: cover;\n  border: 1px solid #d9e2e0;\n  border-radius: 6px;\n  background: #fff;\n}\n\n.mf-editor-element-head span {\n  display: block;\n  color: var(--mf-blue);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n.mf-editor-element h3 {\n  margin-bottom: 8px;\n  font-size: 19px;\n}\n\n.mf-editor-element p {\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 14px;\n}\n\n.mf-editor-detail {\n  display: grid;\n  grid-template-columns: 0.92fr 1.08fr;\n  gap: 76px;\n  align-items: center;\n}\n\n.mf-editor-detail-reverse {\n  grid-template-columns: 1.08fr 0.92fr;\n}\n\n.mf-editor-detail-reverse .mf-editor-detail-copy {\n  order: 2;\n}\n\n.mf-editor-detail-reverse .mf-editor-shot {\n  order: 1;\n}\n\n.mf-editor-detail-copy > p:not(.mf-eyebrow) {\n  color: var(--mf-muted);\n  font-size: 17px;\n}\n\n.mf-editor-shot {\n  margin: 0;\n  padding: 14px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-editor-shot img,\n.mf-editor-shot video {\n  display: block;\n  width: 100%;\n}\n\n.mf-editor-shot video {\n  aspect-ratio: 16 \/ 10;\n  background: #eef1f0;\n  object-fit: cover;\n}\n\n.mf-editor-shot figcaption {\n  padding: 12px 4px 0;\n  color: var(--mf-muted);\n  font-size: 13px;\n}\n\n.mf-editor-wide-shot {\n  margin: 40px 0 0;\n  padding: 14px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-editor-wide-shot img,\n.mf-editor-wide-shot video {\n  display: block;\n  width: 100%;\n}\n\n.mf-editor-wide-shot video {\n  aspect-ratio: 16 \/ 10;\n  background: #eef1f0;\n  object-fit: cover;\n}\n\n.mf-editor-wide-shot figcaption {\n  padding: 12px 4px 0;\n  color: var(--mf-muted);\n  font-size: 13px;\n}\n\n.mf-editor-wide-shot-dark {\n  border-color: rgba(255, 255, 255, 0.2);\n  background: #1b3138;\n}\n\n.mf-editor-wide-shot-dark figcaption {\n  color: #c9dbd7;\n}\n\n.mf-editor-tools {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n}\n\n.mf-editor-tool {\n  padding: 30px;\n}\n\n.mf-editor-tools-visual .mf-editor-tool {\n  min-height: 360px;\n}\n\n.mf-editor-tool-icon {\n  display: block;\n  width: 96px;\n  height: 96px;\n  margin-bottom: 22px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  object-fit: cover;\n  background: var(--mf-soft);\n}\n\n.mf-editor-tool + .mf-editor-tool {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-editor-tool span {\n  display: block;\n  margin-bottom: 18px;\n  color: var(--mf-red);\n  font-size: 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mf-editor-tool p {\n  margin: 0;\n  color: var(--mf-muted);\n}\n\n.mf-editor-tools-six {\n  grid-template-columns: repeat(3, 1fr);\n}\n\n.mf-editor-tools-six .mf-editor-tool:nth-child(n + 4) {\n  border-top: 1px solid var(--mf-line);\n}\n\n.mf-editor-tools-six .mf-editor-tool:nth-child(4) {\n  border-left: 0;\n}\n\n.mf-editor-tools-four {\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.mf-editor-tools-four .mf-editor-tool:nth-child(n + 3) {\n  border-top: 1px solid var(--mf-line);\n}\n\n.mf-editor-tools-four .mf-editor-tool:nth-child(3) {\n  border-left: 0;\n}\n\n.mf-editor-note {\n  margin-top: 30px;\n  padding: 22px 24px;\n  border-left: 4px solid var(--mf-blue);\n  background: #eef5f8;\n  color: var(--mf-ink);\n}\n\n.mf-editor-note strong {\n  display: block;\n  margin-bottom: 5px;\n}\n\n.mf-editor-routes {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n}\n\n.mf-editor-routes-three {\n  grid-template-columns: repeat(3, 1fr);\n}\n\n.mf-editor-route {\n  padding: 36px;\n}\n\n.mf-editor-route + .mf-editor-route {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-editor-route p {\n  color: var(--mf-muted);\n}\n\n.mf-text-link {\n  color: var(--mf-blue-dark);\n  font-weight: 750;\n  text-decoration: none;\n}\n\n.mf-feature-rows {\n  border-top: 1px solid var(--mf-line);\n}\n\n.mf-feature-row {\n  display: grid;\n  grid-template-columns: 110px 0.72fr 1.28fr;\n  gap: 28px;\n  padding: 34px 0;\n  border-bottom: 1px solid var(--mf-line);\n}\n\n.mf-feature-row > span {\n  color: var(--mf-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.mf-feature-row h3,\n.mf-feature-row p {\n  margin: 0;\n}\n\n.mf-feature-row p {\n  color: var(--mf-muted);\n}\n\n.mf-section-dark .mf-feature-row {\n  border-color: rgba(255, 255, 255, 0.18);\n}\n\n.mf-section-dark .mf-feature-row p {\n  color: #c9dbd7;\n}\n\n.mf-architecture {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  overflow: hidden;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-architecture-step {\n  position: relative;\n  min-height: 250px;\n  padding: 36px;\n}\n\n.mf-architecture-step + .mf-architecture-step {\n  border-left: 1px solid var(--mf-line);\n}\n\n.mf-architecture-step span {\n  display: block;\n  margin-bottom: 42px;\n  color: var(--mf-blue);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.mf-architecture-step p {\n  margin: 0;\n  color: var(--mf-muted);\n}\n\n.mf-mode-match-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n}\n\n.mf-mode-match {\n  display: flex;\n  min-height: 330px;\n  flex-direction: column;\n  padding: 34px;\n  border: 1px solid #bfd6e7;\n  border-top: 4px solid #189eff;\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: 0 12px 34px rgba(24, 90, 130, 0.08);\n}\n\n.mf-mode-source {\n  color: #087cc8;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.mf-mode-connector {\n  display: block;\n  margin: 24px 0 8px;\n  color: var(--mf-muted);\n  font-size: 13px;\n}\n\n.mf-mode-match h3 {\n  margin: 0 0 16px;\n  font-size: 25px;\n}\n\n.mf-mode-match p {\n  margin: 0 0 24px;\n  color: var(--mf-muted);\n}\n\n.mf-mode-match .mf-text-link {\n  margin-top: auto;\n}\n\n.mf-mode-note {\n  padding: 24px 28px;\n  margin: 22px 0 0;\n  border-left: 4px solid #189eff;\n  background: #edf7fd;\n  color: var(--mf-muted);\n}\n\n.mf-mode-note strong {\n  color: var(--mf-ink);\n}\n\n.mf-setup-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 24px;\n}\n\n.mf-setup-panel {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  overflow: hidden;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-setup-panel-copy {\n  padding: 36px 36px 30px;\n}\n\n.mf-setup-panel h3 {\n  margin: 10px 0 24px;\n  font-size: 26px;\n}\n\n.mf-setup-phase {\n  color: var(--mf-blue-dark);\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mf-setup-steps {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  counter-reset: mf-setup;\n}\n\n.mf-setup-steps[start=\"5\"] {\n  counter-reset: mf-setup 4;\n}\n\n.mf-setup-steps li {\n  position: relative;\n  min-height: 54px;\n  padding: 0 0 22px 50px;\n  color: var(--mf-muted);\n  counter-increment: mf-setup;\n}\n\n.mf-setup-steps li:last-child {\n  padding-bottom: 0;\n}\n\n.mf-setup-steps li::before {\n  position: absolute;\n  top: -3px;\n  left: 0;\n  display: grid;\n  width: 34px;\n  height: 34px;\n  place-items: center;\n  border: 1px solid #a8c9c0;\n  border-radius: 50%;\n  background: #eef7f4;\n  color: var(--mf-green);\n  content: counter(mf-setup);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.mf-setup-steps strong {\n  color: var(--mf-ink);\n}\n\n.mf-setup-shot {\n  padding: 22px;\n  margin: auto 0 0;\n  border-top: 1px solid var(--mf-line);\n  background: #edf3f2;\n}\n\n.mf-setup-shot img {\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 \/ 10;\n  border: 1px solid #cad7d4;\n  border-radius: 6px;\n  background: var(--mf-white);\n  object-fit: contain;\n}\n\n.mf-setup-shot figcaption {\n  margin-top: 12px;\n  color: var(--mf-muted);\n  font-size: 13px;\n}\n\n.mf-setup-footer {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 36px;\n  align-items: center;\n  padding: 30px 34px;\n  margin-top: 24px;\n  border: 1px solid #b9d4cd;\n  border-radius: 8px;\n  background: #e7f2ef;\n}\n\n.mf-setup-footer strong,\n.mf-setup-footer span {\n  display: block;\n}\n\n.mf-setup-footer span {\n  margin-top: 6px;\n  color: var(--mf-muted);\n}\n\n.mf-setup-footer .mf-actions {\n  flex-wrap: nowrap;\n  margin-top: 0;\n}\n\n.mf-button-quiet {\n  border-color: rgba(20, 36, 44, 0.3);\n  background: transparent;\n  color: var(--mf-ink);\n}\n\n.mf-button-quiet:hover {\n  border-color: var(--mf-ink);\n  background: var(--mf-white);\n  color: var(--mf-ink);\n}\n\n.mf-directory-nav {\n  position: sticky;\n  z-index: 40;\n  top: 82px;\n  width: 100vw;\n  max-width: none !important;\n  margin-left: calc(50% - 50vw);\n  border-bottom: 1px solid var(--mf-line);\n  background: rgba(255, 255, 255, 0.97);\n}\n\n#header {\n  position: sticky;\n  z-index: 50;\n  top: 0;\n  background: #fff;\n}\n\nbody.admin-bar #header {\n  top: 32px;\n}\n\nbody.admin-bar .mf-directory-nav {\n  top: 114px;\n}\n\n.mf-directory-nav-inner {\n  display: flex;\n  gap: 28px;\n  overflow-x: auto;\n  padding: 18px 0;\n}\n\n.mf-directory-nav a {\n  flex: 0 0 auto;\n  color: var(--mf-ink);\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none;\n}\n\n.mf-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 32px;\n}\n\n.mf-button {\n  display: inline-flex;\n  min-height: 50px;\n  align-items: center;\n  padding: 13px 20px;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  background: var(--mf-red);\n  color: var(--mf-white);\n  font-weight: 750;\n  text-decoration: none;\n  transition: transform 160ms ease;\n}\n\n.mf-button:hover {\n  color: var(--mf-white);\n  transform: translateY(-2px);\n}\n\n.mf-button-secondary {\n  border-color: rgba(255, 255, 255, 0.7);\n  background: transparent;\n}\n\n.mf-section {\n  width: 100vw;\n  max-width: none !important;\n  padding: 104px 0;\n  margin-left: calc(50% - 50vw);\n}\n\n.mf-section[id] {\n  scroll-margin-top: 150px;\n}\n\n.mf-section-soft {\n  background: var(--mf-soft);\n}\n\n.mf-section-dark {\n  background: var(--mf-green);\n  color: var(--mf-white);\n}\n\n.mf-section-head {\n  max-width: 820px;\n  margin-bottom: 48px;\n}\n\n.mf-eyebrow {\n  margin: 0 0 16px;\n  color: var(--mf-blue);\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mf-section h2 {\n  max-width: 820px;\n  margin: 0 0 20px;\n  color: var(--mf-ink);\n  font-size: 46px;\n  line-height: 1.09;\n  letter-spacing: 0;\n}\n\n.mf-section h3 {\n  margin: 0 0 12px;\n  color: var(--mf-ink);\n  font-size: 22px;\n  letter-spacing: 0;\n}\n\n.mf-section-lead {\n  max-width: 760px;\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 19px;\n  line-height: 1.6;\n}\n\n.mf-section-dark h2,\n.mf-section-dark h3 {\n  color: var(--mf-white);\n}\n\n.mf-section-dark .mf-section-lead {\n  color: #c9dbd7;\n}\n\n.mf-grid-2,\n.mf-grid-3,\n.mf-grid-4 {\n  display: grid;\n  gap: 16px;\n}\n\n.mf-grid-2 {\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.mf-grid-3 {\n  grid-template-columns: repeat(3, 1fr);\n}\n\n.mf-grid-4 {\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.mf-card {\n  min-height: 210px;\n  padding: 30px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: 0 7px 22px rgba(20, 36, 44, 0.04);\n}\n\n.mf-card-emphasis {\n  border-color: #9fc5bb;\n  box-shadow: inset 0 4px 0 var(--mf-blue), 0 7px 22px rgba(20, 36, 44, 0.04);\n}\n\n.mf-card p {\n  margin: 0;\n  color: var(--mf-muted);\n}\n\n.mf-card-mark {\n  display: block;\n  margin-bottom: 24px;\n  color: var(--mf-red);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.mf-split {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}\n\n.mf-visual {\n  margin: 0;\n}\n\n.mf-visual img {\n  display: block;\n  width: 100%;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-checks {\n  margin: 28px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.mf-checks li {\n  position: relative;\n  margin: 12px 0;\n  padding-left: 28px;\n  color: var(--mf-ink);\n}\n\n.mf-checks li::before {\n  position: absolute;\n  left: 0;\n  color: var(--mf-green);\n  font-weight: 900;\n  content: \"\u2713\";\n}\n\n.mf-section-dark .mf-checks li {\n  color: #e6f0ed;\n}\n\n.mf-compare {\n  width: 100%;\n  overflow: hidden;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  border-collapse: separate;\n  border-spacing: 0;\n  background: var(--mf-white);\n}\n\n.mf-compare th,\n.mf-compare td {\n  padding: 20px;\n  border-right: 1px solid var(--mf-line);\n  border-bottom: 1px solid var(--mf-line);\n  text-align: left;\n  vertical-align: top;\n}\n\n.mf-compare th {\n  background: var(--mf-soft);\n  color: var(--mf-ink);\n}\n\n.mf-compare tr:last-child td,\n.mf-compare tr:last-child th {\n  border-bottom: 0;\n}\n\n.mf-compare th:last-child,\n.mf-compare td:last-child {\n  border-right: 0;\n}\n\n.mf-faq {\n  display: grid;\n  gap: 10px;\n}\n\n.mf-faq details {\n  padding: 22px 24px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n}\n\n.mf-faq summary {\n  color: var(--mf-ink);\n  font-weight: 750;\n  cursor: pointer;\n}\n\n.mf-faq p {\n  margin: 14px 0 0;\n  color: var(--mf-muted);\n}\n\n.mf-integration-groups {\n  display: grid;\n  gap: 54px;\n}\n\n.mf-integration-group h3 {\n  margin-bottom: 20px;\n  font-size: 26px;\n}\n\n.mf-integration-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n}\n\n.mf-integration {\n  display: block;\n  position: relative;\n  min-height: 150px;\n  padding: 24px;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: var(--mf-white);\n  color: inherit;\n  text-decoration: none;\n  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;\n}\n\na.mf-integration:hover,\na.mf-integration:focus-visible {\n  border-color: var(--mf-blue);\n  box-shadow: 0 12px 28px rgba(17, 51, 79, 0.12);\n  transform: translateY(-2px);\n}\n\n.mf-integration strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--mf-ink);\n  font-size: 17px;\n}\n\n.mf-integration p {\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 14px;\n}\n\n.mf-integration-detail-hero-layout {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);\n  gap: 80px;\n  align-items: center;\n}\n\n.mf-integration-detail-hero-layout .mf-page-hero-inner {\n  width: auto;\n}\n\n.mf-integration-detail-brand {\n  display: grid;\n  min-height: 250px;\n  margin: 0;\n  padding: 42px;\n  place-items: center;\n  border: 1px solid rgba(255, 255, 255, 0.28);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2);\n}\n\n.mf-integration-detail-brand img {\n  display: block;\n  width: auto;\n  max-width: 100%;\n  height: auto;\n  max-height: 150px;\n  object-fit: contain;\n}\n\n.mf-shopware-hero {\n  min-height: 680px;\n  align-items: stretch;\n  background: #f7f9fb;\n  color: var(--mf-ink);\n}\n\n.mf-shopware-hero::before {\n  display: none;\n}\n\n.mf-shopware-hero-art {\n  position: absolute;\n  z-index: 0;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.mf-shopware-hero-layout {\n  position: relative;\n  z-index: 2;\n  display: flex;\n  min-height: 680px;\n  align-items: center;\n}\n\n.mf-shopware-hero .mf-page-hero-inner {\n  width: min(47%, 590px);\n  padding: 76px 0 84px;\n}\n\n.mf-shopware-hero .mf-kicker {\n  color: var(--mf-blue-dark);\n}\n\n.mf-shopware-hero h1 {\n  color: var(--mf-ink);\n}\n\n.mf-shopware-hero .mf-page-hero-copy {\n  color: #425761;\n}\n\n.mf-shopware-hero .mf-page-hero-inner > p:last-child {\n  max-width: 560px;\n  color: var(--mf-muted);\n}\n\n.mf-shopware-hero-meta a {\n  color: var(--mf-ink);\n  font-weight: 750;\n  text-underline-offset: 3px;\n}\n\n.mf-shopware-hero .mf-button-secondary {\n  border-color: rgba(20, 36, 44, 0.42);\n  color: var(--mf-ink);\n}\n\n.mf-shopware-hero .mf-button-secondary:hover,\n.mf-shopware-hero .mf-button-secondary:focus-visible {\n  border-color: var(--mf-ink);\n  background: rgba(255, 255, 255, 0.82);\n  color: var(--mf-ink);\n}\n\n.mf-integration-detail-brand-duo {\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n}\n\n.mf-api-brand {\n  background: #f7faf9;\n}\n\n.mf-api-brand-window {\n  width: min(100%, 390px);\n  overflow: hidden;\n  border: 1px solid var(--mf-line);\n  border-radius: 8px;\n  background: #0d2429;\n  box-shadow: 0 18px 42px rgba(7, 22, 61, 0.18);\n}\n\n.mf-api-brand-bar {\n  display: flex;\n  gap: 7px;\n  padding: 12px 15px;\n  background: #e8f2ef;\n}\n\n.mf-api-brand-bar i {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--mf-green);\n}\n\n.mf-api-brand-window code {\n  display: block;\n  padding: 24px;\n  background: transparent;\n  color: #d7ece6;\n  font-size: 14px;\n  line-height: 1.75;\n  white-space: pre-wrap;\n}\n\n.mf-api-brand-window code strong {\n  color: var(--mf-yellow);\n}\n\n.mf-integration-flow {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1fr) 38px\n    minmax(0, 1fr) 38px\n    minmax(0, 1fr) 38px\n    minmax(0, 1fr);\n  gap: 18px;\n  align-items: stretch;\n  margin-top: 42px;\n}\n\n.mf-integration-flow-node {\n  min-width: 0;\n  padding: 28px;\n  border: 1px solid var(--mf-line);\n  border-top: 3px solid var(--mf-blue);\n  border-radius: 8px;\n  background: var(--mf-white);\n  box-shadow: var(--mf-shadow);\n}\n\n.mf-integration-flow-node:nth-of-type(2) {\n  border-top-color: var(--mf-green);\n}\n\n.mf-integration-flow-node:nth-of-type(3) {\n  border-top-color: var(--mf-red);\n}\n\n.mf-integration-flow-node span {\n  display: block;\n  margin-bottom: 12px;\n  color: var(--mf-blue-dark);\n  font-size: 12px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mf-integration-flow-node h3 {\n  margin: 0 0 10px;\n  color: var(--mf-ink);\n  font-size: 21px;\n}\n\n.mf-integration-flow-node p {\n  margin: 0;\n  color: var(--mf-muted);\n  font-size: 15px;\n}\n\n.mf-integration-flow-arrow {\n  display: grid;\n  width: 38px;\n  place-items: center;\n  color: var(--mf-green);\n  font-size: 26px;\n  font-weight: 800;\n}\n\n.mf-status {\n  display: inline-block;\n  margin-bottom: 16px;\n  padding: 3px 7px;\n  border-radius: 4px;\n  background: #e5f2ed;\n  color: #235c4f;\n  font-size: 11px;\n  font-weight: 800;\n  text-transform: uppercase;\n}\n\n.mf-status-beta {\n  background: #fff1ce;\n  color: #73510a;\n}\n\n.mf-final {\n  text-align: center;\n}\n\n.mf-final .mf-section-head {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.mf-final .mf-section-head h2,\n.mf-final .mf-section-lead {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.mf-final .mf-actions {\n  justify-content: center;\n}\n\n.mf-final .mf-button-secondary {\n  border-color: var(--mf-blue-dark);\n  color: var(--mf-blue-dark);\n}\n\n.mf-footer {\n  width: 100vw;\n  max-width: none !important;\n  padding: 54px 0 28px;\n  margin-left: calc(50% - 50vw);\n  background: #102027;\n  color: #b8c5ca;\n}\n\n.mf-footer-grid {\n  display: grid;\n  grid-template-columns: 1.45fr 1fr 1fr 1fr;\n  gap: 40px;\n}\n\n.mf-footer-logo {\n  width: 180px;\n  margin: 0 0 16px;\n  filter: brightness(0) invert(1);\n}\n\n.mf-footer h3 {\n  margin: 0 0 14px;\n  color: var(--mf-white);\n  font-size: 15px;\n}\n\n.mf-footer p,\n.mf-footer a {\n  color: #b8c5ca;\n  font-size: 14px;\n  text-decoration: none;\n}\n\n.mf-footer a {\n  display: block;\n  margin: 8px 0;\n}\n\n.mf-footer-bottom {\n  margin-top: 38px;\n  padding-top: 22px;\n  border-top: 1px solid #314149;\n  font-size: 13px;\n}\n\n@media (max-width: 999px) {\n  .mf-shopware-hero .mf-page-hero-inner {\n    width: min(52%, 520px);\n  }\n\n  .mf-cloud-layout,\n  .mf-editor-layout,\n  .mf-form-hero-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-report-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-form-elements,\n  .mf-form-field-properties {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .mf-form-field-properties div:nth-child(3) {\n    border-top: 1px solid var(--mf-line);\n    border-left: 0;\n  }\n\n  .mf-form-field-properties div:nth-child(4) {\n    border-top: 1px solid var(--mf-line);\n  }\n\n  .mf-editor-detail,\n  .mf-editor-detail-reverse {\n    grid-template-columns: 1fr;\n    gap: 42px;\n  }\n\n  .mf-editor-detail-reverse .mf-editor-detail-copy,\n  .mf-editor-detail-reverse .mf-editor-shot {\n    order: initial;\n  }\n\n  .mf-editor-proof {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .mf-editor-elements {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .mf-editor-proof article:nth-child(3) {\n    border-left: 0;\n  }\n\n  .mf-editor-proof article:nth-child(n + 3) {\n    border-top: 1px solid var(--mf-line);\n  }\n\n  .mf-architecture {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-mode-match-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-mode-match {\n    min-height: 0;\n  }\n\n  .mf-setup-grid,\n  .mf-setup-footer {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-setup-footer .mf-actions {\n    flex-wrap: wrap;\n  }\n\n  .mf-architecture-step + .mf-architecture-step {\n    border-top: 1px solid var(--mf-line);\n    border-left: 0;\n  }\n\n  .mf-cloud-screen,\n  .mf-editor-stage {\n    max-width: 760px;\n  }\n\n  .mf-page-hero-inner {\n    width: 64%;\n  }\n\n  .mf-page-hero h1 {\n    font-size: 46px;\n  }\n\n  .mf-section {\n    padding: 80px 0;\n  }\n\n  .mf-section h2 {\n    font-size: 38px;\n  }\n\n  .mf-grid-4,\n  .mf-integration-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .mf-split {\n    grid-template-columns: 1fr;\n    gap: 46px;\n  }\n\n  .mf-integration-detail-hero-layout {\n    grid-template-columns: minmax(0, 1.1fr) minmax(240px, 0.9fr);\n    gap: 42px;\n  }\n\n  .mf-integration-detail-brand {\n    min-height: 210px;\n    padding: 32px;\n  }\n\n  .mf-integration-flow {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-integration-flow-arrow {\n    width: 100%;\n    height: 30px;\n    font-size: 0;\n    transform: none;\n  }\n\n  .mf-integration-flow-arrow::before {\n    content: \"\u2193\";\n    font-size: 26px;\n  }\n\n  .mf-footer-grid {\n    grid-template-columns: 1.4fr 1fr 1fr;\n  }\n}\n\n@media (max-width: 689px) {\n  .mf-shopware-hero,\n  .mf-shopware-hero-layout {\n    min-height: 0;\n  }\n\n  .mf-shopware-hero {\n    align-items: flex-start;\n  }\n\n  .mf-shopware-hero::before {\n    position: absolute;\n    z-index: 1;\n    display: block;\n    background: rgba(247, 249, 251, 0.84);\n    content: \"\";\n    inset: 0;\n  }\n\n  .mf-shopware-hero-art {\n    top: 0;\n    height: 100%;\n    opacity: 0.28;\n    object-position: 70% center;\n  }\n\n  .mf-shopware-hero-layout {\n    align-items: flex-start;\n  }\n\n  .mf-shopware-hero .mf-page-hero-inner {\n    width: 100%;\n    padding: 28px 0;\n  }\n\n  .mf-directory-nav {\n    position: static;\n    top: auto;\n  }\n\n  body.admin-bar #header {\n    top: 46px;\n  }\n\n  body.admin-bar.page .ct-header {\n    top: 46px;\n  }\n\n  body.page .ct-header [data-id=\"logo\"] .site-title a {\n    width: 150px;\n    height: 40px;\n  }\n\n  .mf-shell {\n    width: min(100% - 32px, 1240px);\n  }\n\n  .mf-page-hero {\n    min-height: 760px;\n    align-items: flex-start;\n    background-position: center bottom;\n    background-size: auto 36%;\n  }\n\n  .mf-cloud-hero,\n  .mf-editor-hero,\n  .mf-form-hero,\n  .mf-report-hero {\n    min-height: 0;\n    background-image: none;\n  }\n\n  .mf-cloud-layout,\n  .mf-editor-layout,\n  .mf-form-hero-layout {\n    gap: 38px;\n    padding: 48px 0 58px;\n  }\n\n  .mf-cloud-copy h1,\n  .mf-editor-copy h1,\n  .mf-form-hero-copy h1 {\n    font-size: 38px;\n  }\n\n  .mf-form-preview-body {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-form-preview-aside {\n    padding: 26px;\n  }\n\n  .mf-form-preview-fields {\n    padding: 28px;\n  }\n\n  .mf-cloud-proof {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-cloud-proof div {\n    padding: 26px 0;\n  }\n\n  .mf-cloud-proof div + div {\n    border-top: 1px solid var(--mf-line);\n    border-left: 0;\n  }\n\n  .mf-cloud-choice {\n    display: block;\n    padding: 28px;\n  }\n\n  .mf-cloud-choice .mf-button {\n    margin-top: 22px;\n  }\n\n  .mf-feature-row {\n    grid-template-columns: 1fr;\n    gap: 10px;\n    padding: 28px 0;\n  }\n\n  .mf-editor-proof,\n  .mf-editor-elements,\n  .mf-editor-tools,\n  .mf-editor-routes,\n  .mf-form-elements,\n  .mf-form-field-properties {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-editor-proof article + article,\n  .mf-editor-proof article:nth-child(3),\n  .mf-editor-tool + .mf-editor-tool,\n  .mf-editor-tools-six .mf-editor-tool:nth-child(4),\n  .mf-editor-tools-four .mf-editor-tool:nth-child(3),\n  .mf-editor-route + .mf-editor-route {\n    border-top: 1px solid var(--mf-line);\n    border-left: 0;\n  }\n\n  .mf-editor-element {\n    min-height: 0;\n  }\n\n  .mf-editor-tools-visual .mf-editor-tool {\n    min-height: 0;\n  }\n\n  .mf-editor-proof article:nth-child(n + 3) {\n    border-top: 1px solid var(--mf-line);\n  }\n\n  .mf-form-field-properties div + div,\n  .mf-form-field-properties div:nth-child(3),\n  .mf-form-field-properties div:nth-child(4) {\n    border-top: 1px solid var(--mf-line);\n    border-left: 0;\n  }\n\n  .mf-directory-nav {\n    top: 70px;\n  }\n\n  .mf-page-hero-inner {\n    width: 100%;\n    padding: 48px 0 300px;\n  }\n\n  .mf-integration-detail-hero-layout {\n    grid-template-columns: 1fr;\n    gap: 0;\n    padding: 48px 0 58px;\n  }\n\n  .mf-integration-detail-hero-layout .mf-page-hero-inner {\n    padding: 0;\n  }\n\n  .mf-integration-detail-brand {\n    min-height: 180px;\n    margin-top: 36px;\n    padding: 28px;\n  }\n\n  .mf-integration-detail-brand img {\n    max-height: 105px;\n  }\n\n  .mf-page-hero h1 {\n    font-size: 38px;\n  }\n\n  .mf-page-hero-copy {\n    font-size: 17px;\n  }\n\n  .mf-shopware-hero h1 {\n    font-size: 34px;\n  }\n\n  .mf-shopware-hero-meta {\n    display: none;\n  }\n\n  .mf-shopware-hero,\n  .mf-shopware-hero-layout {\n    min-height: 0;\n  }\n\n  .mf-section {\n    padding: 66px 0;\n  }\n\n  .mf-section[id] {\n    scroll-margin-top: 82px;\n  }\n\n  .mf-section h2 {\n    font-size: 32px;\n  }\n\n  .mf-grid-2,\n  .mf-grid-3,\n  .mf-grid-4,\n  .mf-integration-grid,\n  .mf-footer-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .mf-card {\n    min-height: 0;\n    padding: 26px;\n  }\n\n  .mf-mode-match {\n    padding: 26px;\n  }\n\n  .mf-mode-note {\n    padding: 22px;\n  }\n\n  .mf-setup-panel-copy {\n    padding: 28px 24px 24px;\n  }\n\n  .mf-setup-panel h3 {\n    font-size: 24px;\n  }\n\n  .mf-setup-shot {\n    padding: 14px;\n  }\n\n  .mf-setup-footer {\n    padding: 26px 24px;\n  }\n\n  .mf-compare {\n    display: block;\n    overflow-x: auto;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mf-button {\n    transition: none;\n  }\n}\n<\/style>\n\n<section class=\"mf-page-hero mf-shopware-hero\">\n  <img decoding=\"async\" class=\"mf-shopware-hero-art\" src=\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-shopware-hero-v3.png\" alt=\"Shopware, Newsletter, Cloud und Selfhosting als zusammenpassendes Betriebsmodell\" fetchpriority=\"high\">\n  <div class=\"mf-shell mf-shopware-hero-layout\">\n  <div class=\"mf-page-hero-inner\">\n    <p class=\"mf-kicker\">E-Mail-Marketing f\u00fcr Shopware 6 \u00b7 Selfhosting oder Cloud \u00b7 Beta<\/p>\n    <h1>Shopware Newsletter Software, die zu Ihrem Betriebsmodell passt<\/h1>\n    <p class=\"mf-page-hero-copy\">mailfino verbindet Shopware-Kunden, K\u00e4ufe und Produkte mit Zielgruppen, Newsletter-Editor, Versand und Reporting. Betreiben Sie Shopware selbst, kann auch mailfino auf eigener Infrastruktur laufen; f\u00fcr den Cloud-Betrieb steht mailfino Cloud bereit.<\/p>\n    <div class=\"mf-actions\"><a class=\"mf-button\" href=\"#betrieb\">Selfhosting f\u00fcr Shopware pr\u00fcfen<\/a><a class=\"mf-button mf-button-secondary\" href=\"https:\/\/app.mailfino.de\/?mode=trial\">Demo-Konto anlegen<\/a><\/div>\n    <p class=\"mf-shopware-hero-meta\"><a href=\"#betriebsmodell\">Betriebsmodelle vergleichen \u2192<\/a><\/p>\n  <\/div>\n  <\/div>\n<\/section>\n\n\n\n<nav class=\"mf-directory-nav\" aria-label=\"Inhalt der Shopware Newsletter Integration\"><div class=\"mf-shell mf-directory-nav-inner\">\n  <a href=\"#betriebsmodell\">Betriebsmodell<\/a><a href=\"#mailfino\">mailfino<\/a><a href=\"#anwendungsfaelle\">Anwendungsf\u00e4lle<\/a><a href=\"#funktionen\">Funktionen<\/a><a href=\"#verbinden\">Verbinden<\/a><a href=\"#fragen\">FAQ<\/a>\n<\/div><\/nav>\n\n\n\n<section class=\"mf-section\" id=\"betriebsmodell\"><div class=\"mf-shell\">\n  <div class=\"mf-section-head\">\n    <p class=\"mf-eyebrow\">Ein Betriebsmodell ohne Systembruch<\/p>\n    <h2>So wie Ihr Shopware l\u00e4uft, kann auch Ihr E-Mail-Marketing laufen<\/h2>\n    <p class=\"mf-section-lead\">Shopware l\u00e4sst Ihnen die Wahl zwischen Self-hosted, PaaS und SaaS. mailfino f\u00fchrt diese Wahlfreiheit f\u00fcr Newsletter, Kontakte und Versand fort.<\/p>\n  <\/div>\n  <div class=\"mf-mode-match-grid\">\n    <article class=\"mf-mode-match\">\n      <span class=\"mf-mode-source\">SHOPWARE SELF-HOSTED<\/span>\n      <span class=\"mf-mode-connector\">passt zu<\/span>\n      <h3>mailfino Selfhosting<\/h3>\n      <p>Betreiben Sie Shopware auf eigener oder selbst gew\u00e4hlter Infrastruktur, kann auch mailfino in Ihrer Umgebung laufen. So behalten Sie Anwendung, Newsletter-Daten und technischen Betrieb unter eigener Kontrolle.<\/p>\n      <a class=\"mf-text-link\" href=\"\/selfhosting\/\">Selfhosting f\u00fcr Shopware pr\u00fcfen \u2192<\/a>\n    <\/article>\n    <article class=\"mf-mode-match\">\n      <span class=\"mf-mode-source\">SHOPWARE PAAS \/ MANAGED<\/span>\n      <span class=\"mf-mode-connector\">passt zu<\/span>\n      <h3>Selfhosting oder Enterprise<\/h3>\n      <p>Wird Ihr Shop durch einen technischen Partner betrieben, l\u00e4sst sich auch der mailfino-Betrieb passend zur geplanten Umgebung einordnen.<\/p>\n      <a class=\"mf-text-link\" href=\"https:\/\/enterprise.mailfino.de\/\">Enterprise-Betrieb besprechen \u2192<\/a>\n    <\/article>\n    <article class=\"mf-mode-match\">\n      <span class=\"mf-mode-source\">SHOPWARE SAAS<\/span>\n      <span class=\"mf-mode-connector\">passt zu<\/span>\n      <h3>mailfino Cloud<\/h3>\n      <p>M\u00f6chten Sie keine zus\u00e4tzliche Anwendung betreiben, nutzen Sie mailfino als betreute Cloud-L\u00f6sung.<\/p>\n      <a class=\"mf-text-link\" href=\"https:\/\/app.mailfino.de\/?mode=trial\">Demo-Konto anlegen \u2192<\/a>\n    <\/article>\n  <\/div>\n  <p class=\"mf-mode-note\"><strong>Gleiches Betriebsprinzip bedeutet nicht zwingend derselbe Server.<\/strong> mailfino wird als eigene Anwendung betrieben und \u00fcber einen lesenden API-Zugang mit Shopware verbunden.<\/p>\n<\/div><\/section>\n\n\n\n<section class=\"mf-section mf-section-soft\" id=\"mailfino\"><div class=\"mf-shell mf-editor-detail\"><div class=\"mf-editor-detail-copy\">\n  <p class=\"mf-eyebrow\">Was ist mailfino?<\/p>\n  <h2>Professionelle Newsletter-Arbeit f\u00fcr Ihre Shopware-Daten<\/h2>\n  <p>mailfino f\u00fchrt die Arbeit nach dem Shop zusammen: Empf\u00e4nger verwalten, Zielgruppen bilden, Newsletter gestalten, versenden und auswerten. Anders als reine Cloud-Angebote k\u00f6nnen Sie mailfino auch auf Ihrer eigenen Infrastruktur betreiben.<\/p>\n  <ul class=\"mf-checks\"><li>Visueller Drag-and-Drop-Editor mit Vorlagen<\/li><li>Adressverwaltung, Listen und Zielgruppen<\/li><li>Formulare und Double-Opt-In-Prozesse<\/li><li>Cloud oder Selfhosting mit Shopware-Anbindung<\/li><\/ul>\n  <p><a class=\"mf-text-link\" href=\"\/produkt\/\">mailfino kennenlernen \u2192<\/a>&nbsp;&nbsp; <a class=\"mf-text-link\" href=\"\/selfhosting\/\">Selfhosting f\u00fcr Shopware pr\u00fcfen \u2192<\/a><\/p>\n<\/div><figure class=\"mf-editor-shot\"><img decoding=\"async\" src=\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-editor-impuls-2026-07-19.jpg\" alt=\"Newsletter im visuellen mailfino Editor gestalten\" loading=\"lazy\"><figcaption>Newsletter in mailfino visuell erstellen und f\u00fcr Desktop und Mobilger\u00e4te pr\u00fcfen.<\/figcaption><\/figure><\/div><\/section>\n\n\n\n<section class=\"mf-section\" id=\"anwendungsfaelle\"><div class=\"mf-shell\"><div class=\"mf-section-head\">\n  <p class=\"mf-eyebrow\">Mehr aus vorhandenen Shopdaten machen<\/p>\n  <h2>Drei Wege zu relevanterem Shopware E-Mail-Marketing<\/h2>\n  <p class=\"mf-section-lead\">Nicht mehr Newsletter versenden, sondern bessere: mit passenden Empf\u00e4ngern, konkreten Produkten und einem vollst\u00e4ndigen \u00dcberblick \u00fcber die Ergebnisse.<\/p>\n<\/div><div class=\"mf-grid-3\">\n  <article class=\"mf-card\"><span class=\"mf-card-mark\">ZIELGRUPPEN<\/span><h3>K\u00e4ufer gezielt ausw\u00e4hlen<\/h3><p>Vorhandene mailfino-Kontakte danach filtern, ob sie gekauft haben, ein bestimmtes Produkt oder ein Produkt aus einer Kategorie gekauft haben.<\/p><a class=\"mf-text-link\" href=\"#kaufsegmente\">Kaufsegmente verstehen \u2192<\/a><\/article>\n  <article class=\"mf-card\"><span class=\"mf-card-mark\">PRODUKTE<\/span><h3>Shopprodukte schnell pr\u00e4sentieren<\/h3><p>Produktname, Bild, Beschreibung, Preis und Link aus Shopware in eine Produktkarte \u00fcbernehmen und mit redaktionellen Inhalten verbinden.<\/p><a class=\"mf-text-link\" href=\"#editor\">Newsletter gestalten \u2192<\/a><\/article>\n  <article class=\"mf-card\"><span class=\"mf-card-mark\">ERGEBNISSE<\/span><h3>Wirkung nachvollziehen<\/h3><p>Zustellung, \u00d6ffnungen, Klicks, Abmeldungen und Fehler nach dem Versand in mailfino auswerten.<\/p><a class=\"mf-text-link\" href=\"#reporting\">Reporting ansehen \u2192<\/a><\/article>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"mf-section\" id=\"workflow\"><div class=\"mf-shell\"><div class=\"mf-section-head\">\n  <p class=\"mf-eyebrow\">Vom Shop bis zum Versandbericht<\/p>\n  <h2>Ein klarer Ablauf f\u00fcr Shopware Newsletter<\/h2>\n  <p class=\"mf-section-lead\">Shopware bleibt die Quelle f\u00fcr Kunden-, Bestell- und Produktdaten. mailfino \u00fcbernimmt Zielgruppenauswahl, Gestaltung, Versand und Auswertung.<\/p>\n<\/div><div class=\"mf-integration-flow\" aria-label=\"Shopware Newsletter Ablauf\">\n  <article class=\"mf-integration-flow-node\"><span>01<\/span><h3>Shopware<\/h3><p>Kunden, abgeschlossene Bestellungen und Produkte bereitstellen.<\/p><\/article><div class=\"mf-integration-flow-arrow\" aria-hidden=\"true\">\u2192<\/div>\n  <article class=\"mf-integration-flow-node\"><span>02<\/span><h3>Segment<\/h3><p>Versandberechtigte Kontakte anhand dokumentierter Kaufmerkmale ausw\u00e4hlen.<\/p><\/article><div class=\"mf-integration-flow-arrow\" aria-hidden=\"true\">\u2192<\/div>\n  <article class=\"mf-integration-flow-node\"><span>03<\/span><h3>Newsletter<\/h3><p>Inhalte und Shopware-Produkte im visuellen Editor zusammenstellen.<\/p><\/article><div class=\"mf-integration-flow-arrow\" aria-hidden=\"true\">\u2192<\/div>\n  <article class=\"mf-integration-flow-node\"><span>04<\/span><h3>Reporting<\/h3><p>Versandereignisse, Reaktionen, Abmeldungen und Fehler auswerten.<\/p><\/article>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"mf-section mf-section-dark\" id=\"funktionen\"><div class=\"mf-shell\"><div class=\"mf-section-head\">\n  <p class=\"mf-eyebrow\">Kunden, K\u00e4ufe und Produkte<\/p>\n  <h2>Die Shopware-Daten dort einsetzen, wo sie Nutzen bringen<\/h2>\n<\/div><div class=\"mf-grid-3\">\n  <article class=\"mf-card\"><span class=\"mf-card-mark\">IMPORT<\/span><h3>Kunden \u00fcbernehmen<\/h3><p>Shopware-Kunden als Empf\u00e4nger in eine ausgew\u00e4hlte mailfino-Liste importieren. Wiederholte Importe erkennen Kontakte anhand der E-Mail-Adresse.<\/p><\/article>\n  <article class=\"mf-card\" id=\"kaufsegmente\"><span class=\"mf-card-mark\">SEGMENTE<\/span><h3>Kaufdaten nutzen<\/h3><p>Abgeschlossene Bestellungen synchronisieren und vorhandene Kontakte nach K\u00e4ufen, Produkten oder Produktkategorien filtern.<\/p><\/article>\n  <article class=\"mf-card\"><span class=\"mf-card-mark\">PRODUKTKARTEN<\/span><h3>Produkte einf\u00fcgen<\/h3><p>Shopware-Produkte suchen und Produktname, Bild, Beschreibung, Preis und Link in den Newsletter \u00fcbernehmen.<\/p><\/article>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"mf-section\" id=\"editor\"><div class=\"mf-shell mf-editor-detail\"><div class=\"mf-editor-detail-copy\">\n  <p class=\"mf-eyebrow\">Editor und Produktkarten<\/p>\n  <h2>Aus Shopprodukten werden gestaltete Kampagnen<\/h2>\n  <p>Verbinden Sie Produktangebote mit redaktionellen Inhalten, Bildern, Buttons und mehrspaltigen Bereichen. Vorlagen beschleunigen wiederkehrende Kampagnen; Desktop- und Mobilansicht helfen bei der Kontrolle vor dem Versand.<\/p>\n  <ul class=\"mf-checks\"><li>Shopware-Produkte direkt im Editor suchen<\/li><li>Produktdaten vor dem Versand kontrollieren<\/li><li>Mobile Darstellung gezielt bearbeiten<\/li><li>Entwurf mit einer Testmail pr\u00fcfen<\/li><\/ul>\n  <a class=\"mf-text-link\" href=\"\/newsletter-editor\/\">Newsletter-Editor im Detail \u2192<\/a>\n<\/div><figure class=\"mf-editor-shot\"><img decoding=\"async\" src=\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-vorlagen-2026-07-19.jpg\" alt=\"Newsletter-Vorlagen in mailfino\" loading=\"lazy\"><figcaption>Vorlagen und Entw\u00fcrfe bilden den Ausgangspunkt f\u00fcr wiederkehrende Kampagnen.<\/figcaption><\/figure><\/div><\/section>\n\n\n\n<section class=\"mf-section mf-section-soft\"><div class=\"mf-shell mf-editor-detail mf-editor-detail-reverse\"><figure class=\"mf-editor-shot\"><img decoding=\"async\" src=\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-formular-editor-2026-07-19.jpg\" alt=\"Formular f\u00fcr Newsletter-Anmeldungen in mailfino bearbeiten\" loading=\"lazy\"><figcaption>Eigene Anmeldeformulare und Double-Opt-In-Prozesse in mailfino.<\/figcaption><\/figure><div class=\"mf-editor-detail-copy\">\n  <p class=\"mf-eyebrow\">Einwilligung nachvollziehbar verwalten<\/p>\n  <h2>Kaufinteresse und Versandberechtigung sauber trennen<\/h2>\n  <p>Eine Bestellung oder ein Shopware-Kundenkonto berechtigt nicht automatisch zum Newsletter-Versand. Ma\u00dfgeblich ist die in mailfino gepflegte Versandberechtigung. Daf\u00fcr stehen eigene Formulare und Double-Opt-In-Prozesse zur Verf\u00fcgung.<\/p>\n  <p>Die aktuelle Shopware-Beta wertet kein Shopware-Consent-Feld aus. Kaufdaten unterst\u00fctzen die Zielgruppenauswahl, ersetzen aber keine Einwilligung.<\/p>\n  <a class=\"mf-text-link\" href=\"\/formulare-double-opt-in\/\">Formulare und Double-Opt-In \u2192<\/a>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"mf-section\" id=\"reporting\"><div class=\"mf-shell mf-editor-detail\"><div class=\"mf-editor-detail-copy\">\n  <p class=\"mf-eyebrow\">Versand und Reporting<\/p>\n  <h2>Nach dem Versand sehen, was passiert ist<\/h2>\n  <p>Der Versandbericht b\u00fcndelt zentrale Kennzahlen und Ereignisse einer Kampagne. Pr\u00fcfen Sie Zustellung, \u00d6ffnungen, Klicks, Abmeldungen und Fehler und leiten Sie daraus die n\u00e4chsten Schritte ab.<\/p>\n  <a class=\"mf-text-link\" href=\"\/versand-reporting\/\">Versand und Reporting ansehen \u2192<\/a>\n<\/div><figure class=\"mf-editor-shot\"><img decoding=\"async\" src=\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-reporting-349-anonymisiert-2026-07-20.png\" alt=\"mailfino Versandbericht mit Kennzahlen zu einer Newsletter-Kampagne\" loading=\"lazy\"><figcaption>Anonymisierter mailfino Versandbericht einer simulierten Testversendung.<\/figcaption><\/figure><\/div><\/section>\n\n\n\n<section class=\"mf-section mf-section-dark\"><div class=\"mf-shell\"><div class=\"mf-section-head\">\n  <p class=\"mf-eyebrow\">Erfahrung und Kontrolle<\/p><h2>Newsletter-Software f\u00fcr dauerhaft betreute Gesch\u00e4ftsprozesse<\/h2>\n<\/div><div class=\"mf-grid-3\">\n  <article class=\"mf-card\"><span class=\"mf-card-mark\">350+<\/span><h3>Zahlende Nutzer<\/h3><p>Mehr als 350 zahlende Nutzer arbeiten bereits mit den mailfino Angeboten.<\/p><\/article>\n  <article class=\"mf-card\"><span class=\"mf-card-mark\">SEIT 1999<\/span><h3>Langj\u00e4hrige Produktarbeit<\/h3><p>Das Unternehmen wurde 1999 gegr\u00fcndet; 2013 kam die heutige GmbH hinzu.<\/p><\/article>\n  <article class=\"mf-card\"><span class=\"mf-card-mark\">WAHLFREIHEIT<\/span><h3>Cloud oder Selfhosting<\/h3><p>W\u00e4hlen Sie den Betriebsmodus passend zu Ihren Anforderungen an Verantwortung und Infrastruktur.<\/p><\/article>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"mf-section mf-section-soft\" id=\"betrieb\"><div class=\"mf-shell\"><div class=\"mf-section-head\">\n  <p class=\"mf-eyebrow\">Selfhosting oder Cloud<\/p><h2>Sie entscheiden, wo Ihre Shopware Newsletter Software l\u00e4uft<\/h2>\n  <p class=\"mf-section-lead\">Betreiben Sie mailfino auf Ihrer eigenen Infrastruktur oder starten Sie ohne Installation in der mailfino Cloud. Die Shopware-Anbindung steht nicht in der kostenfreien Selfhosting-Lite-Variante zur Verf\u00fcgung.<\/p>\n<\/div><div class=\"mf-grid-2\">\n  <article class=\"mf-card mf-card-emphasis\"><span class=\"mf-card-mark\">SELFHOSTING<\/span><h3>mailfino auf Ihrem Server betreiben<\/h3><p>Behalten Sie Anwendung und Newsletter-Daten unter eigener technischer Kontrolle und ordnen Sie mailfino in vorhandene Betriebs-, Datenschutz- und Sicherheitsprozesse ein.<\/p><a class=\"mf-text-link\" href=\"\/selfhosting\/\">Selfhosting f\u00fcr Shopware pr\u00fcfen \u2192<\/a><\/article>\n  <article class=\"mf-card\"><span class=\"mf-card-mark\">CLOUD<\/span><h3>Ohne eigene Installation starten<\/h3><p>Nutzen Sie mailfino als betreute Cloud-L\u00f6sung und pr\u00fcfen Sie Editor, Adressverwaltung, Versand und Reporting direkt im Demo-Konto.<\/p><a class=\"mf-text-link\" href=\"https:\/\/app.mailfino.de\/?mode=trial\">Demo-Konto anlegen \u2192<\/a><\/article>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"mf-section mf-section-soft\" id=\"verbinden\"><div class=\"mf-shell\">\n  <div class=\"mf-section-head\">\n    <p class=\"mf-eyebrow\">In wenigen Schritten eingerichtet<\/p>\n    <h2>Shopware und mailfino verbinden<\/h2>\n    <p class=\"mf-section-lead\">F\u00fcr die Verbindung ben\u00f6tigen Sie eine Shopware-Integration f\u00fcr die Admin API. Anschlie\u00dfend tragen Sie Shop-URL und Zugangsdaten in mailfino ein. mailfino pr\u00fcft die Verbindung, bevor sie gespeichert wird.<\/p>\n  <\/div>\n  <div class=\"mf-setup-grid\">\n    <article class=\"mf-setup-panel\">\n      <div class=\"mf-setup-panel-copy\">\n        <span class=\"mf-setup-phase\">Teil 1 \u00b7 In Shopware<\/span>\n        <h3>API-Zugang f\u00fcr mailfino anlegen<\/h3>\n        <ol class=\"mf-setup-steps\">\n          <li><strong>Integrationen \u00f6ffnen.<\/strong> Melden Sie sich in der Shopware Administration an und \u00f6ffnen Sie <em>Settings \u2192 System \u2192 Integrations<\/em>.<\/li>\n          <li><strong>Integration hinzuf\u00fcgen.<\/strong> Klicken Sie auf <em>Add integration<\/em> und vergeben Sie einen eindeutigen Namen, zum Beispiel \u201emailfino Newsletter\u201c.<\/li>\n          <li><strong>Rechte begrenzen.<\/strong> Verwenden Sie im Produktivbetrieb eine Rolle mit Leserechten f\u00fcr Kunden, Bestellungen, Produkte, Medien und Kategorien.<\/li>\n          <li><strong>Schl\u00fcssel sichern.<\/strong> Kopieren Sie Access Key ID und Secret Access Key vor dem Speichern. Shopware zeigt den vollst\u00e4ndigen Secret Key sp\u00e4ter nicht mehr an.<\/li>\n        <\/ol>\n      <\/div>\n      <figure class=\"mf-setup-shot\"><img decoding=\"async\" src=\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/shopware-api-integration-anlegen.png\" alt=\"Shopware Dialog zum Anlegen einer API-Integration mit Access Key ID und Secret Access Key\" loading=\"lazy\"><figcaption>Die Shopware Administration erzeugt die Zugangsdaten f\u00fcr die Admin API.<\/figcaption><\/figure>\n    <\/article>\n    <article class=\"mf-setup-panel\">\n      <div class=\"mf-setup-panel-copy\">\n        <span class=\"mf-setup-phase\">Teil 2 \u00b7 In mailfino<\/span>\n        <h3>Verbindung eintragen und pr\u00fcfen<\/h3>\n        <ol class=\"mf-setup-steps\" start=\"5\">\n          <li><strong>Anbindungsmanager \u00f6ffnen.<\/strong> \u00d6ffnen Sie oben rechts das Zahnrad und w\u00e4hlen Sie <em>Anbindungen<\/em>.<\/li>\n          <li><strong>Shopware ausw\u00e4hlen.<\/strong> Klicken Sie bei bestehenden Verbindungen auf <em>Neue Anbindung<\/em> und w\u00e4hlen Sie Shopware.<\/li>\n          <li><strong>Zugangsdaten eintragen.<\/strong> Hinterlegen Sie die normale URL Ihrer Shopware-Installation, die Access Key ID und den Secret Access Key.<\/li>\n          <li><strong>Verbindung validieren.<\/strong> mailfino fordert ein Admin-API-Token an und f\u00fchrt einen Lesetest aus. Nach erfolgreicher Pr\u00fcfung speichern Sie die Anbindung.<\/li>\n        <\/ol>\n      <\/div>\n      <figure class=\"mf-setup-shot\"><img decoding=\"async\" src=\"https:\/\/new.mailfino.com\/wp-content\/uploads\/2026\/07\/mailfino-shopware-verbindung.png\" alt=\"Shopware-Anbindung in mailfino mit Shop-URL, Access Key ID und Verbindungstest\" loading=\"lazy\"><figcaption>mailfino pr\u00fcft die Shopware-Verbindung vor dem Speichern.<\/figcaption><\/figure>\n    <\/article>\n  <\/div>\n  <div class=\"mf-setup-footer\">\n    <div><strong>F\u00fcr den dokumentierten Datenzugriff sind keine Schreibrechte erforderlich.<\/strong><span>Liegt Shopware hinter Firewall, Reverse Proxy oder Basic Auth, muss die mailfino-Installation die Shopware Admin API erreichen k\u00f6nnen.<\/span><\/div>\n    <div class=\"mf-actions\"><a class=\"mf-button\" href=\"https:\/\/docs.mailfino.de\/handbuch\/integration-shopware-beta\/shopware-integration-vorbereiten\/\">Shopware verbinden<\/a><a class=\"mf-button mf-button-quiet\" href=\"\/kontakt\/\">Shopware-Projekt besprechen<\/a><\/div>\n  <\/div>\n<\/div><\/section>\n\n\n\n<section class=\"mf-section mf-section-dark\"><div class=\"mf-shell mf-split\"><div>\n  <p class=\"mf-eyebrow\">Transparenter Beta-Umfang<\/p><h2>Was Sie vor dem produktiven Einsatz wissen sollten<\/h2>\n  <p class=\"mf-section-lead\">Die Integration ist als Beta gekennzeichnet. Pr\u00fcfen Sie den aktuellen Datenfluss und die Dokumentation f\u00fcr Ihren konkreten Shop.<\/p>\n<\/div><ul class=\"mf-checks\"><li>Synchronisiert werden abgeschlossene Bestellungen.<\/li><li>Nur vorhandene Kontakte mit passender E-Mail-Adresse flie\u00dfen in Kaufsegmente ein.<\/li><li>Ein Bestellimport erzeugt keine automatische Empf\u00e4ngerliste.<\/li><li>Gespeicherte Produktkarten aktualisieren sich nicht automatisch.<\/li><li>Besondere Storefront-Routen sollten in der Vorschau gepr\u00fcft werden.<\/li><\/ul><\/div><\/section>\n\n\n\n<section class=\"mf-section\" id=\"fragen\"><div class=\"mf-shell\"><div class=\"mf-section-head\">\n  <p class=\"mf-eyebrow\">FAQ<\/p><h2>H\u00e4ufige Fragen zur Shopware Newsletter Software<\/h2>\n<\/div><div class=\"mf-faq\">\n  <details><summary>Wie erg\u00e4nzt mailfino die Newsletter-Funktionen von Shopware 6?<\/summary><p>mailfino \u00fcbernimmt die Newsletter-Arbeit: Empf\u00e4nger und Zielgruppen verwalten, Inhalte gestalten, Newsletter versenden und Ergebnisse auswerten. Shopware 6 liefert im Rahmen der Integration ausgew\u00e4hlte Kunden-, Bestell- und Produktdaten.<\/p><\/details>\n  <details><summary>Kann ich Shopware-Kunden nach gekauften Produkten segmentieren?<\/summary><p>Ja. Vorhandene mailfino-Kontakte k\u00f6nnen anhand synchronisierter abgeschlossener Bestellungen nach K\u00e4ufen, bestimmten Produkten oder Produktkategorien gefiltert werden.<\/p><\/details>\n  <details><summary>Kann ich Shopware-Produkte in Newsletter \u00fcbernehmen?<\/summary><p>Ja. Produktname, Bild, Beschreibung, Preis und Link k\u00f6nnen als Produktkarte in den Newsletter eingef\u00fcgt werden.<\/p><\/details>\n  <details><summary>\u00dcbernimmt mailfino die Newsletter-Einwilligung aus Shopware?<\/summary><p>Nein. Die aktuelle Beta wertet kein Shopware-Consent-Feld aus. Ma\u00dfgeblich ist die in mailfino gepflegte Versandberechtigung.<\/p><\/details>\n  <details><summary>Brauche ich ein zus\u00e4tzliches Shopware Newsletter Plugin?<\/summary><p>F\u00fcr die dokumentierte Beta-Verbindung wird eine Shopware-Integration mit begrenzten Leserechten eingerichtet. Die Zugangsdaten werden anschlie\u00dfend in mailfino hinterlegt.<\/p><\/details>\n  <details><summary>Kann ich mailfino mit Shopware selbst hosten?<\/summary><p>Ja. mailfino ist als Cloud-L\u00f6sung und zum Selfhosting erh\u00e4ltlich. Selfhosting Lite ist kostenfrei, enth\u00e4lt jedoch keine Anbindungen.<\/p><\/details>\n  <details><summary>Was bedeutet der Beta-Status der Shopware Integration?<\/summary><p>Die Integration wird bereits bereitgestellt, ihr dokumentierter Umfang kann sich aber weiterentwickeln. Pr\u00fcfen Sie den konkreten Datenfluss, die ben\u00f6tigten API-Rechte und Ihre Versandberechtigungen vor dem produktiven Einsatz.<\/p><\/details>\n<\/div><\/div><\/section>\n\n\n\n<section class=\"mf-section mf-section-soft mf-final\"><div class=\"mf-shell\"><div class=\"mf-section-head\">\n  <p class=\"mf-eyebrow\">Shopware Newsletter mit mailfino<\/p><h2>Lernen Sie mailfino in Ihrem bevorzugten Betriebsmodell kennen<\/h2>\n  <p class=\"mf-section-lead\">Starten Sie direkt mit einem Demo-Konto oder pr\u00fcfen Sie, wie mailfino als selbst gehostete Newsletter-L\u00f6sung zu Ihrer Shopware-Infrastruktur passt.<\/p>\n<\/div><div class=\"mf-actions\"><a class=\"mf-button\" href=\"\/selfhosting\/\">Selfhosting f\u00fcr Shopware pr\u00fcfen<\/a><a class=\"mf-button mf-button-secondary\" href=\"https:\/\/app.mailfino.de\/?mode=trial\">Demo-Konto anlegen<\/a><a class=\"mf-button mf-button-secondary\" href=\"#verbinden\">Shopware verbinden<\/a><\/div><\/div><\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Shopware Newsletter Software passend zu Ihrem Betriebsmodell: Selfhosting, Enterprise oder Cloud mit Zielgruppen, Editor, Versand und Reporting.<\/p>","protected":false},"author":2,"featured_media":0,"parent":37,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-120","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/pages\/120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":22,"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/pages\/120\/revisions"}],"predecessor-version":[{"id":333,"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/pages\/120\/revisions\/333"}],"up":[{"embeddable":true,"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/pages\/37"}],"wp:attachment":[{"href":"https:\/\/new.mailfino.com\/en\/wp-json\/wp\/v2\/media?parent=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}