{"id":15900,"date":"2024-05-03T06:30:20","date_gmt":"2024-05-03T06:30:20","guid":{"rendered":"https:\/\/elfsight.com\/es\/?page_id=15900"},"modified":"2025-02-06T15:03:00","modified_gmt":"2025-02-06T15:03:00","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/","title":{"rendered":"Before and After Slider &#8211; HTML"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"> <h2>Descripci\u00f3n<\/h2> <p> El Deslizador Antes y Despu\u00e9s de Elfsight te ayudar\u00e1 a crear fotos atractivas y eficaces para las ventas en tu sitio web. Los clientes podr\u00e1n descubrir todos los efectos que tus productos o servicios generan. Simplemente sube dos fotos al Deslizador Antes y Despu\u00e9s para HTML y se mostrar\u00e1n con un divisor que se puede mover para observar el cambio. Puedes incluir un n\u00famero ilimitado de diapositivas, cada una con su propio subt\u00edtulo. La direcci\u00f3n del divisor puede ser horizontal o vertical, y puedes elegir la mejor proporci\u00f3n de imagen. \u00a1Tus usuarios no tendr\u00e1n otra opci\u00f3n m\u00e1s que comprar, tan pronto como vean el resultado real de tus productos! <\/p> <p><b>\u00a1Lanza el deslizador antes y despu\u00e9s para lograr tus objetivos empresariales de manera m\u00e1s eficiente!<\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Te ofrecemos caracter\u00edsticas pr\u00e1cticas y sencillas, revisa algunas de ellas:<\/h2> <ul><li>Crea cualquier n\u00famero de parejas de fotos de Antes y Despu\u00e9s<\/li> <li>Agrega subt\u00edtulos con configuraciones de formato de texto a cada diapositiva<\/li><li>Dos dise\u00f1os: Lista y Carrusel<\/li><li>Movimiento horizontal o vertical del divisor<\/li><li>Clic y arrastre o simplemente pasa el rat\u00f3n para mover el divisor<\/li><li>Deslizar en dispositivos t\u00e1ctiles<\/li><\/ul><p><a href=\"#demo\">Prueba todas las opciones de personalizaci\u00f3n en la demo completamente funcional<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>\u00bfC\u00f3mo puedo insertar el Deslizador Antes y Despu\u00e9s en mi sitio HTML?<\/h2> <div><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/YkoX3lNPpuc\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div><p>Simplemente sigue las instrucciones a continuaci\u00f3n para insertar el plugin.<\/p> <ol><li><b>Usa nuestro configurador gratuito y comienza a crear tu widget personalizado.<\/b><br> Encuentra la forma y las caracter\u00edsticas preferidas de la herramienta y aplica los cambios.<\/li>  <li><b>Copiar tu c\u00f3digo \u00fanico que aparecer\u00e1 en la ventana de Elfsight Apps<\/b><br> Una vez que la personalizaci\u00f3n de tu herramienta est\u00e9 lista, copia el c\u00f3digo exclusivo en la ventana emergente y gu\u00e1rdalo para su uso futuro.<\/li>  <li><b>Comienza a usar la herramienta en tu p\u00e1gina HTML<\/b><br> Pega el c\u00f3digo que copiaste previamente en tu p\u00e1gina web y aplica los ajustes.<\/li>  <li><b>\u00a1Listo! La integraci\u00f3n est\u00e1 completamente completada<\/b><br> Ve a tu p\u00e1gina web para ver c\u00f3mo est\u00e1 funcionando el plugin.<\/li><\/ol> <p>Si tienes preguntas o encuentras alg\u00fan problema, no dudes en escribir a nuestro equipo de soporte. Nuestros consultores est\u00e1n deseosos de ayudarte con todas las dudas que puedas tener sobre el producto.<\/p> <\/div><div class=\"faq\" data-component=\"FAQ\"><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">\u00bfC\u00f3mo agrego un Deslizador Antes y Despu\u00e9s a mi sitio HTML?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>La creaci\u00f3n del widget ocurre dentro del sitio web de Elfsight y no necesitas programar. Abre nuestra demo en l\u00ednea para crear tu widget personalizado, obtener el c\u00f3digo e insertarlo en tu sitio web.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">\u00bfCu\u00e1les son los mejores ejemplos de uso de la integraci\u00f3n del Deslizador de Im\u00e1genes Antes y Despu\u00e9s?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Te ofrecemos muchas opciones de personalizaci\u00f3n: widgets de tama\u00f1o completo para implementar en el \u00e1rea de contenido, plugins flotantes con funci\u00f3n de desplazamiento, miniaturas para el pie de p\u00e1gina, encabezado y todo tipo de oportunidades verticales para las barras laterales y men\u00fas.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><div class=\"faq-item\">\r\n\t\t\t\t\t<div class=\"faq-item-question\">\r\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">\u00bfPuedo crear un deslizador de retoque o comparaci\u00f3n simple con la ayuda de tu editor?<\/h3>\r\n\r\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"faq-item-answer\">\r\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Puedes realizar cualquier modificaci\u00f3n en el widget. Hay muchas opciones de dise\u00f1o disponibles en el editor, y todas ellas pueden ser ajustadas f\u00e1cilmente seg\u00fan lo necesites.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":608,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-platform.php","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-15900","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Control deslizante de im\u00e1genes de antes y despu\u00e9s para sitio web HTML<\/title>\n<meta name=\"description\" content=\"Inserte el widget deslizante Antes y Despu\u00e9s en su sitio web HTML. Pruebe la demostraci\u00f3n del control deslizante de comparaci\u00f3n de Elfsight y cree su widget personalizado en solo 2 minutos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Control deslizante de im\u00e1genes de antes y despu\u00e9s para sitio web HTML\" \/>\n<meta property=\"og:description\" content=\"Inserte el widget deslizante Antes y Despu\u00e9s en su sitio web HTML. Pruebe la demostraci\u00f3n del control deslizante de comparaci\u00f3n de Elfsight y cree su widget personalizado en solo 2 minutos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-06T15:03:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Control deslizante de im\u00e1genes de antes y despu\u00e9s para sitio web HTML","description":"Inserte el widget deslizante Antes y Despu\u00e9s en su sitio web HTML. Pruebe la demostraci\u00f3n del control deslizante de comparaci\u00f3n de Elfsight y cree su widget personalizado en solo 2 minutos.","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:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/","og_locale":"es_ES","og_type":"article","og_title":"Control deslizante de im\u00e1genes de antes y despu\u00e9s para sitio web HTML","og_description":"Inserte el widget deslizante Antes y Despu\u00e9s en su sitio web HTML. Pruebe la demostraci\u00f3n del control deslizante de comparaci\u00f3n de Elfsight y cree su widget personalizado en solo 2 minutos.","og_url":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/","og_site_name":"Elfsight ES","article_modified_time":"2025-02-06T15:03:00+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/","url":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/","name":"Control deslizante de im\u00e1genes de antes y despu\u00e9s para sitio web HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"datePublished":"2024-05-03T06:30:20+00:00","dateModified":"2025-02-06T15:03:00+00:00","description":"Inserte el widget deslizante Antes y Despu\u00e9s en su sitio web HTML. Pruebe la demostraci\u00f3n del control deslizante de comparaci\u00f3n de Elfsight y cree su widget personalizado en solo 2 minutos.","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/es\/"},{"@type":"ListItem","position":2,"name":"Before and After Slider","item":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/"},{"@type":"ListItem","position":3,"name":"Before and After Slider &#8211; HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/es\/#website","url":"https:\/\/elfsight.com\/es\/","name":"Elfsight ES","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"607","h1":"Control deslizante antes y despu\u00e9s para HTML","h1_caption":"Presente comparaciones entre dos im\u00e1genes, ideales para resaltar transformaciones o mostrar los beneficios del producto en su sitio web HTML sin esfuerzo.","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"Crea tu widget deslizante Antes y Despu\u00e9s","demo_caption":"\u00a1Configure su control deslizante Antes y Despu\u00e9s y agr\u00e9guelo a su sitio web HTML de forma gratuita!","default_faq_hidden":"","app_template_category":[],"platform":"70","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"video_schema_markup":"","price":"desde $0 \/ mes","trial":"","benefits":[{"text":"Servicio de instalaci\u00f3n gratuito"},{"text":"Atenci\u00f3n al cliente experimentada"},{"text":"Garant\u00eda de devoluci\u00f3n de dinero de 14 d\u00edas"},{"text":"Desarrollo continuo"}],"button_url":"#demo","button_target_blank":"","button_nofollow":"","attributes":[{"name":"Instalaciones","content":"10,000 - 100,000"},{"name":"Sensible","content":"S\u00ed"},{"name":"Navegadores compatibles","content":"Firefox, Safari, Opera, Chrome, Edge"}],"tags":[],"tags_disable_links":"","hide_more_platforms":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":"Elfsight Apps","pricing_title_caption":"Software multiplataforma","pricing_price":"desde $0 \/ mes","pricing_price_caption":"comienza con el plan gratuito","pricing_benefits":[{"text":"Dominios ilimitados"},{"text":"Soporte gratuito y puntual"},{"text":"Ayuda de instalaci\u00f3n gratuita"},{"text":"Gran oferta para m\u00faltiples aplicaciones"}],"pricing_button_text":"A\u00f1adir al sitio web","pricing_button_url":"#demo"}],"related_apps_title":"","related_apps_hidden":"","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/comments?post=15900"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15900\/revisions"}],"predecessor-version":[{"id":17817,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15900\/revisions\/17817"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/608"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media?parent=15900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}