{"id":37372,"date":"2019-04-24T00:00:00","date_gmt":"2019-04-23T22:00:00","guid":{"rendered":"https:\/\/www.bookitit.com\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/"},"modified":"2021-07-14T13:11:13","modified_gmt":"2021-07-14T11:11:13","slug":"codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes","status":"publish","type":"post","link":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/","title":{"rendered":"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes"},"content":{"rendered":"

[et_pb_section admin_label=\u00bbsection\u00bb]
\n\t\t[et_pb_row admin_label=\u00bbrow\u00bb]
\n\t\t\t[et_pb_column type=\u00bb4_4″][et_pb_text admin_label=\u00bbText\u00bb]Mientras que la semana pasada te ense\u00f1amos c\u00f3mo crear los enlaces independientes por cada servicio o agenda<\/a>, en el art\u00edculo de hoy te ense\u00f1aremos a c\u00f3mo crear el c\u00f3digo del widget de Bookitit<\/strong> para integrarlo en tu p\u00e1gina web filtrando los servicios que quieres que tus clientes agenden online de forma independiente. De esta forma tus clientes van a poder realizar las citas con tu centro de manera online de la forma m\u00e1s f\u00e1cil y r\u00e1pida posible.<\/p>\n

Entonces, para que tus clientes puedan acceder al widget de reserva, primero tendr\u00e1s que configurarlo con tus servicios y agendas que desees ofrecer. Para ello, deber\u00e1s seguir los siguientes pasos:<\/p>\n

1. Accede desde el Panel de Control de tu cuenta de Bookitit a Reserva Online. Una vez dentro, justo encima del bot\u00f3n \u201cVer c\u00f3mo reservan mis clientes\u201d, ver\u00e1s un c\u00f3digo<\/strong>. C\u00f3pialo y p\u00e9galo en un documento de texto para modificarlo m\u00e1s c\u00f3modamente.<\/strong><\/p>\n

Tu c\u00f3digo de integraci\u00f3n de reserva online ser\u00e1 algo muy parecido a este (el publickey es \u00fanico y diferente en cada cuenta)<\/span>:<\/p>\n

<div id=\u00bbidBktWidgetBody\u00bb><\/div> <script type=\u00bbtext\/javascript\u00bb> var bkt_init_widget = { type: \u00abdefault\u00bb, srvsrc: \u00abhttps:\/\/app.bookitit.com\u00bb, publickey:<\/span> \u00ab208bfcbdc0388cda1d305863a0e5bc68a<\/span>\u00ab, lang: \u00abes\u00bb, scroll: false, services: [], agendas:[] }; var oScriptHtmlElement = document.createElement(\u00abscript\u00bb); oScriptHtmlElement.setAttribute(\u00abtype\u00bb, \u00abtext\/javascript\u00bb); oScriptHtmlElement.setAttribute(\u00absrc\u00bb, bkt_init_widget.srvsrc+\u00bb\/js\/widgets\/loader.js?v=\u00bb+(new Date().getFullYear())+(new Date().getMonth())+(new Date().getDate())+(new Date()).getHours()); (document.getElementsByTagName(\u00abhead\u00bb)[0] || document.documentElement).appendChild(oScriptHtmlElement); <\/script><\/p>\n

2. Entre los corchetes ([]) que aparecen a continuaci\u00f3n de \u201cservices<\/span>\u201d, deber\u00e1s introducir todos los BKT de los servicios que desees ofrecer separados por un ap\u00f3strofe o comilla simple (‘)<\/span>. Para saber qu\u00e9 es el BKT del servicio y c\u00f3mo encontrarlo ve al final del paso 2.<\/strong><\/p>\n

Ejemplo<\/span>:<\/p>\n

\n
<\/div>\n

<div id=\u00bbidBktWidgetBody\u00bb><\/div> <script type=\u00bbtext\/javascript\u00bb> var bkt_init_widget = { type: \u00abdefault\u00bb, srvsrc: \u00abhttps:\/\/app.bookitit.com\u00bb, publickey: \u00ab208bfcbdc0388cda1d305863a0e5bc68a<\/span>\u00ab, lang: \u00abes\u00bb, scroll: false, services<\/span>: [<\/span><\/span>‘<\/span>bkt322399<\/span>‘,’bkt322619′,’bkt322608′,’bkt322289′,’bkt322278′,’bkt322410′,’bkt322388’<\/span><\/span>]<\/span>, agendas:[] }; var oScriptHtmlElement = document.createElement(\u00abscript\u00bb); oScriptHtmlElement.setAttribute(\u00abtype\u00bb, \u00abtext\/javascript\u00bb); oScriptHtmlElement.setAttribute(\u00absrc\u00bb, bkt_init_widget.srvsrc+\u00bb\/js\/widgets\/loader.js?v=\u00bb+(new Date().getFullYear())+(new Date().getMonth())+(new Date().getDate())+(new Date()).getHours()); (document.getElementsByTagName(\u00abhead\u00bb)[0] || document.documentElement).appendChild(oScriptHtmlElement); <\/script><\/span><\/div>\n

<\/div>\n

Cada servicio tiene un BKT y lo podr\u00e1s encontrar en el listado de servicios dentro de Servicios del centro en el Panel de Control de Bookitit. El BKT aparecer\u00e1 al lado de cada servicio en la columna de C\u00f3digo:<\/p>\n

\"bkt_servicios_enlace_independiente\"<\/a><\/p>\n

3. Seguidamente tendr\u00e1s que hacer lo mismo con las agendas. Entre los corchetes ([]) que aparecen a continuaci\u00f3n de \u201cagendas<\/span>\u201d, deber\u00e1s introducir todos los BKT de las agendas que desees que aparezcan en el momento de la reserva separados por un ap\u00f3strofe o comilla simple (‘)<\/span>. Para saber qu\u00e9 es el BKT de la agenda y c\u00f3mo encontrarlo ve al final del paso 3.<\/strong><\/p>\n

Ejemplo<\/span>:<\/p>\n

<div id=\u00bbidBktWidgetBody\u00bb><\/div> <script type=\u00bbtext\/javascript\u00bb> var bkt_init_widget = { type: \u00abdefault\u00bb, srvsrc: \u00abhttps:\/\/app.bookitit.com\u00bb, publickey: \u00ab208bfcbdc0388cda1d305863a0e5bc68a<\/span>\u00ab, lang: \u00abes\u00bb, scroll: false, services: [<\/span>‘<\/span>bkt322399<\/span>‘,’bkt322619′,’bkt322608′,’bkt322289′,’bkt322278′,’bkt322410′,’bkt322388’<\/span>], agendas<\/span>:[<\/span><\/span>‘bkt156266′,’bkt156508′,’bkt156299′,’bkt156497′,’bkt156486’<\/span>]<\/span> }; var oScriptHtmlElement = document.createElement(\u00abscript\u00bb); oScriptHtmlElement.setAttribute(\u00abtype\u00bb, \u00abtext\/javascript\u00bb); oScriptHtmlElement.setAttribute(\u00absrc\u00bb, bkt_init_widget.srvsrc+\u00bb\/js\/widgets\/loader.js?v=\u00bb+(new Date().getFullYear())+(new Date().getMonth())+(new Date().getDate())+(new Date()).getHours()); (document.getElementsByTagName(\u00abhead\u00bb)[0] || document.documentElement).appendChild(oScriptHtmlElement); <\/script> <\/span><\/p>\n

Al igual que los servicios, cada agenda tiene un BKT y lo podr\u00e1s encontrar en el listado de agendas dentro de Mis Agendas en el Panel de Control de Bookitit. El BKT aparecer\u00e1 al lado de cada agenda en la columna de C\u00f3digo:<\/p>\n

\"bkt_agendas_enlaces_independientes\"<\/a><\/p>\n

4. Una vez hayas completado los pasos anteriores, el c\u00f3digo definitivo con los servicios y agendas modificados ser\u00e1 este (seg\u00fan nuestro ejemplo):<\/strong><\/p>\n

<div id=\u00bbidBktWidgetBody\u00bb><\/div> <script type=\u00bbtext\/javascript\u00bb> var bkt_init_widget = { type: \u00abdefault\u00bb, srvsrc: \u00abhttps:\/\/app.bookitit.com\u00bb, publickey: \u00ab208bfcbdc0388cda1d305863a0e5bc68a<\/span>\u00ab, lang: \u00abes\u00bb, scroll: false, services<\/span>: [<\/span><\/span>‘<\/span>bkt322399<\/span>‘,’bkt322619′,’bkt322608′,’bkt322289′,’bkt322278′,’bkt322410′,’bkt322388’<\/span><\/span>]<\/span>, agendas<\/span>:[<\/span><\/span>‘bkt156266′,’bkt156508′,’bkt156299′,’bkt156497′,’bkt156486’<\/span>]<\/span> }; var oScriptHtmlElement = document.createElement(\u00abscript\u00bb); oScriptHtmlElement.setAttribute(\u00abtype\u00bb, \u00abtext\/javascript\u00bb); oScriptHtmlElement.setAttribute(\u00absrc\u00bb, bkt_init_widget.srvsrc+\u00bb\/js\/widgets\/loader.js?v=\u00bb+(new Date().getFullYear())+(new Date().getMonth())+(new Date().getDate())+(new Date()).getHours()); (document.getElementsByTagName(\u00abhead\u00bb)[0] || document.documentElement).appendChild(oScriptHtmlElement); <\/script> <\/span><\/p>\n

Este c\u00f3digo ser\u00e1 el que se integrar\u00e1 en tu p\u00e1gina web. As\u00ed que ahora ya solo te queda copiar y pegarlo donde desees que aparezca.[\/et_pb_text][\/et_pb_column]
\n\t\t[\/et_pb_row]
\n\t[\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Mientras que la semana pasada te ense\u00f1amos c\u00f3mo crear los enlaces independientes por cada servicio o agenda, en el art\u00edculo de hoy te ense\u00f1aremos a c\u00f3mo crear el c\u00f3digo del widget de Bookitit para integrarlo en tu p\u00e1gina web filtrando los servicios que quieres que tus clientes agenden online de forma independiente. De esta forma […]<\/p>\n","protected":false},"author":4,"featured_media":37373,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Mientras que la semana pasada te ense\u00f1amos c\u00f3mo crear los enlaces independientes por cada servicio o agenda<\/a>, en el art\u00edculo de hoy te ense\u00f1aremos a c\u00f3mo crear el c\u00f3digo del widget de Bookitit<\/strong> para integrarlo en tu p\u00e1gina web filtrando los servicios que quieres que tus clientes agenden online de forma independiente. De esta forma tus clientes van a poder realizar las citas con tu centro de manera online de la forma m\u00e1s f\u00e1cil y r\u00e1pida posible.\n\nEntonces, para que tus clientes puedan acceder al widget de reserva, primero tendr\u00e1s que configurarlo con tus servicios y agendas que desees ofrecer. Para ello, deber\u00e1s seguir los siguientes pasos:\n\n1. Accede desde el Panel de Control de tu cuenta de Bookitit a Reserva Online. Una vez dentro, justo encima del bot\u00f3n \u201cVer c\u00f3mo reservan mis clientes\u201d, ver\u00e1s un c\u00f3digo<\/strong>. C\u00f3pialo y p\u00e9galo en un documento de texto para modificarlo m\u00e1s c\u00f3modamente.<\/strong>\n\nTu c\u00f3digo de integraci\u00f3n de reserva online ser\u00e1 algo muy parecido a este (el publickey es \u00fanico y diferente en cada cuenta)<\/span>:\n\n<div id=\"idBktWidgetBody\"><\/div> <script type=\"text\/javascript\"> var bkt_init_widget = { type: \"default\", srvsrc: \"https:\/\/app.bookitit.com\", publickey:<\/span> \"208bfcbdc0388cda1d305863a0e5bc68a<\/span>\", lang: \"es\", scroll: false, services: [], agendas:[] }; var oScriptHtmlElement = document.createElement(\"script\"); oScriptHtmlElement.setAttribute(\"type\", \"text\/javascript\"); oScriptHtmlElement.setAttribute(\"src\", bkt_init_widget.srvsrc+\"\/js\/widgets\/loader.js?v=\"+(new Date().getFullYear())+(new Date().getMonth())+(new Date().getDate())+(new Date()).getHours()); (document.getElementsByTagName(\"head\")[0] || document.documentElement).appendChild(oScriptHtmlElement); <\/script>\n\n2. Entre los corchetes ([]) que aparecen a continuaci\u00f3n de \u201cservices<\/span>\u201d, deber\u00e1s introducir todos los BKT de los servicios que desees ofrecer separados por un ap\u00f3strofe o comilla simple (')<\/span>. Para saber qu\u00e9 es el BKT del servicio y c\u00f3mo encontrarlo ve al final del paso 2.<\/strong>\n\nEjemplo<\/span>:\n

\n
<\/div>\n<div id=\"idBktWidgetBody\"><\/div> <script type=\"text\/javascript\"> var bkt_init_widget = { type: \"default\", srvsrc: \"https:\/\/app.bookitit.com\", publickey: \"208bfcbdc0388cda1d305863a0e5bc68a<\/span>\", lang: \"es\", scroll: false, services<\/span>: [<\/span><\/span>'<\/span>bkt322399<\/span>','bkt322619','bkt322608','bkt322289','bkt322278','bkt322410','bkt322388'<\/span><\/span>]<\/span>, agendas:[] }; var oScriptHtmlElement = document.createElement(\"script\"); oScriptHtmlElement.setAttribute(\"type\", \"text\/javascript\"); oScriptHtmlElement.setAttribute(\"src\", bkt_init_widget.srvsrc+\"\/js\/widgets\/loader.js?v=\"+(new Date().getFullYear())+(new Date().getMonth())+(new Date().getDate())+(new Date()).getHours()); (document.getElementsByTagName(\"head\")[0] || document.documentElement).appendChild(oScriptHtmlElement); <\/script><\/span><\/div>\n
<\/div>\nCada servicio tiene un BKT y lo podr\u00e1s encontrar en el listado de servicios dentro de Servicios del centro en el Panel de Control de Bookitit. El BKT aparecer\u00e1 al lado de cada servicio en la columna de C\u00f3digo:\n\n\"bkt_servicios_enlace_independiente\"<\/a>\n\n3. Seguidamente tendr\u00e1s que hacer lo mismo con las agendas. Entre los corchetes ([]) que aparecen a continuaci\u00f3n de \u201cagendas<\/span>\u201d, deber\u00e1s introducir todos los BKT de las agendas que desees que aparezcan en el momento de la reserva separados por un ap\u00f3strofe o comilla simple (')<\/span>. Para saber qu\u00e9 es el BKT de la agenda y c\u00f3mo encontrarlo ve al final del paso 3.<\/strong>\n\nEjemplo<\/span>:\n

<div id=\"idBktWidgetBody\"><\/div> <script type=\"text\/javascript\"> var bkt_init_widget = { type: \"default\", srvsrc: \"https:\/\/app.bookitit.com\", publickey: \"208bfcbdc0388cda1d305863a0e5bc68a<\/span>\", lang: \"es\", scroll: false, services<\/span>: [<\/span><\/span>'<\/span>bkt322399<\/span>','bkt322619','bkt322608','bkt322289','bkt322278','bkt322410','bkt322388'<\/span><\/span>]<\/span>, agendas<\/span>:[<\/span><\/span>'bkt156266','bkt156508','bkt156299','bkt156497','bkt156486'<\/span>]<\/span> }; var oScriptHtmlElement = document.createElement(\"script\"); oScriptHtmlElement.setAttribute(\"type\", \"text\/javascript\"); oScriptHtmlElement.setAttribute(\"src\", bkt_init_widget.srvsrc+\"\/js\/widgets\/loader.js?v=\"+(new Date().getFullYear())+(new Date().getMonth())+(new Date().getDate())+(new Date()).getHours()); (document.getElementsByTagName(\"head\")[0] || document.documentElement).appendChild(oScriptHtmlElement); <\/script> <\/span><\/p>\nEste c\u00f3digo ser\u00e1 el que se integrar\u00e1 en tu p\u00e1gina web. As\u00ed que ahora ya solo te queda copiar y pegarlo donde desees que aparezca.","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[212],"tags":[254,1179,200,210,1000,259],"class_list":["post-37372","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriales-y-soporte","tag-agenda-de-citas","tag-bookitit-54","tag-motor-de-reservas","tag-sistema-de-reservas-online","tag-tutorial","tag-widget-de-reservas-online"],"yoast_head":"\nC\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes - Sistema de reservas online, cita previa online y agendas online<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes\" \/>\n<meta property=\"og:description\" content=\"Mientras que la semana pasada te ense\u00f1amos c\u00f3mo crear los enlaces independientes por cada servicio o agenda, en el art\u00edculo de hoy te ense\u00f1aremos a c\u00f3mo crear el c\u00f3digo del widget de Bookitit para integrarlo en tu p\u00e1gina web filtrando los servicios que quieres que tus clientes agenden online de forma independiente. De esta forma […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/\" \/>\n<meta property=\"og:site_name\" content=\"Sistema de reservas online, cita previa online y agendas online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Bookitit.Reservas.y.CitaPrevia.Online?ref=hl\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-23T22:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-14T11:11:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bookitit\" \/>\n<meta name=\"twitter:site\" content=\"@bookitit\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/\"},\"author\":{\"name\":\"Editor\",\"@id\":\"https:\/\/www.bookitit.com\/#\/schema\/person\/9f9a95cb54aaa088aa0e05b7f002e903\"},\"headline\":\"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes\",\"datePublished\":\"2019-04-23T22:00:00+00:00\",\"dateModified\":\"2021-07-14T11:11:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/\"},\"wordCount\":856,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg\",\"keywords\":[\"agenda de citas\",\"Bookitit\",\"motor de reservas\",\"sistema de reservas online\",\"tutorial\",\"widget de reservas online\"],\"articleSection\":[\"Tutoriales y Soporte\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/\",\"url\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/\",\"name\":\"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes - Sistema de reservas online, cita previa online y agendas online\",\"isPartOf\":{\"@id\":\"https:\/\/www.bookitit.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg\",\"datePublished\":\"2019-04-23T22:00:00+00:00\",\"dateModified\":\"2021-07-14T11:11:13+00:00\",\"author\":{\"@id\":\"https:\/\/www.bookitit.com\/#\/schema\/person\/9f9a95cb54aaa088aa0e05b7f002e903\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#primaryimage\",\"url\":\"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg\",\"contentUrl\":\"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg\",\"width\":1170,\"height\":240},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.bookitit.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bookitit.com\/#website\",\"url\":\"https:\/\/www.bookitit.com\/\",\"name\":\"bookitit - Online Calendar and online scheduling & bookings system\",\"description\":\"scheduling, calendar, bookings, appointments, reservations\",\"alternateName\":\"bookitit - Online Calendar and online scheduling & bookings system\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bookitit.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bookitit.com\/#\/schema\/person\/9f9a95cb54aaa088aa0e05b7f002e903\",\"name\":\"Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bookitit.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f993b296951e28ed0d493e9e9d21ecf7e4bc88f67c4711411fb973e240ae15e4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f993b296951e28ed0d493e9e9d21ecf7e4bc88f67c4711411fb973e240ae15e4?s=96&d=mm&r=g\",\"caption\":\"Editor\"},\"url\":\"https:\/\/www.bookitit.com\/es\/blog\/author\/xp9q_l3mv7\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes - Sistema de reservas online, cita previa online y agendas online","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:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes","og_description":"Mientras que la semana pasada te ense\u00f1amos c\u00f3mo crear los enlaces independientes por cada servicio o agenda, en el art\u00edculo de hoy te ense\u00f1aremos a c\u00f3mo crear el c\u00f3digo del widget de Bookitit para integrarlo en tu p\u00e1gina web filtrando los servicios que quieres que tus clientes agenden online de forma independiente. De esta forma […]","og_url":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/","og_site_name":"Sistema de reservas online, cita previa online y agendas online","article_publisher":"https:\/\/www.facebook.com\/Bookitit.Reservas.y.CitaPrevia.Online?ref=hl","article_published_time":"2019-04-23T22:00:00+00:00","article_modified_time":"2021-07-14T11:11:13+00:00","og_image":[{"width":1170,"height":240,"url":"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg","type":"image\/jpeg"}],"author":"Editor","twitter_card":"summary_large_image","twitter_creator":"@bookitit","twitter_site":"@bookitit","twitter_misc":{"Escrito por":"Editor","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#article","isPartOf":{"@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/"},"author":{"name":"Editor","@id":"https:\/\/www.bookitit.com\/#\/schema\/person\/9f9a95cb54aaa088aa0e05b7f002e903"},"headline":"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes","datePublished":"2019-04-23T22:00:00+00:00","dateModified":"2021-07-14T11:11:13+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/"},"wordCount":856,"commentCount":0,"image":{"@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg","keywords":["agenda de citas","Bookitit","motor de reservas","sistema de reservas online","tutorial","widget de reservas online"],"articleSection":["Tutoriales y Soporte"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/","url":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/","name":"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes - Sistema de reservas online, cita previa online y agendas online","isPartOf":{"@id":"https:\/\/www.bookitit.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#primaryimage"},"image":{"@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg","datePublished":"2019-04-23T22:00:00+00:00","dateModified":"2021-07-14T11:11:13+00:00","author":{"@id":"https:\/\/www.bookitit.com\/#\/schema\/person\/9f9a95cb54aaa088aa0e05b7f002e903"},"breadcrumb":{"@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#primaryimage","url":"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg","contentUrl":"https:\/\/www.bookitit.com\/wp-content\/uploads\/2019\/10\/c\u00f3digo_independiente_widget_bookitit.jpg","width":1170,"height":240},{"@type":"BreadcrumbList","@id":"https:\/\/www.bookitit.com\/es\/blog\/codigo-de-integracion-del-widget-del-sistema-de-reservas-online-filtrando-servicios-o-agendas-independientes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.bookitit.com\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3digo de integraci\u00f3n del widget del sistema de reservas online filtrando servicios o agendas independientes"}]},{"@type":"WebSite","@id":"https:\/\/www.bookitit.com\/#website","url":"https:\/\/www.bookitit.com\/","name":"bookitit - Online Calendar and online scheduling & bookings system","description":"scheduling, calendar, bookings, appointments, reservations","alternateName":"bookitit - Online Calendar and online scheduling & bookings system","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bookitit.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.bookitit.com\/#\/schema\/person\/9f9a95cb54aaa088aa0e05b7f002e903","name":"Editor","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bookitit.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f993b296951e28ed0d493e9e9d21ecf7e4bc88f67c4711411fb973e240ae15e4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f993b296951e28ed0d493e9e9d21ecf7e4bc88f67c4711411fb973e240ae15e4?s=96&d=mm&r=g","caption":"Editor"},"url":"https:\/\/www.bookitit.com\/es\/blog\/author\/xp9q_l3mv7\/"}]}},"_links":{"self":[{"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/posts\/37372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/comments?post=37372"}],"version-history":[{"count":0,"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/posts\/37372\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/media\/37373"}],"wp:attachment":[{"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/media?parent=37372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/categories?post=37372"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bookitit.com\/es\/wp-json\/wp\/v2\/tags?post=37372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<div id=\"idBktWidgetBody\"><\/div> <script type=\"text\/javascript\"> var bkt_init_widget = { type: \"default\", srvsrc: \"https:\/\/app.bookitit.com\", publickey: \"208bfcbdc0388cda1d305863a0e5bc68a<\/span>\", lang: \"es\", scroll: false, services: [<\/span>'<\/span>bkt322399<\/span>','bkt322619','bkt322608','bkt322289','bkt322278','bkt322410','bkt322388'<\/span>], agendas<\/span>:[<\/span><\/span>'bkt156266','bkt156508','bkt156299','bkt156497','bkt156486'<\/span>]<\/span> }; var oScriptHtmlElement = document.createElement(\"script\"); oScriptHtmlElement.setAttribute(\"type\", \"text\/javascript\"); oScriptHtmlElement.setAttribute(\"src\", bkt_init_widget.srvsrc+\"\/js\/widgets\/loader.js?v=\"+(new Date().getFullYear())+(new Date().getMonth())+(new Date().getDate())+(new Date()).getHours()); (document.getElementsByTagName(\"head\")[0] || document.documentElement).appendChild(oScriptHtmlElement); <\/script> <\/span><\/p>\nAl igual que los servicios, cada agenda tiene un BKT y lo podr\u00e1s encontrar en el listado de agendas dentro de Mis Agendas en el Panel de Control de Bookitit. El BKT aparecer\u00e1 al lado de cada agenda en la columna de C\u00f3digo:\n\n\"bkt_agendas_enlaces_independientes\"<\/a>\n\n4. Una vez hayas completado los pasos anteriores, el c\u00f3digo definitivo con los servicios y agendas modificados ser\u00e1 este (seg\u00fan nuestro ejemplo):<\/strong>\n