{"id":4686,"date":"2026-08-04T20:21:27","date_gmt":"2026-08-04T18:21:27","guid":{"rendered":"https:\/\/euribor365.es\/?page_id=4686"},"modified":"2026-08-05T10:24:02","modified_gmt":"2026-08-05T08:24:02","slug":"widget-euribor","status":"publish","type":"page","link":"https:\/\/euribor365.es\/index.php\/widget-euribor\/","title":{"rendered":"Widgets gratuitos del Eur\u00edbor para tu web"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u00bfBuscas un widget del Eur\u00edbor gratuito y siempre actualizado para tu p\u00e1gina web? En esta p\u00e1gina puedes descargar e integrar gratuitamente distintos widgets del Eur\u00edbor, incluyendo un widget con el valor diario, un ticker horizontal y un gr\u00e1fico hist\u00f3rico. Todos se actualizan autom\u00e1ticamente desde Euribor365 y pueden instalarse en pocos segundos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\">Widgets disponibles<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Widget con el valor diario del Eur\u00edbor.<\/li>\n\n\n\n<li>Ticker horizontal con el Eur\u00edbor del d\u00eda y su evoluci\u00f3n.<\/li>\n\n\n\n<li>Gr\u00e1fico hist\u00f3rico con la evoluci\u00f3n mensual de los \u00faltimos tres a\u00f1os.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Todos los widgets son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gratuitos.<\/li>\n\n\n\n<li>Responsivos (adaptados a m\u00f3viles).<\/li>\n\n\n\n<li>Actualizados autom\u00e1ticamente.<\/li>\n\n\n\n<li>Compatibles con cualquier p\u00e1gina HTML.<\/li>\n\n\n\n<li>Muy f\u00e1ciles de instalar.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\">Widget del Eur\u00edbor<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Muestra el valor diario del Eur\u00edbor con un dise\u00f1o limpio y adaptable.<\/p>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/euribor365.es\/widgets\/widget.css\">\n\n<div data-euribor365-widget><\/div>\n\n<script src=\"https:\/\/euribor365.es\/widgets\/widget.js\"><\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Copia y pega este c\u00f3digo en el lugar de tu p\u00e1gina donde quieras que aparezca el widget.<\/p>\n\n\n\n<div class=\"euribor365-code-box\">\n\n<button id=\"boton-copiar-widget\">\n    Copiar\n<\/button>\n\n<pre><code id=\"codigo-widget\">&lt;link rel=\"stylesheet\" href=\"https:\/\/euribor365.es\/widgets\/widget.css\"&gt;\n\n&lt;div data-euribor365-widget&gt;&lt;\/div&gt;\n\n&lt;script src=\"https:\/\/euribor365.es\/widgets\/widget.js\"&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n<\/div>\n\n<script>\ndocument.getElementById('boton-copiar-widget').addEventListener('click', function(){\n\n    const codigo = document.getElementById('codigo-widget').innerText;\n\n    navigator.clipboard.writeText(codigo).then(() => {\n\n        this.innerHTML = 'Copiado \u2713';\n\n        setTimeout(() => {\n\n            this.innerHTML = 'Copiar';\n\n        }, 2000);\n\n    });\n\n});\n<\/script>\n\n<style>\n\n.euribor365-code-box{\n\n    position:relative;\n\n    background:#eef6ff;\n\n    border:1px solid #b7d3ff;\n\n    border-radius:8px;\n\n    padding:15px;\n\n    margin:20px 0;\n\n}\n\n.euribor365-code-box pre{\n\n    margin:0;\n\n    padding-top:35px;\n\n    overflow:auto;\n\n    font-size:13px;\n\n    line-height:1.6;\n\n    color:#1f2937;\n\n}\n\n.euribor365-code-box button{\n\n    position:absolute;\n\n    top:10px;\n\n    right:10px;\n\n    background:#ffffff;\n\n    border:1px solid #0066cc;\n\n    color:#0066cc;\n\n    border-radius:5px;\n\n    padding:5px 10px;\n\n    font-size:12px;\n\n    cursor:pointer;\n\n    transition:.2s;\n\n}\n\n.euribor365-code-box button:hover{\n\n    background:#0066cc;\n\n    color:#ffffff;\n\n}\n\n<\/style>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\">Ticker del Eur\u00edbor<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ideal para mostrar el Eur\u00edbor en la cabecera, la parte superior de una p\u00e1gina o cualquier zona horizontal de tu web.<\/p>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/euribor365.es\/widgets\/ticker.css\">\n\n<div data-euribor365-ticker><\/div>\n\n<script src=\"https:\/\/euribor365.es\/widgets\/ticker.js\"><\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Copia y pega este c\u00f3digo en el lugar de tu p\u00e1gina donde quieras que aparezca el widget.<\/p>\n\n\n\n<div class=\"euribor365-code-box\">\n\n<button id=\"boton-copiar-ticker\">\n    Copiar\n<\/button>\n\n<pre><code id=\"codigo-ticker\">&lt;link rel=\"stylesheet\" href=\"https:\/\/euribor365.es\/widgets\/ticker.css\"&gt;\n\n&lt;div data-euribor365-ticker&gt;&lt;\/div&gt;\n\n&lt;script src=\"https:\/\/euribor365.es\/widgets\/ticker.js\"&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n<\/div>\n\n<script>\ndocument.getElementById('boton-copiar-ticker').addEventListener('click', function(){\n\n    const codigo = document.getElementById('codigo-ticker').innerText;\n\n    navigator.clipboard.writeText(codigo).then(() => {\n\n        this.innerHTML = 'Copiado \u2713';\n\n        setTimeout(() => {\n\n            this.innerHTML = 'Copiar';\n\n        }, 2000);\n\n    });\n\n});\n<\/script>\n\n<style>\n\n.euribor365-code-box{\n\n    position:relative;\n\n    background:#eef6ff;\n\n    border:1px solid #b7d3ff;\n\n    border-radius:8px;\n\n    padding:15px;\n\n    margin:20px 0;\n\n}\n\n.euribor365-code-box pre{\n\n    margin:0;\n\n    padding-top:35px;\n\n    overflow:auto;\n\n    font-size:13px;\n\n    line-height:1.6;\n\n    color:#1f2937;\n\n}\n\n.euribor365-code-box button{\n\n    position:absolute;\n\n    top:10px;\n\n    right:10px;\n\n    background:#ffffff;\n\n    border:1px solid #0066cc;\n\n    color:#0066cc;\n\n    border-radius:5px;\n\n    padding:5px 10px;\n\n    font-size:12px;\n\n    cursor:pointer;\n\n    transition:.2s;\n\n}\n\n.euribor365-code-box button:hover{\n\n    background:#0066cc;\n\n    color:#ffffff;\n\n}\n\n<\/style>\n\n\n\n<h2 class=\"wp-block-heading has-medium-font-size\">Gr\u00e1fico hist\u00f3rico del Eur\u00edbor<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e1fico interactivo con la evoluci\u00f3n mensual del Eur\u00edbor durante los \u00faltimos tres a\u00f1os.<\/p>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/euribor365.es\/widgets\/grafico.css\">\n\n<div data-euribor365-chart><\/div>\n\n<script src=\"https:\/\/euribor365.es\/widgets\/grafico.js\"><\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Copia y pega este c\u00f3digo en el lugar de tu p\u00e1gina donde quieras que aparezca el widget.<\/p>\n\n\n\n<div class=\"euribor365-code-box\">\n\n<button id=\"boton-copiar-grafico\">\n    Copiar\n<\/button>\n\n<pre><code id=\"codigo-grafico\">&lt;link rel=\"stylesheet\" href=\"https:\/\/euribor365.es\/widgets\/grafico.css\"&gt;\n\n&lt;div data-euribor365-chart&gt;&lt;\/div&gt;\n\n&lt;script src=\"https:\/\/euribor365.es\/widgets\/grafico.js\"&gt;&lt;\/script&gt;\n<\/code><\/pre>\n\n<\/div>\n\n<script>\ndocument.getElementById('boton-copiar-grafico').addEventListener('click', function(){\n\n    const codigo = document.getElementById('codigo-grafico').innerText;\n\n    navigator.clipboard.writeText(codigo).then(() => {\n\n        this.innerHTML = 'Copiado \u2713';\n\n        setTimeout(() => {\n\n            this.innerHTML = 'Copiar';\n\n        }, 2000);\n\n    });\n\n});\n<\/script>\n\n<style>\n\n.euribor365-code-box{\n\n    position:relative;\n\n    background:#eef6ff;\n\n    border:1px solid #b7d3ff;\n\n    border-radius:8px;\n\n    padding:15px;\n\n    margin:20px 0;\n\n}\n\n.euribor365-code-box pre{\n\n    margin:0;\n\n    padding-top:35px;\n\n    overflow:auto;\n\n    font-size:13px;\n\n    line-height:1.6;\n\n    color:#1f2937;\n\n}\n\n.euribor365-code-box button{\n\n    position:absolute;\n\n    top:10px;\n\n    right:10px;\n\n    background:#ffffff;\n\n    border:1px solid #0066cc;\n\n    color:#0066cc;\n\n    border-radius:5px;\n\n    padding:5px 10px;\n\n    font-size:12px;\n\n    cursor:pointer;\n\n    transition:.2s;\n\n}\n\n.euribor365-code-box button:hover{\n\n    background:#0066cc;\n\n    color:#ffffff;\n\n}\n\n<\/style>\n\n\n\n<h1 class=\"wp-block-heading has-medium-font-size\">Instalaci\u00f3n<\/h1>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Copia el c\u00f3digo del widget que desees.<\/li>\n\n\n\n<li>P\u00e9galo en el HTML de tu p\u00e1gina web.<\/li>\n\n\n\n<li>Guarda los cambios.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">El widget comenzar\u00e1 a mostrar los datos autom\u00e1ticamente.<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-medium-font-size\">Compatibilidad<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Los widgets pueden integrarse en pr\u00e1cticamente cualquier p\u00e1gina web, incluyendo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WordPress<\/li>\n\n\n\n<li>Joomla<\/li>\n\n\n\n<li>Drupal<\/li>\n\n\n\n<li>Prestashop<\/li>\n\n\n\n<li>Magento<\/li>\n\n\n\n<li>Blogger<\/li>\n\n\n\n<li>Webs desarrolladas a medida<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading has-medium-font-size\">Actualizaciones<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Los datos se actualizan autom\u00e1ticamente desde Euribor365. No tendr\u00e1s que modificar el c\u00f3digo una vez instalado.<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-medium-font-size\">Condiciones de uso<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Los widgets son gratuitos para uso personal y comercial. \u00danicamente se solicita mantener el enlace de atribuci\u00f3n a Euribor365 que incorporan de forma predeterminada.<\/p>\n\n\n\n<p><strong><\/strong> <\/p>\r\n<p>\r\n <a href=\"https:\/\/x.com\/intent\/tweet?url=https:\/\/euribor365.es\/index.php\/eurieduca\/&#038;text=Plataforma con informaci\u00f3n sobre el Eur\u00edbor\" target=\"_blank\" title=\"Compartir en X\">\r\n   <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733579.png\" alt=\"X\" width=\"24\" height=\"24\" style=\"vertical-align: middle; margin-right: 10px;\">\r\n  <\/a>\r\n  <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/euribor365.es\/index.php\/eurieduca\/\" target=\"_blank\" title=\"Compartir en Facebook\">\r\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/05\/Facebook_Logo_(2019).png\" alt=\"Facebook\" width=\"24\" height=\"24\" style=\"vertical-align: middle; margin-right: 10px;\">\r\n  <\/a>\r\n  <a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https:\/\/euribor365.es\/index.php\/eurieduca\/\" target=\"_blank\" title=\"Compartir en LinkedIn\">\r\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/c\/ca\/LinkedIn_logo_initials.png\" alt=\"LinkedIn\" width=\"24\" height=\"24\" style=\"vertical-align: middle; margin-right: 10px;\">\r\n  <\/a>\r\n  <a href=\"https:\/\/t.me\/share\/url?url=https:\/\/euribor365.es\/index.php\/eurieduca\/&#038;text=Plataforma con informaci\u00f3n sobre el Eur\u00edbor\" target=\"_blank\" title=\"Compartir en Telegram\">\r\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/82\/Telegram_logo.svg\" alt=\"Telegram\" width=\"24\" height=\"24\" style=\"vertical-align: middle; margin-right: 10px;\">\r\n  <\/a>\r\n  <a href=\"https:\/\/www.instagram.com\/?url=https:\/\/euribor365.es\/index.php\/eurieduca\/\" target=\"_blank\" title=\"Compartir en Instagram\">\r\n    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/e7\/Instagram_logo_2016.svg\" alt=\"Instagram\" width=\"24\" height=\"24\" style=\"vertical-align: middle; margin-right: 10px;\">\r\n  <\/a>\r\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfBuscas un widget del Eur\u00edbor gratuito y siempre actualizado para tu p\u00e1gina web? En esta p\u00e1gina puedes descargar e integrar gratuitamente distintos widgets del Eur\u00edbor, incluyendo un widget con el valor diario, un ticker horizontal y un gr\u00e1fico hist\u00f3rico. Todos se actualizan autom\u00e1ticamente desde Euribor365 y pueden instalarse en pocos segundos. Widgets disponibles Todos los &#8230; <a title=\"Widgets gratuitos del Eur\u00edbor para tu web\" class=\"read-more\" href=\"https:\/\/euribor365.es\/index.php\/widget-euribor\/\" aria-label=\"Leer m\u00e1s sobre Widgets gratuitos del Eur\u00edbor para tu web\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4686","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/euribor365.es\/index.php\/wp-json\/wp\/v2\/pages\/4686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/euribor365.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/euribor365.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/euribor365.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/euribor365.es\/index.php\/wp-json\/wp\/v2\/comments?post=4686"}],"version-history":[{"count":27,"href":"https:\/\/euribor365.es\/index.php\/wp-json\/wp\/v2\/pages\/4686\/revisions"}],"predecessor-version":[{"id":4719,"href":"https:\/\/euribor365.es\/index.php\/wp-json\/wp\/v2\/pages\/4686\/revisions\/4719"}],"wp:attachment":[{"href":"https:\/\/euribor365.es\/index.php\/wp-json\/wp\/v2\/media?parent=4686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}