{"id":7384,"date":"2024-10-11T10:24:12","date_gmt":"2024-10-11T08:24:12","guid":{"rendered":"https:\/\/elementorprobarato.com\/?p=7384"},"modified":"2024-11-07T17:08:15","modified_gmt":"2024-11-07T16:08:15","slug":"reproducir-audio-clicando-un-boton","status":"publish","type":"post","link":"https:\/\/elementorprobarato.com\/en\/reproducir-audio-clicando-un-boton\/","title":{"rendered":"Reproducir audio clicando un bot\u00f3n"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"7384\" class=\"elementor elementor-7384\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6a41f9 e-flex e-con-boxed e-con e-parent\" data-id=\"c6a41f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb83e0c elementor-widget elementor-widget-heading\" data-id=\"fb83e0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Aprende a Reproducir audio clicando un bot\u00f3n en WordPress<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-463adf2 elementor-widget elementor-widget-text-editor\" data-id=\"463adf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Es probable que quieras comunicar en tu web algo que en texto ser\u00eda demasiado largo, para eso se ha inventado el podcast, y como bien sabes, existen plataformas para ello.<\/p><p>De hecho, elementor ya incorpora un widget de <a href=\"https:\/\/soundcloud.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Soundcloud<\/strong><\/a> para que lo hagas sin demasiada complicaci\u00f3n.<\/p><p>A\u00fan as\u00ed, es posible que quieras Reproducir audio en WordPress desde un bot\u00f3n o un link sin tener que recurrir a servicios externos, simplemente subiendo el archivo .mp3 y que suene en tu web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d96ea82 elementor-widget elementor-widget-audio\" data-id=\"d96ea82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"audio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-soundcloud-wrapper\">\n\t\t\t\t<iframe width=\"800\" height=\"200\" frameborder=\"no\" src=\"https:\/\/w.soundcloud.com\/player\/?visual=false&#038;url=https%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F36701924&#038;show_artwork=true&#038;maxheight=1000&#038;maxwidth=800&#038;auto_play=false&#038;buying=true&#038;liking=true&#038;download=true&#038;sharing=true&#038;show_comments=true&#038;show_playcount=true&#038;show_user=true&#038;color\"><\/iframe>\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31cf150 elementor-widget elementor-widget-heading\" data-id=\"31cf150\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Te pongo un ejemplo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dad474d elementor-widget elementor-widget-text-editor\" data-id=\"dad474d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>En mi p\u00e1gina de inicio he querido dar un toque de humor, y la comparativa de precios, cuando se clica el bot\u00f3n \u00ab<strong>WASTE MONEY<\/strong>\u00bb hago que se reproduzca un audio divertido (pru\u00e9balo).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc8b208 elementor-widget elementor-widget-image\" data-id=\"fc8b208\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/en\/#pricing\" target=\"_blank\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"805\" height=\"658\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/precios-elementor.png\" class=\"attachment-full size-full wp-image-7698\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/precios-elementor.png 805w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/precios-elementor-300x245.png 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/precios-elementor-768x628.png 768w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/precios-elementor-15x12.png 15w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/precios-elementor-600x490.png 600w\" sizes=\"(max-width: 805px) 100vw, 805px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c68406a e-flex e-con-boxed e-con e-parent\" data-id=\"c68406a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43f45e2 elementor-widget elementor-widget-heading\" data-id=\"43f45e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Compra elementor Pro original muy barato<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f86fe8 elementor-widget elementor-widget-text-editor\" data-id=\"2f86fe8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Por cierto, si a\u00fan no tienes <b>elementor pro con licencia oficial <\/b>y quieres conseguirlo completamente legal y con la licencia activada, este es el momento, <a href=\"https:\/\/elementorprobarato.com\/en\/?add-to-cart=389\"><strong>c\u00f3mpralo ahora<\/strong><\/a> y ah\u00f3rrate un buen dinero.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c399f3 elementor-widget elementor-widget-heading\" data-id=\"7c399f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vamos a lo que interesa, Reproducir audio en WordPress desde un bot\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-405ba31 elementor-widget elementor-widget-text-editor\" data-id=\"405ba31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>El primer paso es obviamente tener en tu archivo de medios el archivo .mp3 que quieres que suene, yo para mostrarte como funciona, he subido una versi\u00f3n del <b>Pasacaglia de Handel <\/b>que puedes descargar para hacer la prueba (o usa uno que tu tengas).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e55210 elementor-widget elementor-widget-text-editor\" data-id=\"8e55210\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/legacy-of-handel.mp3\" download=\"legacy-of-handel\">\n<button type=\"button\">Descargar el archivo .mp3<\/button>\n<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eef80c9 elementor-widget elementor-widget-heading\" data-id=\"eef80c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Inserta el bot\u00f3n donde quieras usando elementor Pro<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8224ff6 e-con-full e-flex e-con e-child\" data-id=\"8224ff6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ad990 elementor-widget elementor-widget-text-editor\" data-id=\"b0ad990\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Pues eso, simplemente inserta un bot\u00f3n, y le pones el texto que ha de mostrar, pero CUIDADO, aseg\u00farate de que <b>no tenga ning\u00fan enlace<\/b>, ahora ver\u00e1s porqu\u00e9.<\/p><p>En lugar de un enlace, debes crear una clase .css para ese widget, por ejemplo \u00ab<b>pasacaglia<\/b>\u00ab.<\/p><p>Para ello, te vas a la pesta\u00f1a\u00a0<b>Avanzado <\/b>del widget de bot\u00f3n, y en el campo <b>Clases CSS<\/b>\u00a0escribes \u00ab<b>pasacaglia<\/b>\u00bb o la clase que tu quieras poner.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f860715 elementor-widget elementor-widget-image\" data-id=\"f860715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/clase-css-1.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"clase-css\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NzYyMSwidXJsIjoiaHR0cHM6XC9cL2VsZW1lbnRvcnByb2JhcmF0by5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzEwXC9jbGFzZS1jc3MtMS5qcGcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"739\" height=\"537\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/clase-css-1.jpg\" class=\"attachment-large size-large wp-image-7621\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/clase-css-1.jpg 739w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/clase-css-1-300x218.jpg 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/clase-css-1-18x12.jpg 18w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/clase-css-1-600x436.jpg 600w\" sizes=\"(max-width: 739px) 100vw, 739px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1119ff5 elementor-widget elementor-widget-heading\" data-id=\"1119ff5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ahora unas l\u00edneas de html<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f530c4 elementor-widget elementor-widget-text-editor\" data-id=\"1f530c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>S\u00edmplemente inserta el widget \u00abEditar html\u00bb lo mas cerca posible del bot\u00f3n, y pega el siguiente c\u00f3digo.<\/p><p><b>DOS COSAS IMPORTANTES:<\/b>\u00a0<\/p><ol><li>En la linea 2 tienes que sustituir <b>.pasacaglia <\/b>por la clase CSS que tu hayas puesto.<\/li><li>En la linea 15 debes cambiar la URL que aparece, por la que tiene tu archivo de audio, eso lo puedes hacer desde la biblioteca de medios.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d41524 elementor-widget elementor-widget-image\" data-id=\"7d41524\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/guardar-url.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"guardar url\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NzYxNiwidXJsIjoiaHR0cHM6XC9cL2VsZW1lbnRvcnByb2JhcmF0by5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzEwXC9ndWFyZGFyLXVybC5qcGcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"91\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/guardar-url.jpg\" class=\"attachment-full size-full wp-image-7616\" alt=\"\" srcset=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/guardar-url.jpg 1024w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/guardar-url-300x27.jpg 300w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/guardar-url-768x68.jpg 768w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/guardar-url-18x2.jpg 18w, https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/guardar-url-600x53.jpg 600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-597780f elementor-widget elementor-widget-code-highlight\" data-id=\"597780f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><script>\r\nlet audioButton = document.querySelector('.pasacaglia');   \/\/ <-- Change CSS Class Here\r\n       audioButton.addEventListener('click', function(){\r\n        var audio = document.getElementById(\"audio\");\r\n\r\n         if (audio.paused) {\r\n            audio.play();\r\n        }else{\r\n            audio.pause();\r\n            \/\/ audio.currentTime = 0\r\n        }\r\n      });\r\n    <\/script>\r\n\r\n    <audio id=\"audio\" src=\"https:\/\/tuweb.com\/carpeta\/tuarchivodemedios.mp3\"><\/audio><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff5f079 e-flex e-con-boxed e-con e-parent\" data-id=\"ff5f079\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81b125e elementor-widget elementor-widget-heading\" data-id=\"81b125e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ahora a Reproducir audio clicando un bot\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16e062a elementor-widget elementor-widget-text-editor\" data-id=\"16e062a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ya lo tienes, en este ejemplo simplemente suena una melod\u00eda pero puedes usarlo para podcast, para reproducir en audio las instrucciones de un servicio, etc.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17b60c7 elementor-align-left pasacaglia elementor-widget elementor-widget-button\" data-id=\"17b60c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-music\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Reproducir el audio<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c69c99 elementor-widget elementor-widget-html\" data-id=\"3c69c99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\nlet audioButton = document.querySelector('.pasacaglia');   \/\/ <-- Change CSS Class Here\r\n       audioButton.addEventListener('click', function(){\r\n        var audio = document.getElementById(\"audio\");\r\n\r\n         if (audio.paused) {\r\n            audio.play();\r\n        }else{\r\n            audio.pause();\r\n            \/\/ audio.currentTime = 0\r\n        }\r\n      });\r\n    <\/script>\r\n\r\n    <audio id=\"audio\" src=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/legacy-of-handel.mp3\"><\/audio>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Aprende a Reproducir audio clicando un bot\u00f3n en WordPress Es probable que quieras comunicar en tu web algo que en texto ser\u00eda demasiado largo, para eso se ha inventado el podcast, y como bien sabes, existen plataformas para ello. De hecho, elementor ya incorpora un widget de Soundcloud para que lo hagas sin demasiada complicaci\u00f3n. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7586,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50,47],"tags":[],"class_list":["post-7384","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-widgets"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Reproducir audio en WordPress desde un bot\u00f3n - elementor Pro Barato<\/title>\n<meta name=\"description\" content=\"Reproducir audio en WordPress desde un bot\u00f3n. Es probable que quieras comunicar en tu web algo que en texto ser\u00eda demasiado largo\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementorprobarato.com\/en\/reproducir-audio-clicando-un-boton\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reproducir audio en WordPress desde un bot\u00f3n - elementor Pro Barato\" \/>\n<meta property=\"og:description\" content=\"Reproducir audio en WordPress desde un bot\u00f3n. Es probable que quieras comunicar en tu web algo que en texto ser\u00eda demasiado largo\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementorprobarato.com\/en\/reproducir-audio-clicando-un-boton\/\" \/>\n<meta property=\"og:site_name\" content=\"elementor Pro Barato\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-11T08:24:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-07T16:08:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/Reproducir-audio-clicando-un-boton.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"estebanip\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"estebanip\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/\"},\"author\":{\"name\":\"estebanip\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#\\\/schema\\\/person\\\/2260d3b96091792b81b752fecfc09b84\"},\"headline\":\"Reproducir audio clicando un bot\u00f3n\",\"datePublished\":\"2024-10-11T08:24:12+00:00\",\"dateModified\":\"2024-11-07T16:08:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/\"},\"wordCount\":435,\"publisher\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Reproducir-audio-clicando-un-boton.png\",\"articleSection\":[\"Elementor\",\"Widgets y trucos\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/\",\"name\":\"Reproducir audio en WordPress desde un bot\u00f3n - elementor Pro Barato\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Reproducir-audio-clicando-un-boton.png\",\"datePublished\":\"2024-10-11T08:24:12+00:00\",\"dateModified\":\"2024-11-07T16:08:15+00:00\",\"description\":\"Reproducir audio en WordPress desde un bot\u00f3n. Es probable que quieras comunicar en tu web algo que en texto ser\u00eda demasiado largo\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Reproducir-audio-clicando-un-boton.png\",\"contentUrl\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/Reproducir-audio-clicando-un-boton.png\",\"width\":1024,\"height\":384,\"caption\":\"Reproducir audio en WordPress desde un bot\u00f3n\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/reproducir-audio-clicando-un-boton\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/elementorprobarato.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reproducir audio clicando un bot\u00f3n\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#website\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/\",\"name\":\"elementorprobarato.com\",\"description\":\"100% Original y con clave del fabricante\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#organization\"},\"alternateName\":\"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementorprobarato.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#organization\",\"name\":\"elementorprobarato.com\",\"alternateName\":\"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-Elementor-Logo-nuevo-rosa.png\",\"contentUrl\":\"https:\\\/\\\/elementorprobarato.com\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-Elementor-Logo-nuevo-rosa.png\",\"width\":512,\"height\":512,\"caption\":\"elementorprobarato.com\"},\"image\":{\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/tiktok.com\\\/@lapeorempresadelmundo\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementorprobarato.com\\\/#\\\/schema\\\/person\\\/2260d3b96091792b81b752fecfc09b84\",\"name\":\"estebanip\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g\",\"caption\":\"estebanip\"},\"sameAs\":[\"https:\\\/\\\/elementorprobarato.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Reproducir audio en WordPress desde un bot\u00f3n - elementor Pro Barato","description":"Reproducir audio en WordPress desde un bot\u00f3n. Es probable que quieras comunicar en tu web algo que en texto ser\u00eda demasiado largo","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:\/\/elementorprobarato.com\/en\/reproducir-audio-clicando-un-boton\/","og_locale":"en_US","og_type":"article","og_title":"Reproducir audio en WordPress desde un bot\u00f3n - elementor Pro Barato","og_description":"Reproducir audio en WordPress desde un bot\u00f3n. Es probable que quieras comunicar en tu web algo que en texto ser\u00eda demasiado largo","og_url":"https:\/\/elementorprobarato.com\/en\/reproducir-audio-clicando-un-boton\/","og_site_name":"elementor Pro Barato","article_published_time":"2024-10-11T08:24:12+00:00","article_modified_time":"2024-11-07T16:08:15+00:00","og_image":[{"width":1024,"height":384,"url":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/Reproducir-audio-clicando-un-boton.png","type":"image\/png"}],"author":"estebanip","twitter_card":"summary_large_image","twitter_misc":{"Written by":"estebanip","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/#article","isPartOf":{"@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/"},"author":{"name":"estebanip","@id":"https:\/\/elementorprobarato.com\/#\/schema\/person\/2260d3b96091792b81b752fecfc09b84"},"headline":"Reproducir audio clicando un bot\u00f3n","datePublished":"2024-10-11T08:24:12+00:00","dateModified":"2024-11-07T16:08:15+00:00","mainEntityOfPage":{"@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/"},"wordCount":435,"publisher":{"@id":"https:\/\/elementorprobarato.com\/#organization"},"image":{"@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/#primaryimage"},"thumbnailUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/Reproducir-audio-clicando-un-boton.png","articleSection":["Elementor","Widgets y trucos"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/","url":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/","name":"Reproducir audio en WordPress desde un bot\u00f3n - elementor Pro Barato","isPartOf":{"@id":"https:\/\/elementorprobarato.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/#primaryimage"},"image":{"@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/#primaryimage"},"thumbnailUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/Reproducir-audio-clicando-un-boton.png","datePublished":"2024-10-11T08:24:12+00:00","dateModified":"2024-11-07T16:08:15+00:00","description":"Reproducir audio en WordPress desde un bot\u00f3n. Es probable que quieras comunicar en tu web algo que en texto ser\u00eda demasiado largo","breadcrumb":{"@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/#primaryimage","url":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/Reproducir-audio-clicando-un-boton.png","contentUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2024\/10\/Reproducir-audio-clicando-un-boton.png","width":1024,"height":384,"caption":"Reproducir audio en WordPress desde un bot\u00f3n"},{"@type":"BreadcrumbList","@id":"https:\/\/elementorprobarato.com\/reproducir-audio-clicando-un-boton\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/elementorprobarato.com\/"},{"@type":"ListItem","position":2,"name":"Reproducir audio clicando un bot\u00f3n"}]},{"@type":"WebSite","@id":"https:\/\/elementorprobarato.com\/#website","url":"https:\/\/elementorprobarato.com\/","name":"elementorprobarato.com","description":"100% Original y con clave del fabricante","publisher":{"@id":"https:\/\/elementorprobarato.com\/#organization"},"alternateName":"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementorprobarato.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementorprobarato.com\/#organization","name":"elementorprobarato.com","alternateName":"Accede a todas las funciones de elementor Pro con licencia oficial pero mucho mas barato","url":"https:\/\/elementorprobarato.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementorprobarato.com\/#\/schema\/logo\/image\/","url":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2023\/10\/cropped-Elementor-Logo-nuevo-rosa.png","contentUrl":"https:\/\/elementorprobarato.com\/wp-content\/uploads\/2023\/10\/cropped-Elementor-Logo-nuevo-rosa.png","width":512,"height":512,"caption":"elementorprobarato.com"},"image":{"@id":"https:\/\/elementorprobarato.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/tiktok.com\/@lapeorempresadelmundo"]},{"@type":"Person","@id":"https:\/\/elementorprobarato.com\/#\/schema\/person\/2260d3b96091792b81b752fecfc09b84","name":"estebanip","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9df27800b983d072192e4ca5478612f2b535c0fd51c3cae5d6628b127eb3c34d?s=96&d=mm&r=g","caption":"estebanip"},"sameAs":["https:\/\/elementorprobarato.com"]}]}},"_links":{"self":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts\/7384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/comments?post=7384"}],"version-history":[{"count":0,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/posts\/7384\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/media\/7586"}],"wp:attachment":[{"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/media?parent=7384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/categories?post=7384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementorprobarato.com\/en\/wp-json\/wp\/v2\/tags?post=7384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}