{"id":6329,"date":"2025-03-20T10:44:44","date_gmt":"2025-03-20T10:44:44","guid":{"rendered":"https:\/\/aborrego.inscastellbisbal.net\/?p=6329"},"modified":"2025-03-25T12:25:12","modified_gmt":"2025-03-25T12:25:12","slug":"integracio-del-widget-al-wordpress-2","status":"publish","type":"post","link":"https:\/\/aborrego.inscastellbisbal.net\/en\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/","title":{"rendered":"Integraci\u00f3 del widget al WordPress"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"6329\" class=\"elementor elementor-6329\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c2ddf3 elementor-section-height-min-height elementor-section-items-top elementor-section-boxed elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no elementor-invisible\" data-id=\"7c2ddf3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;shape_divider_top&quot;:&quot;waves&quot;,&quot;shape_divider_top_negative&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3\tc-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3\tc0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ca6d703\" data-id=\"ca6d703\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-246e696 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"246e696\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Integraci\u00f3 del widget al wordpress<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f985821 elementor-widget elementor-widget-spacer\" data-id=\"f985821\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2336fe3 elementor-widget elementor-widget-spacer\" data-id=\"2336fe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5948626\" data-id=\"5948626\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0fbdb1d elementor-align-left elementor-widget elementor-widget-button\" data-id=\"0fbdb1d\" 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-button-link elementor-size-sm elementor-animation-float\" href=\"https:\/\/aborrego.inscastellbisbal.net\/en\/repte-1-6-talent-fp\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tornar al repte 1.6<\/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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-72f65c4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"72f65c4\" 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-5ff9d66 elementor-widget elementor-widget-spacer\" data-id=\"5ff9d66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-362bec3 elementor-widget elementor-widget-text-editor\" data-id=\"362bec3\" 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>He integrat un widget al wordpress per insertar el meu xatbot a la meva p\u00e0gina web. Pots comprovar-ho fent click <a href=\"https:\/\/aborrego.inscastellbisbal.net\/en\/sobre-mi-3\/\">aqu\u00ed<\/a>.<\/p>\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-d43438c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"d43438c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-effd35f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"effd35f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cb7285 elementor-widget elementor-widget-text-editor\" data-id=\"3cb7285\" 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 data-start=\"127\" data-end=\"173\">Primer, has d&#8217;entrar al <strong data-start=\"201\" data-end=\"216\">mode edici\u00f3<\/strong> de la teva p\u00e0gina amb Elementor. Per fer-ho, ves a la teva p\u00e0gina des del panell de WordPress i fes clic a <strong data-start=\"324\" data-end=\"348\">Editar amb Elementor<\/strong>. Aix\u00f2 obrir\u00e0 l&#8217;editor de p\u00e0gines de Elementor on podr\u00e0s modificar el contingut.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b72ec2e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"b72ec2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae85f7d elementor-widget elementor-widget-text-editor\" data-id=\"ae85f7d\" 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>A la <strong data-start=\"471\" data-end=\"497\">barra lateral esquerra<\/strong> d&#8217;Elementor, hi trobar\u00e0s una llista d&#8217;elements que pots arrossegar a la teva p\u00e0gina. Busca l&#8217;element <strong data-start=\"599\" data-end=\"609\">&#8220;HTML&#8221;<\/strong> a la barra de cerca. Aquest element et permet afegir codi HTML personalitzat.<\/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-770b589 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"770b589\" 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<img fetchpriority=\"high\" decoding=\"async\" width=\"242\" height=\"775\" src=\"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345.png\" class=\"attachment-large size-large wp-image-6335\" alt=\"\" srcset=\"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345.png 242w, https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345-94x300.png 94w, https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345-4x12.png 4w\" sizes=\"(max-width: 242px) 100vw, 242px\" \/>\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<div class=\"elementor-element elementor-element-c46c870 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"c46c870\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf18936 elementor-widget elementor-widget-text-editor\" data-id=\"bf18936\" 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 data-start=\"728\" data-end=\"999\">Un cop hagis trobat l&#8217;element <strong data-start=\"758\" data-end=\"766\">HTML<\/strong>, arrossega&#8217;l i col\u00b7loca\u2019l a la secci\u00f3 de la p\u00e0gina on vols que aparegui el widget. Un cop el tinguis a l&#8217;espai seleccionat, obre&#8217;l fent clic sobre el quadre de text. Aqu\u00ed \u00e9s on haur\u00e0s de pegar el codi HTML\/JavaScript del teu widget.<\/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-a25e20f elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"a25e20f\" 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<img decoding=\"async\" width=\"240\" height=\"225\" src=\"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_346.png\" class=\"attachment-large size-large wp-image-6342\" alt=\"\" srcset=\"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_346.png 240w, https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_346-13x12.png 13w\" sizes=\"(max-width: 240px) 100vw, 240px\" \/>\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<div class=\"elementor-element elementor-element-9560aab e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"9560aab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f12b95f elementor-widget elementor-widget-text-editor\" data-id=\"f12b95f\" 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>Un cop hagis pegat el codi, ves a la part inferior de l&#8217;editor de Elementor i fes clic al bot\u00f3 <strong data-start=\"1933\" data-end=\"1944\">&#8220;Desar&#8221;<\/strong> per guardar els canvis. Tamb\u00e9 pots clicar <strong data-start=\"1987\" data-end=\"2001\">&#8220;Publicar&#8221;<\/strong> si est\u00e0s treballant en una nova p\u00e0gina. Aix\u00f2 far\u00e0 que els canvis s&#8217;apliquin a la p\u00e0gina i el teu widget es mostrar\u00e0 all\u00e0 on l&#8217;has col\u00b7locat.<\/p>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a044050 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"a044050\" 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-d2cff12 elementor-widget elementor-widget-text-editor\" data-id=\"d2cff12\" 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>Finalment, ves a la teva p\u00e0gina en viu i comprova que el widget es mostra correctament. Fes una prova per assegurar-te que el codi HTML\/JavaScript est\u00e0 funcionant b\u00e9 i que es fa la comunicaci\u00f3 amb el backend (com la petici\u00f3 al servidor Flask via Ngrok) sense cap error.<\/p>\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-99efa9c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"99efa9c\" 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-c336997 elementor-widget elementor-widget-spacer\" data-id=\"c336997\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Integraci\u00f3 del widget al wordpress Tornar al repte 1.6 He integrat un widget al wordpress per insertar el meu xatbot a la meva p\u00e0gina web. Pots comprovar-ho fent click aqu\u00ed. Primer, has d&#8217;entrar al mode edici\u00f3 de la teva p\u00e0gina amb Elementor. Per fer-ho, ves a la teva p\u00e0gina des del panell de WordPress i fes clic a Editar amb Elementor. Aix\u00f2 obrir\u00e0 l&#8217;editor de p\u00e0gines de Elementor on podr\u00e0s modificar el contingut. A la barra lateral esquerra d&#8217;Elementor, hi trobar\u00e0s una llista d&#8217;elements que pots arrossegar a la teva p\u00e0gina. Busca l&#8217;element &#8220;HTML&#8221; a la barra de cerca. Aquest element et permet afegir codi HTML personalitzat. Un cop hagis trobat l&#8217;element HTML, arrossega&#8217;l i col\u00b7loca\u2019l a la secci\u00f3 de la p\u00e0gina on vols que aparegui el widget. Un cop el tinguis a l&#8217;espai seleccionat, obre&#8217;l fent clic sobre el quadre de text. Aqu\u00ed \u00e9s on haur\u00e0s de pegar el codi HTML\/JavaScript del teu widget. Un cop hagis pegat el codi, ves a la part inferior de l&#8217;editor de Elementor i fes clic al bot\u00f3 &#8220;Desar&#8221; per guardar els canvis. Tamb\u00e9 pots clicar &#8220;Publicar&#8221; si est\u00e0s treballant en una nova p\u00e0gina. Aix\u00f2 far\u00e0 que els canvis s&#8217;apliquin a la p\u00e0gina i el teu widget es mostrar\u00e0 all\u00e0 on l&#8217;has col\u00b7locat. Finalment, ves a la teva p\u00e0gina en viu i comprova que el widget es mostra correctament. Fes una prova per assegurar-te que el codi HTML\/JavaScript est\u00e0 funcionant b\u00e9 i que es fa la comunicaci\u00f3 amb el backend (com la petici\u00f3 al servidor Flask via Ngrok) sense cap error.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[95,84],"tags":[],"class_list":["post-6329","post","type-post","status-publish","format-standard","hentry","category-repte-1-6","category-disseny-i-aplicacio-de-la-ia"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Integraci\u00f3 del widget al WordPress - Ana Borrego Toledo<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integraci\u00f3 del widget al WordPress - Ana Borrego Toledo\" \/>\n<meta property=\"og:description\" content=\"Integraci\u00f3 del widget al wordpress Tornar al repte 1.6 He integrat un widget al wordpress per insertar el meu xatbot a la meva p\u00e0gina web. Pots comprovar-ho fent click aqu\u00ed. Primer, has d&#8217;entrar al mode edici\u00f3 de la teva p\u00e0gina amb Elementor. Per fer-ho, ves a la teva p\u00e0gina des del panell de WordPress i fes clic a Editar amb Elementor. Aix\u00f2 obrir\u00e0 l&#8217;editor de p\u00e0gines de Elementor on podr\u00e0s modificar el contingut. A la barra lateral esquerra d&#8217;Elementor, hi trobar\u00e0s una llista d&#8217;elements que pots arrossegar a la teva p\u00e0gina. Busca l&#8217;element &#8220;HTML&#8221; a la barra de cerca. Aquest element et permet afegir codi HTML personalitzat. Un cop hagis trobat l&#8217;element HTML, arrossega&#8217;l i col\u00b7loca\u2019l a la secci\u00f3 de la p\u00e0gina on vols que aparegui el widget. Un cop el tinguis a l&#8217;espai seleccionat, obre&#8217;l fent clic sobre el quadre de text. Aqu\u00ed \u00e9s on haur\u00e0s de pegar el codi HTML\/JavaScript del teu widget. Un cop hagis pegat el codi, ves a la part inferior de l&#8217;editor de Elementor i fes clic al bot\u00f3 &#8220;Desar&#8221; per guardar els canvis. Tamb\u00e9 pots clicar &#8220;Publicar&#8221; si est\u00e0s treballant en una nova p\u00e0gina. Aix\u00f2 far\u00e0 que els canvis s&#8217;apliquin a la p\u00e0gina i el teu widget es mostrar\u00e0 all\u00e0 on l&#8217;has col\u00b7locat. Finalment, ves a la teva p\u00e0gina en viu i comprova que el widget es mostra correctament. Fes una prova per assegurar-te que el codi HTML\/JavaScript est\u00e0 funcionant b\u00e9 i que es fa la comunicaci\u00f3 amb el backend (com la petici\u00f3 al servidor Flask via Ngrok) sense cap error.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aborrego.inscastellbisbal.net\/en\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Ana Borrego Toledo\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-20T10:44:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-25T12:25:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345.png\" \/>\n\t<meta property=\"og:image:width\" content=\"242\" \/>\n\t<meta property=\"og:image:height\" content=\"775\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"aborrego\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"aborrego\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/\"},\"author\":{\"name\":\"aborrego\",\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/#\\\/schema\\\/person\\\/596b5d3dc4735c43cfaafed47741b9d1\"},\"headline\":\"Integraci\u00f3 del widget al WordPress\",\"datePublished\":\"2025-03-20T10:44:44+00:00\",\"dateModified\":\"2025-03-25T12:25:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/\"},\"wordCount\":292,\"publisher\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Selection_345.png\",\"articleSection\":[\"Repte 1.6\",\"\ud83e\udd16- Disseny i aplicaci\u00f3 de la IA\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/\",\"url\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/\",\"name\":\"Integraci\u00f3 del widget al WordPress - Ana Borrego Toledo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Selection_345.png\",\"datePublished\":\"2025-03-20T10:44:44+00:00\",\"dateModified\":\"2025-03-25T12:25:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Selection_345.png\",\"contentUrl\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Selection_345.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/2025\\\/03\\\/20\\\/integracio-del-widget-al-wordpress-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integraci\u00f3 del widget al WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/#website\",\"url\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/\",\"name\":\"Ana Borrego Toledo\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/#organization\",\"name\":\"Ana Borrego Toledo\",\"url\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cropped-Selection_255.png\",\"contentUrl\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cropped-Selection_255.png\",\"width\":549,\"height\":328,\"caption\":\"Ana Borrego Toledo\"},\"image\":{\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/#\\\/schema\\\/person\\\/596b5d3dc4735c43cfaafed47741b9d1\",\"name\":\"aborrego\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e158785622f9364a28d322a7a8711e2ea34ebb67263b57ff915d7b49cb3cf0d1?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e158785622f9364a28d322a7a8711e2ea34ebb67263b57ff915d7b49cb3cf0d1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e158785622f9364a28d322a7a8711e2ea34ebb67263b57ff915d7b49cb3cf0d1?s=96&d=mm&r=g\",\"caption\":\"aborrego\"},\"sameAs\":[\"https:\\\/\\\/aborrego.inscastellbisbal.net\",\"https:\\\/\\\/www.instagram.com\\\/anaaaa.aaaaaaaaaaaaaaaaaaaaa?igsh=MWVqcmx5MXl5eGdxaw==\"],\"url\":\"https:\\\/\\\/aborrego.inscastellbisbal.net\\\/en\\\/author\\\/aborrego\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integraci\u00f3 del widget al WordPress - Ana Borrego Toledo","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Integraci\u00f3 del widget al WordPress - Ana Borrego Toledo","og_description":"Integraci\u00f3 del widget al wordpress Tornar al repte 1.6 He integrat un widget al wordpress per insertar el meu xatbot a la meva p\u00e0gina web. Pots comprovar-ho fent click aqu\u00ed. Primer, has d&#8217;entrar al mode edici\u00f3 de la teva p\u00e0gina amb Elementor. Per fer-ho, ves a la teva p\u00e0gina des del panell de WordPress i fes clic a Editar amb Elementor. Aix\u00f2 obrir\u00e0 l&#8217;editor de p\u00e0gines de Elementor on podr\u00e0s modificar el contingut. A la barra lateral esquerra d&#8217;Elementor, hi trobar\u00e0s una llista d&#8217;elements que pots arrossegar a la teva p\u00e0gina. Busca l&#8217;element &#8220;HTML&#8221; a la barra de cerca. Aquest element et permet afegir codi HTML personalitzat. Un cop hagis trobat l&#8217;element HTML, arrossega&#8217;l i col\u00b7loca\u2019l a la secci\u00f3 de la p\u00e0gina on vols que aparegui el widget. Un cop el tinguis a l&#8217;espai seleccionat, obre&#8217;l fent clic sobre el quadre de text. Aqu\u00ed \u00e9s on haur\u00e0s de pegar el codi HTML\/JavaScript del teu widget. Un cop hagis pegat el codi, ves a la part inferior de l&#8217;editor de Elementor i fes clic al bot\u00f3 &#8220;Desar&#8221; per guardar els canvis. Tamb\u00e9 pots clicar &#8220;Publicar&#8221; si est\u00e0s treballant en una nova p\u00e0gina. Aix\u00f2 far\u00e0 que els canvis s&#8217;apliquin a la p\u00e0gina i el teu widget es mostrar\u00e0 all\u00e0 on l&#8217;has col\u00b7locat. Finalment, ves a la teva p\u00e0gina en viu i comprova que el widget es mostra correctament. Fes una prova per assegurar-te que el codi HTML\/JavaScript est\u00e0 funcionant b\u00e9 i que es fa la comunicaci\u00f3 amb el backend (com la petici\u00f3 al servidor Flask via Ngrok) sense cap error.","og_url":"https:\/\/aborrego.inscastellbisbal.net\/en\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/","og_site_name":"Ana Borrego Toledo","article_published_time":"2025-03-20T10:44:44+00:00","article_modified_time":"2025-03-25T12:25:12+00:00","og_image":[{"width":242,"height":775,"url":"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345.png","type":"image\/png"}],"author":"aborrego","twitter_card":"summary_large_image","twitter_misc":{"Written by":"aborrego"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/#article","isPartOf":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/"},"author":{"name":"aborrego","@id":"https:\/\/aborrego.inscastellbisbal.net\/#\/schema\/person\/596b5d3dc4735c43cfaafed47741b9d1"},"headline":"Integraci\u00f3 del widget al WordPress","datePublished":"2025-03-20T10:44:44+00:00","dateModified":"2025-03-25T12:25:12+00:00","mainEntityOfPage":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/"},"wordCount":292,"publisher":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/#organization"},"image":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/#primaryimage"},"thumbnailUrl":"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345.png","articleSection":["Repte 1.6","\ud83e\udd16- Disseny i aplicaci\u00f3 de la IA"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/","url":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/","name":"Integraci\u00f3 del widget al WordPress - Ana Borrego Toledo","isPartOf":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/#primaryimage"},"image":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/#primaryimage"},"thumbnailUrl":"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345.png","datePublished":"2025-03-20T10:44:44+00:00","dateModified":"2025-03-25T12:25:12+00:00","breadcrumb":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/#primaryimage","url":"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345.png","contentUrl":"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/Selection_345.png"},{"@type":"BreadcrumbList","@id":"https:\/\/aborrego.inscastellbisbal.net\/2025\/03\/20\/integracio-del-widget-al-wordpress-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aborrego.inscastellbisbal.net\/"},{"@type":"ListItem","position":2,"name":"Integraci\u00f3 del widget al WordPress"}]},{"@type":"WebSite","@id":"https:\/\/aborrego.inscastellbisbal.net\/#website","url":"https:\/\/aborrego.inscastellbisbal.net\/","name":"Ana Borrego Toledo","description":"","publisher":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aborrego.inscastellbisbal.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/aborrego.inscastellbisbal.net\/#organization","name":"Ana Borrego Toledo","url":"https:\/\/aborrego.inscastellbisbal.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/aborrego.inscastellbisbal.net\/#\/schema\/logo\/image\/","url":"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/cropped-Selection_255.png","contentUrl":"https:\/\/aborrego.inscastellbisbal.net\/wp-content\/uploads\/2025\/03\/cropped-Selection_255.png","width":549,"height":328,"caption":"Ana Borrego Toledo"},"image":{"@id":"https:\/\/aborrego.inscastellbisbal.net\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/aborrego.inscastellbisbal.net\/#\/schema\/person\/596b5d3dc4735c43cfaafed47741b9d1","name":"aborrego","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e158785622f9364a28d322a7a8711e2ea34ebb67263b57ff915d7b49cb3cf0d1?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e158785622f9364a28d322a7a8711e2ea34ebb67263b57ff915d7b49cb3cf0d1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e158785622f9364a28d322a7a8711e2ea34ebb67263b57ff915d7b49cb3cf0d1?s=96&d=mm&r=g","caption":"aborrego"},"sameAs":["https:\/\/aborrego.inscastellbisbal.net","https:\/\/www.instagram.com\/anaaaa.aaaaaaaaaaaaaaaaaaaaa?igsh=MWVqcmx5MXl5eGdxaw=="],"url":"https:\/\/aborrego.inscastellbisbal.net\/en\/author\/aborrego\/"}]}},"_links":{"self":[{"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/posts\/6329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/comments?post=6329"}],"version-history":[{"count":10,"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/posts\/6329\/revisions"}],"predecessor-version":[{"id":6345,"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/posts\/6329\/revisions\/6345"}],"wp:attachment":[{"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/media?parent=6329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/categories?post=6329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aborrego.inscastellbisbal.net\/en\/wp-json\/wp\/v2\/tags?post=6329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}