{"id":6763,"date":"2025-01-15T09:07:29","date_gmt":"2025-01-15T09:07:29","guid":{"rendered":"https:\/\/tableberg.com\/?p=6763"},"modified":"2025-01-15T12:38:51","modified_gmt":"2025-01-15T12:38:51","slug":"wie-man-den-spotify-einbettungsblock-in-wordpress-verwendet","status":"publish","type":"post","link":"https:\/\/tableberg.com\/de\/how-to-use-the-spotify-embed-block-in-wordpress\/","title":{"rendered":"Wie man den Spotify Embed Block in WordPress verwendet (2 einfache Schritte)"},"content":{"rendered":"<p><strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/spotify-embed\/\" target=\"_blank\" rel=\"noreferrer noopener\">Das WordPress Spotify<\/a><\/strong> Embed Block ist perfekt, wenn Sie eine musikbezogene Website besitzen und Musik, Podcasts oder Wiedergabelisten hinzuf\u00fcgen. Der WordPress Spotify Embed Block erm\u00f6glicht es Ihnen, Spotify-Musik direkt in Ihre Website einzubetten. <\/p>\n\n\n\n<p>In dieser Anleitung erfahren Sie, was dieser Block ist, welche allgemeinen Funktionen er hat und wie Sie den Spotify Embed-Block in WordPress nahtlos einsetzen k\u00f6nnen. <\/p>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-02596577-8778-45a9-bde2-53da39f3d809\" data-mobilecollapse=\"true\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-02596577-8778-45a9-bde2-53da39f3d809\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-02596577-8778-45a9-bde2-53da39f3d809\" style=\"color: #671feb; \">Was ist der WordPress Spotify Embed Block?<\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-0-02596577-8778-45a9-bde2-53da39f3d809\">\n\n<p>Der WordPress Spotify Embed Block ist ein Kernblock, mit dem Sie Spotify-Musikdateien direkt in Ihre Website einf\u00fcgen k\u00f6nnen, ohne dass Sie irgendeinen Code hinzuf\u00fcgen m\u00fcssen. Alles, was Sie tun m\u00fcssen, ist die Spotify-URL in den Block einzuf\u00fcgen.<\/p>\n\n\n\n<p>Sie k\u00f6nnen nicht nur Musikdateien, sondern auch Spotify-Alben, -Wiedergabelisten oder -Podcasts direkt zu Ihrer Website hinzuf\u00fcgen.  <\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-02596577-8778-45a9-bde2-53da39f3d809\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-02596577-8778-45a9-bde2-53da39f3d809\" style=\"color: #671feb; \">Hauptmerkmale des Spotify Embed Blocks<\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-02596577-8778-45a9-bde2-53da39f3d809\">\n\n<p>Die wichtigsten Merkmale des Blocks sind unten aufgef\u00fchrt. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Direkte Integration mit Spotify<\/strong>: F\u00fcgen Sie eine Wiedergabeliste mit \u00f6ffentlichen Titeln oder Podcasts von Spotify hinzu.<\/li>\n\n\n\n<li><strong>Reaktionsf\u00e4higes Design<\/strong>: Der eingebettete Player passt sich an die verschiedenen Bildschirmgr\u00f6\u00dfen an.<\/li>\n\n\n\n<li><strong>Reaktionsf\u00e4higes Design<\/strong>: Der eingebettete Player passt sich an die verschiedenen Bildschirmgr\u00f6\u00dfen an.<\/li>\n\n\n\n<li><strong>Einfache Einrichtung<\/strong>: Kopieren Sie den Spotify-Link und f\u00fcgen Sie ihn ohne zus\u00e4tzliche Hilfsmittel in den Block ein.<\/li>\n<\/ol>\n\n\n\n<p>Die Optionen des Players werden angezeigt, wenn der Spotify-Track geladen ist. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"816\" height=\"670\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-53-31.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6768\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-53-31.png 816w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-53-31-300x246.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-53-31-768x631.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-53-31-15x12.png 15w\" sizes=\"auto, (max-width: 816px) 100vw, 816px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Spotify-Symbol: <\/strong>Sie f\u00fchrt Sie zur Spotify-Website und spielt genau den Titel ab, den Sie auf Ihrer Website hinzugef\u00fcgt haben. <\/li>\n\n\n\n<li><strong>Drei Punkte (mehr):<\/strong> Diese Schaltfl\u00e4che enth\u00e4lt weitere Optionen, wie z. B. Auf Spotify abspielen, Auf Spotify speichern, Link kopieren usw. <\/li>\n\n\n\n<li><strong>Play-Taste: <\/strong>Mit der Wiedergabetaste k\u00f6nnen Sie die Musik abspielen und pausieren. <\/li>\n\n\n\n<li><strong>Sparen Sie bei Spotify:<\/strong> Diese Schaltfl\u00e4che f\u00fchrt Sie zur Spotify-Website und f\u00fcgt den Titel zu den gelikten Songs hinzu. <\/li>\n\n\n\n<li>Zeigt den Namen des K\u00fcnstlers an. <\/li>\n\n\n\n<li>Zeigt den Namen des Titels an. <\/li>\n\n\n\n<li>Zeigt den Namen des Albums an. <\/li>\n<\/ol>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-02596577-8778-45a9-bde2-53da39f3d809\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-02596577-8778-45a9-bde2-53da39f3d809\" style=\"color: #671feb; \">Funktionen der Symbolleiste des Spotify-Blocks<\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-02596577-8778-45a9-bde2-53da39f3d809\">\n\n<p>Wenn Sie den Spotify-Embed-Block ausw\u00e4hlen, wird oben im Block-Editor eine Symbolleiste angezeigt.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"874\" height=\"684\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-52-36.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6767\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-52-36.png 874w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-52-36-300x235.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-52-36-768x601.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-52-36-15x12.png 15w\" sizes=\"auto, (max-width: 874px) 100vw, 874px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Verwandeln in: <\/strong>Mit der Schaltfl\u00e4che Umwandeln in k\u00f6nnen Sie Ihren Block in den Absatz-, Spalten-, Detail- und Gruppenblock umwandeln.<\/li>\n\n\n\n<li><strong>Ziehen: <\/strong>Erm\u00f6glicht das Ziehen und Ablegen des entsprechenden Blocks an einer beliebigen Stelle.<\/li>\n\n\n\n<li><strong>Bewegliche Griffe:<\/strong> Sie k\u00f6nnen Ihren Block im Editor nach oben und unten verschieben, um Ihren Inhalt besser zu organisieren.<\/li>\n\n\n\n<li><strong>Ausrichten: <\/strong>Mit der Option Ausrichten k\u00f6nnen Sie die Videoausrichtung auf Keine, Breite, Volle Breite, Links, Mitte und Rechts einstellen.<\/li>\n\n\n\n<li><strong>Beschriftung hinzuf\u00fcgen: <\/strong>Mit dieser Option k\u00f6nnen Sie Beschriftungen hinzuf\u00fcgen.<\/li>\n\n\n\n<li><strong>URL bearbeiten: <\/strong>Diese Option erm\u00f6glicht es Ihnen, den eingef\u00fcgten Link zu sehen, den Link zu bearbeiten, einen neuen Link einzuf\u00fcgen, usw.<\/li>\n\n\n\n<li><strong>Optionen: <\/strong>Bietet weitere Optionen in Bezug auf den Abschnitt des Blocks, z. B. Duplizieren, Kopieren, Gruppieren usw.<\/li>\n<\/ol>\n\n<\/div>\n\t\t<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-8db5ca72 wp-block-group-is-layout-constrained\" style=\"border-color:#671feb;border-style:solid;border-width:1px;border-radius:4px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-505d3e6d wp-block-group-is-layout-flex\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">\n<p style=\"font-size:clamp(18.959px, 1.185rem + ((1vw - 3.2px) * 1.175), 30px);\"><strong>Sch\u00f6ne Tische erstellen <\/strong><br><strong>Mit Block-Editor<\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" style=\"background-color:#671feb\" target=\"_blank\" rel=\"noreferrer noopener\">Kostenlos ausprobieren<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tableberg.com\/de\/preisgestaltung\/\" target=\"_blank\" rel=\"noreferrer noopener\">Profi werden<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"540\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\" alt=\"\" class=\"wp-image-1545\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png 540w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-300x300.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg-150x150.png 150w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Wie man den Spotify Embed Block in WordPress verwendet<\/h2>\n\n\n\n<p>Befolgen Sie die folgenden Schritte, um Spotify-Titel einfach einzubetten. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: Einf\u00fcgen des WordPress Spotify Embed Blocks<\/h3>\n\n\n\n<p>Navigieren Sie zu Ihrem Beitrag oder der Seite, zu der Sie einen Spotify-Titel hinzuf\u00fcgen m\u00f6chten. Klicken Sie anschlie\u00dfend auf die Schaltfl\u00e4che<strong>&nbsp;Block hinzuf\u00fcgen<\/strong>&nbsp;(\"<strong>+<\/strong>\") Symbol&nbsp;<strong>(1)<\/strong>, Typ \"<strong>Spotify einbetten<\/strong>\" im Suchfeld&nbsp;<strong>(2)<\/strong>und klicken Sie auf \"<strong>Spotify einbetten<\/strong>\"&nbsp;<strong>(3)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"604\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-49-34.png\" alt=\"Wie man den Spotify Embed Block in WordPress verwendet\" class=\"has-border-color has-main-accent-border-color wp-image-6772\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-49-34.png 878w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-49-34-300x206.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-49-34-768x528.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-49-34-18x12.png 18w\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Einbetten des Spotify-Tracks<\/h3>\n\n\n\n<p>F\u00fcgen Sie nun den Link zu Ihrem Spotify-Titel ein (<strong>1)<\/strong>&nbsp;und klicken Sie auf den \"<strong>einbetten<\/strong>\" Schaltfl\u00e4che&nbsp;<strong>(2)<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"802\" height=\"588\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-51-17.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6773\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-51-17.png 802w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-51-17-300x220.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-51-17-768x563.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_13-51-17-16x12.png 16w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/figure>\n\n\n\n<p>Es wird ein oder zwei Sekunden dauern, bis Ihre Spotify-Inhalte angezeigt werden.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"876\" height=\"708\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-35-45.gif\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6774\" style=\"border-width:1px;border-radius:3px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Andere Anpassungsmerkmale:<\/h3>\n\n\n\n<p>F\u00fcr andere zus\u00e4tzliche Anpassungsfunktionen navigieren Sie bitte zu&nbsp;<strong>Einstellungen (1) &gt; Block (2) &gt; Einstellungen (3).&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"596\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-39-34.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6775\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-39-34.png 892w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-39-34-300x200.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-39-34-768x513.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-39-34-18x12.png 18w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/figure>\n\n\n\n<p>Im Men\u00fc Einstellungen finden Sie die Option \"<strong>Gr\u00f6\u00dfe f\u00fcr kleinere Ger\u00e4te anpassen.<\/strong>\" Mit dieser Option wird das Seitenverh\u00e4ltnis des Videos automatisch angepasst, wenn es auf kleineren Ger\u00e4ten angezeigt wird.<\/p>\n\n\n\n<p>Die&nbsp;<strong>Stile<\/strong>&nbsp;hat nur eine Option, mit der Sie die R\u00e4nder f\u00fcr den Block festlegen k\u00f6nnen.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"564\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-41-52.png\" alt=\"\" class=\"has-border-color has-main-accent-border-color wp-image-6776\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-41-52.png 884w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-41-52-300x191.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-41-52-768x490.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2025-01-15_14-41-52-18x12.png 18w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><\/figure>\n\n\n\n<p>Nachdem Sie alle \u00c4nderungen vorgenommen haben, m\u00fcssen Sie Ihre Seite oder Ihren Beitrag speichern oder ver\u00f6ffentlichen, damit der Spotify-Inhalt angezeigt wird. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-main-accent-color has-alpha-channel-opacity has-main-accent-background-color has-background\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Schlussgedanken!<\/h2>\n\n\n\n<p>So verwenden Sie also den Spotify Embed-Block in WordPress. Mit diesem Block k\u00f6nnen Sie Audioinhalte von Spotify ganz einfach anzeigen. <\/p>\n\n\n\n<p>Wie ist der Lehrgang? War es hilfreich? Teilen Sie mir Ihre Meinung im Kommentarbereich unten mit. <\/p>\n\n\n\n<p><strong>Mehr lesen!<\/strong><\/p>\n\n\n<ul style=\"padding-left: 1.1em; text-align: left; --ub-list-item-icon-top: 3px;; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); --ub-list-item-fa-li-top: 3px; --ub-list-item-spacing: 15px; \" class=\"wp-block-ub-styled-list ub_styled_list\" id=\"ub_styled_list-edbc4050-10b6-467e-848e-55fb6f6a3b4a\"><div class=\"ub-block-list__layout\" style=\"text-align: left; column-count: 1; --ub-list-mobile-column-count: 1; \">\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-bb7a705d-79cd-4dba-a8d3-6f79866a96c9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-twitter-einbettungsblock-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den Twitter Embed Block in WordPress in 2 einfachen Schritten verwendet<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-bb7a705d-79cd-4dba-a8d3-6f79866a96c9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-youtube-einbettungsblock-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den YouTube Embed Block in WordPress verwendet (3 einfache Schritte)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-bb7a705d-79cd-4dba-a8d3-6f79866a96c9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-den-audioblock-in-wordpress-verwendet\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man den Audioblock in WordPress in 3 einfachen Schritten verwendet<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-bb7a705d-79cd-4dba-a8d3-6f79866a96c9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/wie-man-eine-preistabelle-in-wordpress-erstellt\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wie man eine Preistabelle im WordPress Block Editor erstellt<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n\n<li class=\"ub_styled_list_item\" style=\"--ub-list-item-icon-top: 3px; --ub-list-item-icon-size: 0.9em; --ub-list-item-background-image: url('data:image\/svg+xml;utf8,&lt;svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 512 512&quot;&gt;&lt;path fill=&quot;%23000000&quot; d=&quot;M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;'); \" id=\"ub-styled-list-item-bb7a705d-79cd-4dba-a8d3-6f79866a96c9\">\n\t\t\t<div class=\"ub_list_item_content\">\n\t\t\t\t<span class=\"ub_list_item_icon\">\n\t\t\t\t\t<svg width=\"0.9em\" height=\"0.9em\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\"><path fill=\"#000000\" d=\"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z\"><\/path><\/svg>\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"ub_list_item_text\"><a href=\"https:\/\/tableberg.com\/de\/beste-vergleichstabelle-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 beste Vergleichstabelle WordPress Plugins (Expertenauswahl)<\/a><\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/li>\n<\/div><\/ul>\n\n<div class=\"wp-block-ub-social-share\" id=\"ub-social-share-7fb28a00-e33d-4c43-a770-6644a48b015d\">\n\t\t\t<div class=\"social-share-icons align-icons-center orientation-icons-row\"><a aria-label=\"Facebook-Logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-use-the-spotify-embed-block-in-wordpress%2F&amp;title=How%20to%20Use%20the%20Spotify%20Embed%20Block%20in%20WordPress%20%282%20Easy%20Steps%29\" class=\"ub-social-share-facebook-container\" style=\"border-color: #1877f2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-facebook\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#1877f2\" fill=\"#1877f2\" width=\"20\" height=\"20\" viewbox=\"0 0 264 512\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"><\/path><\/svg><\/span><span style=\"\">Aktie<\/span>\n\t\t\t<\/a><a aria-label=\"Twitter-Logo\" target=\"_blank\" rel=\"nofollow\" href=\"http:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-use-the-spotify-embed-block-in-wordpress%2F&amp;text=How%20to%20Use%20the%20Spotify%20Embed%20Block%20in%20WordPress%20%282%20Easy%20Steps%29\" class=\"ub-social-share-twitter-container\" style=\"border-color: #1d9bf0; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-twitter\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color:#1d9BF0\" fill=\"#1d9BF0\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\"><path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584l-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\"><\/path><\/svg><\/span><span style=\"\">tweet<\/span>\n\t\t\t<\/a><a aria-label=\"linkedin-logo\" target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Ftableberg.com%2Fde%2Fhow-to-use-the-spotify-embed-block-in-wordpress%2F\" class=\"ub-social-share-linkedin-container\" style=\"border-color: #2867b2; background-color: transparent; box-shadow: none; \">\n\t\t\t\t<span class=\"social-share-icon ub-social-share-linkedin\" style=\"width: 30px; height: 30px; \"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:#2867b2\" fill=\"#2867b2\" width=\"20\" height=\"20\" viewbox=\"0 0 448 512\"><path d=\"M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z\"><\/path><\/svg><\/span><span style=\"\">Aktie<\/span>\n\t\t\t<\/a><\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The WordPress Spotify Embed block is perfect if you own a music-related website and add music, podcasts, or playlists. WordPress Spotify embed Block allows you to embed Spotify music directly to your website. In this guide, we will walk through what this block is, its general features &amp; toolbar features, and how to use the [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":6764,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6763","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Use-the-Spotify-Embed-Block-in-WordPress-1140-x-450.png","author_info":{"display_name":"Ankur Raj Bongshi","author_link":"https:\/\/tableberg.com\/de\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/6763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/comments?post=6763"}],"version-history":[{"count":8,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/6763\/revisions"}],"predecessor-version":[{"id":6789,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/posts\/6763\/revisions\/6789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media\/6764"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/media?parent=6763"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/categories?post=6763"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/de\/wp-json\/wp\/v2\/tags?post=6763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}