{"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":"comment-utiliser-le-bloc-dintegration-de-spotify-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-use-the-spotify-embed-block-in-wordpress\/","title":{"rendered":"Comment utiliser le bloc d'int\u00e9gration Spotify dans WordPress (2 \u00e9tapes faciles)"},"content":{"rendered":"<p><strong><a href=\"https:\/\/wordpress.org\/documentation\/article\/spotify-embed\/\" target=\"_blank\" rel=\"noreferrer noopener\">Le Spotify de WordPress<\/a><\/strong> Le bloc d'int\u00e9gration est parfait si vous poss\u00e9dez un site web li\u00e9 \u00e0 la musique et que vous ajoutez de la musique, des podcasts ou des listes de lecture. Le bloc WordPress Spotify embedded vous permet d'int\u00e9grer de la musique Spotify directement sur votre site web. <\/p>\n\n\n\n<p>Dans ce guide, nous verrons ce qu'est ce bloc, ses caract\u00e9ristiques g\u00e9n\u00e9rales et celles de la barre d'outils, et comment utiliser le bloc Spotify Embed dans WordPress de mani\u00e8re transparente. <\/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; \">Qu'est-ce que le bloc d'int\u00e9gration WordPress Spotify ?<\/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>Le bloc WordPress Spotify Embed est un bloc de base qui vous permet d'ajouter des fichiers musicaux Spotify directement sur votre site web sans ajouter de code. Tout ce que vous avez \u00e0 faire est de coller l'URL de Spotify dans le bloc.<\/p>\n\n\n\n<p>Vous pouvez non seulement ajouter des fichiers musicaux, mais aussi des albums Spotify, des listes de lecture ou des podcasts directement sur votre site Web.  <\/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; \">Principales caract\u00e9ristiques du Bloc Embarqu\u00e9 Spotify<\/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>Les principales caract\u00e9ristiques du bloc sont les suivantes. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Int\u00e9gration directe avec Spotify<\/strong>: Ajouter n'importe quelle liste de lecture publique ou podcast de Spotify.<\/li>\n\n\n\n<li><strong>Conception adapt\u00e9e<\/strong>: Le lecteur int\u00e9gr\u00e9 s'adapte aux diff\u00e9rentes tailles d'\u00e9cran.<\/li>\n\n\n\n<li><strong>Conception adapt\u00e9e<\/strong>: Le lecteur int\u00e9gr\u00e9 s'adapte aux diff\u00e9rentes tailles d'\u00e9cran.<\/li>\n\n\n\n<li><strong>Une configuration simple<\/strong>: Copiez et collez le lien Spotify dans le bloc sans outils suppl\u00e9mentaires.<\/li>\n<\/ol>\n\n\n\n<p>Vous verrez les options du lecteur lorsque la piste Spotify sera charg\u00e9e. <\/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>Ic\u00f4ne Spotify : <\/strong>Il vous emm\u00e8nera sur le site de Spotify et jouera le titre exact que vous avez ajout\u00e9 \u00e0 votre site web. <\/li>\n\n\n\n<li><strong>Trois points (plus) :<\/strong> Ce bouton contient plus d'options, comme Lire sur Spotify, Enregistrer sur Spotify, Copier le lien, etc. <\/li>\n\n\n\n<li><strong>Bouton de lecture : <\/strong>Le bouton Lecture permet d'\u00e9couter et de mettre en pause la musique. <\/li>\n\n\n\n<li><strong>\u00c9conomisez sur Spotify :<\/strong> Ce bouton vous emm\u00e8ne sur le site de Spotify et ajoute le titre aux Chansons aim\u00e9es. <\/li>\n\n\n\n<li>Affiche le nom de l'artiste. <\/li>\n\n\n\n<li>Affiche le nom de la piste. <\/li>\n\n\n\n<li>Affiche le nom de l'album. <\/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; \">Fonctionnalit\u00e9s de la barre d'outils du bloc Spotify<\/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>Lorsque vous s\u00e9lectionnez le bloc Spotify Embed, vous verrez une barre d'outils en haut de l'\u00e9diteur de bloc.<\/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>Transformer en : <\/strong>Le bouton Transformer en vous permet de transformer votre bloc en bloc Paragraphe, Colonnes, D\u00e9tails et Groupe.<\/li>\n\n\n\n<li><strong>Tra\u00een\u00e9e : <\/strong>Permet de faire glisser et de d\u00e9poser le bloc d\u00e9di\u00e9 \u00e0 n'importe quel endroit.<\/li>\n\n\n\n<li><strong>Poign\u00e9es mobiles :<\/strong> Permet de d\u00e9placer votre bloc de haut en bas dans l'\u00e9diteur pour mieux organiser votre contenu.<\/li>\n\n\n\n<li><strong>Aligner : <\/strong>L'option d'alignement vous permet de d\u00e9finir l'alignement de la vid\u00e9o sur Aucun, Largeur large, Largeur compl\u00e8te, Gauche, Centre et Droite.<\/li>\n\n\n\n<li><strong>Ajouter une l\u00e9gende : <\/strong>Vous pouvez ajouter des l\u00e9gendes \u00e0 l'aide de l'option.<\/li>\n\n\n\n<li><strong>Modifier l'URL : <\/strong>Cette option vous permet de voir le lien ins\u00e9r\u00e9, de le modifier, d'ins\u00e9rer un nouveau lien, etc.<\/li>\n\n\n\n<li><strong>Options : <\/strong>Offre plus d'options li\u00e9es \u00e0 la section du bloc, telles que dupliquer, copier, grouper, etc.<\/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>Cr\u00e9er de belles tables <\/strong><br><strong>Avec l'\u00e9diteur de blocs<\/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\">Essai gratuit<\/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\/fr\/la-tarification\/\" target=\"_blank\" rel=\"noreferrer noopener\">Obtenir un Pro<\/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\">Comment utiliser le bloc d'int\u00e9gration Spotify dans WordPress<\/h2>\n\n\n\n<p>Suivez les \u00e9tapes suivantes pour int\u00e9grer facilement des titres Spotify. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Etape 1 : Ins\u00e9rer le bloc d'int\u00e9gration WordPress Spotify<\/h3>\n\n\n\n<p>Naviguez jusqu'\u00e0 l'article ou la page o\u00f9 vous souhaitez ajouter un titre Spotify. Ensuite, cliquez sur le bouton<strong>&nbsp;Ajouter un bloc<\/strong>&nbsp;(\"<strong>+<\/strong>\") ic\u00f4ne&nbsp;<strong>(1)<\/strong>, type \"<strong>Embarquement Spotify<\/strong>\"dans la bo\u00eete de recherche&nbsp;<strong>(2)<\/strong>et cliquez sur \"<strong>Embarquement Spotify<\/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=\"Comment utiliser le bloc d&#039;int\u00e9gration Spotify dans WordPress\" 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\">\u00c9tape 2 : Int\u00e9grer le titre Spotify<\/h3>\n\n\n\n<p>Maintenant, ins\u00e9rez le lien de votre titre Spotify (<strong>1)<\/strong>&nbsp;et cliquez sur le bouton \"<strong>Embarquer<\/strong>bouton \"&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>Cela prendra une seconde ou deux pour afficher votre Contenu Spotify.<\/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\">Autres caract\u00e9ristiques de personnalisation :<\/h3>\n\n\n\n<p>Pour d'autres fonctions de personnalisation suppl\u00e9mentaires, consultez la page&nbsp;<strong>R\u00e9glages (1) &gt; Bloc (2) &gt; R\u00e9glages (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>Dans le menu Param\u00e8tres, vous verrez l'option \"<strong>Redimensionner pour les petits appareils.<\/strong>\" Cette option permet de redimensionner automatiquement le format de la vid\u00e9o lorsqu'elle est visionn\u00e9e sur des appareils de petite taille.<\/p>\n\n\n\n<p>Les&nbsp;<strong>Styles<\/strong>&nbsp;n'a qu'une seule option, qui permet de d\u00e9finir les marges du bloc.<\/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>Apr\u00e8s toutes les modifications, vous devez enregistrer ou publier votre page ou billet pour afficher le Contenu Spotify. <\/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\">Derni\u00e8res r\u00e9flexions !<\/h2>\n\n\n\n<p>Voil\u00e0 comment utiliser le bloc Spotify Embed dans WordPress. En utilisant ce bloc, vous pouvez facilement afficher le contenu audio de Spotify. <\/p>\n\n\n\n<p>Comment est le tutoriel ? A-t-il \u00e9t\u00e9 utile ? Faites-moi part de vos impressions dans la section des commentaires ci-dessous. <\/p>\n\n\n\n<p><strong>En savoir plus !<\/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\/fr\/comment-utiliser-le-bloc-twitter-embed-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment utiliser le bloc d'int\u00e9gration Twitter dans WordPress en 2 \u00e9tapes simples<\/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\/fr\/comment-utiliser-le-bloc-dintegration-de-youtube-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment utiliser le bloc d'int\u00e9gration YouTube dans WordPress (3 \u00e9tapes simples)<\/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\/fr\/comment-utiliser-le-bloc-audio-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment utiliser le bloc audio dans WordPress en 3 \u00e9tapes simples<\/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\/fr\/comment-creer-un-tableau-de-prix-dans-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comment cr\u00e9er un tableau de prix dans l'\u00e9diteur de blocs de WordPress<\/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\/fr\/meilleur-tableau-comparatif-plugins-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">7 meilleurs plugins WordPress de tableaux de comparaison (choix d'experts)<\/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%2Ffr%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=\"\">action<\/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%2Ffr%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%2Ffr%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=\"\">action<\/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\/fr\/author\/rajankur003\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=6763"}],"version-history":[{"count":8,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6763\/revisions"}],"predecessor-version":[{"id":6789,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/6763\/revisions\/6789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/6764"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=6763"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=6763"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=6763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}