{"id":813,"date":"2025-10-04T15:56:57","date_gmt":"2025-10-04T13:56:57","guid":{"rendered":"https:\/\/konstantin.filtschew.de\/blog\/?p=813"},"modified":"2025-10-08T21:44:46","modified_gmt":"2025-10-08T19:44:46","slug":"sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden","status":"publish","type":"post","link":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/","title":{"rendered":"Sendy Newsletter Formular in WordPress ohne Plugin einbinden"},"content":{"rendered":"\n

In WordPress gibt es f\u00fcr alles ein Plugin<\/a> – wie f\u00fcr Sendy<\/a> auch. Aber einfache Aufgaben kannst du auch ohne ein Plugin l\u00f6sen. Daf\u00fcr musst du auch nicht den Entwickler bitten, sein Plugin anzupassen<\/a>. Die vollst\u00e4ndige L\u00f6sung zum „Kopieren und Einf\u00fcgen“ f\u00fcr das Twenty Twenty-Four Theme<\/a> findest du weiter unten. Wir erarbeiten uns aber hier zusammen die L\u00f6sung, damit du es f\u00fcr dein gerade verwendetes Theme anpassen kannst und vor allem verstehst, dass es nicht so schwer\/aufwendig ist.<\/p>\n\n\n\n

Basis Sendy HTML Formular<\/h2>\n\n\n\n

Sendy erlaubt es durch ein einfaches HTML Formular, neue Registrierungsanfragen f\u00fcr deinen Newsletter zu erstellen. Diese Formular sieht in der Regel wie folgt aus:<\/p>\n\n\n\n

<div id=\"sendy-newsletter\" class=\"\">\n  <form action=\"https:\/\/<LIST-URL>\/subscribe\" method=\"POST\" accept-charset=\"utf-8\" class=\"\">\n    <label for=\"name\">Name<\/label><br \/>\n    <input type=\"text\" name=\"name\" id=\"name\" class=\"\" placeholder=\"Dein Name\"\/>\n    <br \/>\n    <label for=\"email\">Email<\/label><br \/>\n    <input type=\"email\" name=\"email\" id=\"email\" class=\"\" placeholder=\"Deine E-Mail Adresse\"\/>\n    <br \/><br \/>\n    <input type=\"checkbox\" name=\"gdpr\" id=\"gdpr\"\/>\n    <label for=\"gdpr\">\n      <strong>Newsletter Zustimmung:<\/strong>\n      Ich stimme zu, Neuigkeiten in Form von E-Mails zu erhalten.\n    <\/label>\n    <br \/><br \/>\n    <div style=\"display:none;\">\n      <label for=\"hp\">HP<\/label><br \/>\n      <input type=\"text\" name=\"hp\" id=\"hp\"\/>\n    <\/div>\n    <input type=\"hidden\" name=\"list\" value=\"<LIST-ID>\"\/>\n    <input type=\"hidden\" name=\"subform\" value=\"yes\"\/>\n    <input type=\"submit\" name=\"submit\" id=\"submit\" class=\"\" value=\"Anmelden\"\/>\n  <\/form>\n<\/div><\/code><\/pre>\n\n\n\n
F\u00fcgt du nun dieses HTML auf eine Seite oder im Footer deiner WordPress Seite als Widget ein, dann erscheint ein einfaches Anmeldeformular f\u00fcr den Newsletter.<\/p>\n\n\n\n
Je nachdem ob du CSS f\u00fcr Eingabefelder (<input \/>) schon hast, sieht das Formular mehr oder weniger gut formatiert aus. So sieht es bei mir ohne passende CSS Regeln aus:<\/p>\n\n\n\n
\"Sendy<\/a><\/figure>\n\n\n\n
Wie im Bild zu sehen ist, ist die Schrift ist im Verh\u00e4ltnis zum Formular zu gro\u00df, die Eingabefelder so wie der „Anmelden“ Knopf zu klein und sehen je nach verwendetem Webbrowser verschieden aus.<\/p>\n\n\n\n
Eingaben und Labels durch DIVs zusammenfassen<\/h2>\n\n\n\n
Damit du das Newsletter Formular indviduell gestalten und deinem verwendetem WordPress Theme<\/a> anpassen kannst, solltest du es am besten anpassen und die Zeilenumbr\u00fcche (\u00fcber <br \/>) durch div-Elemente ersetzen, welche du dann ansteuern und individuell gestalten kannst. Das erm\u00f6glicht dir Abst\u00e4nde zwischen dem Eingabefeldern feiner zu definieren. Der HTML-Code sieht dann wie folgt aus:<\/p>\n\n\n\n
<div id=\"sendy-newsletter\" class=\"\">\n  <form action=\"https:\/\/<LIST-URL>\/subscribe\" method=\"POST\" accept-charset=\"utf-8\" class=\"\">\n    <div class=\"\">\n      <label for=\"name\">Name<\/label><br \/>\n      <input type=\"text\" name=\"name\" id=\"name\" class=\"\" placeholder=\"Dein Name\"\/>\n    <\/div>\n    <div class=\"\">\n      <label for=\"email\">Email<\/label><br \/>\n      <input type=\"email\" name=\"email\" id=\"email\" class=\"\" placeholder=\"Deine E-Mail Adresse\"\/>\n    <\/div>\n    <div class=\"\">\n      <input type=\"checkbox\" name=\"gdpr\" id=\"gdpr\"\/>\n      <label for=\"gdpr\">\n        <strong>Newsletter Zustimmung:<\/strong>\n        Ich stimme zu, Neuigkeiten in Form von E-Mails zu erhalten.\n\n      <\/label>\n    \n    <\/div>\n    <div style=\"display:none;\">\n      <label for=\"hp\">HP<\/label><br \/>\n      <input type=\"text\" name=\"hp\" id=\"hp\"\/>\n    <\/div>\n    <input type=\"hidden\" name=\"list\" value=\"<LIST-ID>\"\/>\n    <input type=\"hidden\" name=\"subform\" value=\"yes\"\/>\n    <input type=\"submit\" name=\"submit\" id=\"submit\" class=\"\" value=\"Anmelden\"\/>\n  <\/form>\n<\/div><\/code><\/pre>\n\n\n\n
An dem Aussehen des Formulars sollte sich nichts entscheidend \u00e4ndern. Was sich aber jetzt ge\u00e4ndert hat, dass du Klassen f\u00fcr die jeweiligen Elemente und deren Gruppierungen definieren kannst, um es \u00fcber CSS gestalten zu k\u00f6nnen.<\/p>\n\n\n\n
CSS Klassen im HTML Code definieren<\/h2>\n\n\n\n
Jetzt haben wir die HTML-Elemente entsprechend separiert, um sie \u00fcber CSS gut gestalten zu k\u00f6nnen. Es fehlen noch die Namen, \u00fcber die wir im Anschluss die Gestaltung vornehmen k\u00f6nnen. Diese k\u00f6nnen z.B. wie folgt aussehen:<\/p>\n\n\n\n
<div id=\"sendy-newsletter\" class=\"newsletter-form-container\">\n  <form action=\"https:\/\/<SENDY-URL>\/subscribe\" method=\"POST\" accept-charset=\"utf-8\" class=\"newsletter-form\">\n\n    <div class=\"newsletter-form-field\">\n      <label for=\"name\" class=\"newsletter-form-label\">Name<\/label>\n      <input type=\"text\" name=\"name\" id=\"name\" class=\"newsletter-form-input\" placeholder=\"Dein Name\"\/>\n    <\/div>\n\n    <div class=\"newsletter-form-field\">\n      <label for=\"email\" class=\"newsletter-form-label\">Email<\/label>\n      <input type=\"email\" name=\"email\" id=\"email\" class=\"newsletter-form-input\" placeholder=\"Deine E-Mail Adresse\"\/>\n    <\/div>\n\n    <div class=\"newsletter-form-checkbox\">\n      <input type=\"checkbox\" name=\"gdpr\" id=\"gdpr\" class=\"newsletter-form-checkbox-input\"\/>\n      <label for=\"gdpr\" class=\"newsletter-form-checkbox-label\">\n        <strong>Newsletter Zustimmung:<\/strong>\n        Ich stimme zu, Neuigkeiten in Form von E-Mails zu erhalten.\n      <\/label>\n    <\/div>\n\n    <div style=\"display:none;\">\n      <label for=\"hp\">HP<\/label>\n      <input type=\"text\" name=\"hp\" id=\"hp\"\/>\n    <\/div>\n\n    <input type=\"hidden\" name=\"list\" value=\"<LIST-ID>\"\/>\n    <input type=\"hidden\" name=\"subform\" value=\"yes\"\/>\n\n        <input type=\"submit\" name=\"submit\" id=\"submit\" class=\"newsletter-submit-button\" value=\"Anmelden\"\/>\n      <\/div>\n    <\/div>\n  <\/form>\n<\/div><\/code><\/pre>\n\n\n\n
Damit k\u00f6nnen die einzelnen Elemente \u00fcber CSS gestaltet werden wie etwa:<\/p>\n\n\n\n
\/* Newsletter Form Container *\/\n.newsletter-form-container {\n  max-width: 500px;\n  margin: 2rem auto;\n  padding: 2rem;\n  background: #ffffff;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n\/* Form Fields *\/\n.newsletter-form-field {\n  margin-bottom: 1.5rem;\n}\n\n.newsletter-form-label {\n  display: block;\n  margin-bottom: 0.5rem;\n  font-weight: 600;\n  color: #333;\n  font-size: 0.95rem;\n}\n\n.newsletter-form-input {\n  width: 100%;\n  padding: 0.75rem;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-size: 1rem;\n  transition: border-color 0.3s ease;\n  box-sizing: border-box;\n}\n\n.newsletter-form-input:focus {\n  outline: none;\n  border-color: #0073aa;\n  box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.1);\n}\n\n\/* Checkbox Section *\/\n.newsletter-form-checkbox {\n  margin-bottom: 1.5rem;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n}\n\n.newsletter-form-checkbox-input {\n  margin-top: 0.25rem;\n  flex-shrink: 0;\n  width: 18px;\n  height: 18px;\n  cursor: pointer;\n}\n\n.newsletter-form-checkbox-label {\n  font-size: 0.9rem;\n  color: #555;\n  line-height: 1.5;\n  cursor: pointer;\n}\n\n\/* Submit Button *\/\n.newsletter-submit-button {\n  width: 100%;\n  padding: 0.875rem 1.5rem;\n  background: #0073aa;\n  color: #ffffff;\n  border: none;\n  border-radius: 4px;\n  font-size: 1rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\n.newsletter-submit-button:hover {\n  background: #005a87;\n}\n\n.newsletter-submit-button:active {\n  transform: translateY(1px);\n}<\/code><\/pre>\n\n\n\n
Den HTML Code bzw. das CSS kannst du anschlie\u00dfend nutzen, um das Newsletter Anmeldeformular deinem W\u00fcnschen anzupassen. Es sollte auch relativ gut klappen, wenn du das HTML und\/oder das CSS einer KI gibst und deine W\u00fcnsche f\u00fcr Anpassungen \u00e4u\u00dferst.<\/p>\n\n\n\n
In meinem Fall verwende ich aber das Twenty Twenty-Four Theme<\/a> von WordPress. Das verwendet den WordPress Block Builder und bietet \u00fcber WordPress globale Presets f\u00fcr Spacing<\/a>, die ich hier einsetzen m\u00f6chte.<\/p>\n\n\n\n
Sendy Formular f\u00fcr das Tewnty Twenty-Four Theme<\/h2>\n\n\n\n
Ich m\u00f6chte m\u00f6glichst viel der bestehenden CSS-Klassen von dem Theme verwenden und ggf. neue Klassen hinzuf\u00fcgen, wie z.B. f\u00fcr Eingabefelder, um das Formular dem Twenty Twenty-Four Theme<\/a> anzupassen.<\/p>\n\n\n\n
Als ersten Schritt verwende ich bestehenden Buttons f\u00fcr den „Anmelden“-Knopf:<\/p>\n\n\n\n
<div id=\"sendy-newsletter\" class=\"wp-block-group newsletter-form-container\">\n  <form action=\"https:\/\/<SENDY-URL>\/subscribe\" method=\"POST\" accept-charset=\"utf-8\" class=\"newsletter-form\">\n\n    <div class=\"newsletter-form-field\">\n      <label for=\"name\" class=\"newsletter-form-label\">Name<\/label>\n      <input type=\"text\" name=\"name\" id=\"name\" class=\"newsletter-form-input\" placeholder=\"Dein Name\"\/>\n    <\/div>\n\n    <div class=\"newsletter-form-field\">\n      <label for=\"email\" class=\"newsletter-form-label\">Email<\/label>\n      <input type=\"email\" name=\"email\" id=\"email\" class=\"newsletter-form-input\" placeholder=\"Deine E-Mail Adresse\"\/>\n    <\/div>\n\n    <div class=\"newsletter-form-checkbox\">\n      <input type=\"checkbox\" name=\"gdpr\" id=\"gdpr\" class=\"newsletter-form-checkbox-input\"\/>\n      <label for=\"gdpr\" class=\"newsletter-form-checkbox-label\">\n        <strong>Newsletter Zustimmung:<\/strong>\n        Ich stimme zu, Neuigkeiten in Form von E-Mails zu erhalten.\n      <\/label>\n    <\/div>\n\n    <div style=\"display:none;\">\n      <label for=\"hp\">HP<\/label>\n      <input type=\"text\" name=\"hp\" id=\"hp\"\/>\n    <\/div>\n\n    <input type=\"hidden\" name=\"list\" value=\"<LIST-ID>\"\/>\n    <input type=\"hidden\" name=\"subform\" value=\"yes\"\/>\n\n    <div class=\"wp-block-buttons\">\n      <div class=\"wp-block-button\">\n        <input type=\"submit\" name=\"submit\" id=\"submit\" class=\"wp-block-button__link wp-element-button\" value=\"Anmelden\"\/>\n      <\/div>\n    <\/div>\n\n  <\/form>\n<\/div><\/code><\/pre>\n\n\n\n
Das sieht schon mal nicht schlecht aus. Anschlie\u00dfend verwende ich die bestehenden CSS Presets f\u00fcr Spacing<\/a> im CSS. Dieses CSS erf\u00fcllt meine minimalistischen W\u00fcnsche f\u00fcr die Gestaltung:<\/p>\n\n\n\n
\/* Newsletter Form Container *\/\n.newsletter-form-container {\n  padding-top: var(--wp--preset--spacing--10);\n  padding-bottom: var(--wp--preset--spacing--10);\n  background-color: var(--wp--preset--color--base);\n  border-radius: 8px;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.newsletter-form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wp--preset--spacing--10);\n}\n\n\/* Form Fields *\/\n.newsletter-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wp--preset--spacing--0);\n}\n\n.newsletter-form-label {\n  font-size: var(--wp--preset--font-size--medium);\n  font-weight: 500;\n  color: var(--wp--preset--color--contrast);\n  font-family: var(--wp--preset--font-family--body);\n}\n\n.newsletter-form-input {\n  \/* width: 100%; *\/\n  padding: var(--wp--preset--spacing--10);\n  font-size: var(--wp--preset--font-size--medium);\n  font-family: var(--wp--preset--font-family--body);\n  color: var(--wp--preset--color--contrast);\n  background-color: var(--wp--preset--color--base);\n  border: 1px solid var(--wp--preset--color--contrast);\n  border-radius: 4px;\n  transition: border-color 0.2s ease;\n}\n\n.newsletter-form-input:focus {\n  outline: none;\n  border-color: var(--wp--preset--color--contrast);\n  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);\n}\n\n.newsletter-form-input::placeholder {\n  color: var(--wp--preset--color--contrast);\n  opacity: 0.6;\n}\n\n\/* Checkbox *\/\n.newsletter-form-checkbox {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wp--preset--spacing--10);\n}\n\n.newsletter-form-checkbox-input {\n  margin-top: 4px;\n  width: 18px;\n  height: 18px;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n\n.newsletter-form-checkbox-label {\n  font-size: var(--wp--preset--font-size--small);\n  color: var(--wp--preset--color--contrast);\n  font-family: var(--wp--preset--font-family--body);\n  line-height: 1.6;\n  cursor: pointer;\n}\n\n\/* Submit Button Alignment *\/\n.newsletter-form .wp-block-buttons {\n  margin-top: var(--wp--preset--spacing--10);\n}\n\n.newsletter-form .wp-block-button {\n  width: 100%;\n}\n\n.newsletter-form .wp-block-button__link {\n  width: 100%;\n  justify-content: center;\n  cursor: pointer;\n}<\/code><\/pre>\n\n\n\n
Das Ergebnis sieht nach meiner Ansicht schon recht ordentlich:<\/p>\n\n\n\n
\"Sende<\/a><\/figure>\n\n\n\n
Fazit<\/h2>\n\n\n\n
Das Ergebnis sieht schon sehr ordentlich aus – wenn es auch kleine Verbesserungen noch g\u00e4be. Diese recht einfache L\u00f6sung reduziert Abh\u00e4ngigkeiten zu Plugins (Drittanbieter), erspart Aktualisierungen von Plugins und spart damit auf lange Sicht eine Menge Zeit.<\/p>\n\n\n\n
Zudem ist die L\u00f6sung beliebig als Widget im Footer, direkt auf einer Seite und in Blog-Beitr\u00e4gen einsetzbar. Es erlaubt das Formular beliebig einzuf\u00fcgen und das zentrale CSS erlaubt es, das Aussehen zentral zu \u00e4ndern.<\/p>\n","protected":false},"excerpt":{"rendered":"
In WordPress gibt es f\u00fcr alles ein Plugin – wie f\u00fcr Sendy auch. Aber einfache Aufgaben kannst du auch ohne ein Plugin l\u00f6sen. Daf\u00fcr musst du auch nicht den Entwickler bitten, sein Plugin anzupassen. Die vollst\u00e4ndige L\u00f6sung zum „Kopieren und Einf\u00fcgen“ f\u00fcr das Twenty Twenty-Four Theme findest du weiter unten. Wir erarbeiten uns aber hier […]<\/p>\n","protected":false},"author":1,"featured_media":827,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,5],"tags":[74,75,71,70,73,72],"class_list":["post-813","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","category-opensourcesoftware","tag-css","tag-html","tag-newsletter","tag-sendy","tag-twenty-twenty-four-theme","tag-wordpress-theme"],"yoast_head":"\nSendy Newsletter Formular in Wordpress ohne Plugin einbinden - Konstantin Filtschew<\/title>\n<meta name=\"description\" content=\"Integriere das Sendy Registrierungsformular auf deiner Wordpress Seite ohne ein zus\u00e4tzliches Plugin aber mit Theme Anpassung.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sendy Newsletter Formular in Wordpress ohne Plugin einbinden - Konstantin Filtschew\" \/>\n<meta property=\"og:description\" content=\"Integriere das Sendy Registrierungsformular auf deiner Wordpress Seite ohne ein zus\u00e4tzliches Plugin aber mit Theme Anpassung.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/\" \/>\n<meta property=\"og:site_name\" content=\"Konstantin Filtschew\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-04T13:56:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-08T19:44:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1292\" \/>\n\t<meta property=\"og:image:height\" content=\"654\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Konstantin Filtschew\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fa11enangel\" \/>\n<meta name=\"twitter:site\" content=\"@fa11enangel\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Konstantin Filtschew\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/\"},\"author\":{\"name\":\"Konstantin Filtschew\",\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/de09aadf27dd3b71cb0030f6f2214b1e\"},\"headline\":\"Sendy Newsletter Formular in WordPress ohne Plugin einbinden\",\"datePublished\":\"2025-10-04T13:56:57+00:00\",\"dateModified\":\"2025-10-08T19:44:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/\"},\"wordCount\":627,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/de09aadf27dd3b71cb0030f6f2214b1e\"},\"image\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png\",\"keywords\":[\"CSS\",\"HTML\",\"Newsletter\",\"Sendy\",\"Twenty Twenty-Four Theme\",\"Wordpress Theme\"],\"articleSection\":[\"Allgemeines\",\"OpenSource Software\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/\",\"url\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/\",\"name\":\"Sendy Newsletter Formular in Wordpress ohne Plugin einbinden - Konstantin Filtschew\",\"isPartOf\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png\",\"datePublished\":\"2025-10-04T13:56:57+00:00\",\"dateModified\":\"2025-10-08T19:44:46+00:00\",\"description\":\"Integriere das Sendy Registrierungsformular auf deiner Wordpress Seite ohne ein zus\u00e4tzliches Plugin aber mit Theme Anpassung.\",\"breadcrumb\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#primaryimage\",\"url\":\"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png\",\"contentUrl\":\"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png\",\"width\":1292,\"height\":654,\"caption\":\"Sende Newsletter Registration for Twenty Twenty-Four Wordpress Theme\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/konstantin.filtschew.de\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sendy Newsletter Formular in WordPress ohne Plugin einbinden\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/#website\",\"url\":\"https:\/\/konstantin.filtschew.de\/blog\/\",\"name\":\"Konstantin Filtschew\",\"description\":\"Der t\u00e4gliche IT-Wahnsinn\",\"publisher\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/de09aadf27dd3b71cb0030f6f2214b1e\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/konstantin.filtschew.de\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/de09aadf27dd3b71cb0030f6f2214b1e\",\"name\":\"Konstantin Filtschew\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/KFLogo1.png\",\"contentUrl\":\"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/KFLogo1.png\",\"width\":222,\"height\":193,\"caption\":\"Konstantin Filtschew\"},\"logo\":{\"@id\":\"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Building an operation system without source code, is like buying a self assemble space shuttle without instructions. (Author unknown)\",\"sameAs\":[\"https:\/\/konstantin.filtschew.de\",\"https:\/\/www.linkedin.com\/in\/konstantin-filtschew-b7138019\/\",\"https:\/\/x.com\/fa11enangel\"],\"url\":\"https:\/\/konstantin.filtschew.de\/blog\/author\/konstantin-filtschew\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sendy Newsletter Formular in Wordpress ohne Plugin einbinden - Konstantin Filtschew","description":"Integriere das Sendy Registrierungsformular auf deiner Wordpress Seite ohne ein zus\u00e4tzliches Plugin aber mit Theme Anpassung.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/","og_locale":"de_DE","og_type":"article","og_title":"Sendy Newsletter Formular in Wordpress ohne Plugin einbinden - Konstantin Filtschew","og_description":"Integriere das Sendy Registrierungsformular auf deiner Wordpress Seite ohne ein zus\u00e4tzliches Plugin aber mit Theme Anpassung.","og_url":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/","og_site_name":"Konstantin Filtschew","article_published_time":"2025-10-04T13:56:57+00:00","article_modified_time":"2025-10-08T19:44:46+00:00","og_image":[{"width":1292,"height":654,"url":"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png","type":"image\/png"}],"author":"Konstantin Filtschew","twitter_card":"summary_large_image","twitter_creator":"@fa11enangel","twitter_site":"@fa11enangel","twitter_misc":{"Verfasst von":"Konstantin Filtschew","Gesch\u00e4tzte Lesezeit":"4\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#article","isPartOf":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/"},"author":{"name":"Konstantin Filtschew","@id":"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/de09aadf27dd3b71cb0030f6f2214b1e"},"headline":"Sendy Newsletter Formular in WordPress ohne Plugin einbinden","datePublished":"2025-10-04T13:56:57+00:00","dateModified":"2025-10-08T19:44:46+00:00","mainEntityOfPage":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/"},"wordCount":627,"commentCount":0,"publisher":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/de09aadf27dd3b71cb0030f6f2214b1e"},"image":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#primaryimage"},"thumbnailUrl":"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png","keywords":["CSS","HTML","Newsletter","Sendy","Twenty Twenty-Four Theme","Wordpress Theme"],"articleSection":["Allgemeines","OpenSource Software"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/","url":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/","name":"Sendy Newsletter Formular in Wordpress ohne Plugin einbinden - Konstantin Filtschew","isPartOf":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#primaryimage"},"image":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#primaryimage"},"thumbnailUrl":"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png","datePublished":"2025-10-04T13:56:57+00:00","dateModified":"2025-10-08T19:44:46+00:00","description":"Integriere das Sendy Registrierungsformular auf deiner Wordpress Seite ohne ein zus\u00e4tzliches Plugin aber mit Theme Anpassung.","breadcrumb":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#primaryimage","url":"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png","contentUrl":"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/Sende-Newsletter-Registration-for-Twenty-Twenty-Four-Wordpress-Theme.png","width":1292,"height":654,"caption":"Sende Newsletter Registration for Twenty Twenty-Four Wordpress Theme"},{"@type":"BreadcrumbList","@id":"https:\/\/konstantin.filtschew.de\/blog\/2025\/10\/04\/sendy-newsletter-formular-in-wordpress-ohne-plugin-einbinden\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/konstantin.filtschew.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Sendy Newsletter Formular in WordPress ohne Plugin einbinden"}]},{"@type":"WebSite","@id":"https:\/\/konstantin.filtschew.de\/blog\/#website","url":"https:\/\/konstantin.filtschew.de\/blog\/","name":"Konstantin Filtschew","description":"Der t\u00e4gliche IT-Wahnsinn","publisher":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/de09aadf27dd3b71cb0030f6f2214b1e"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/konstantin.filtschew.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":["Person","Organization"],"@id":"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/de09aadf27dd3b71cb0030f6f2214b1e","name":"Konstantin Filtschew","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/image\/","url":"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/KFLogo1.png","contentUrl":"https:\/\/konstantin.filtschew.de\/blog\/wp-content\/uploads\/2025\/10\/KFLogo1.png","width":222,"height":193,"caption":"Konstantin Filtschew"},"logo":{"@id":"https:\/\/konstantin.filtschew.de\/blog\/#\/schema\/person\/image\/"},"description":"Building an operation system without source code, is like buying a self assemble space shuttle without instructions. (Author unknown)","sameAs":["https:\/\/konstantin.filtschew.de","https:\/\/www.linkedin.com\/in\/konstantin-filtschew-b7138019\/","https:\/\/x.com\/fa11enangel"],"url":"https:\/\/konstantin.filtschew.de\/blog\/author\/konstantin-filtschew\/"}]}},"_links":{"self":[{"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/posts\/813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/comments?post=813"}],"version-history":[{"count":8,"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/posts\/813\/revisions"}],"predecessor-version":[{"id":834,"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/posts\/813\/revisions\/834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/media\/827"}],"wp:attachment":[{"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/media?parent=813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/categories?post=813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/konstantin.filtschew.de\/blog\/wp-json\/wp\/v2\/tags?post=813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}