{"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":"2024-11-12T14:36:13","modified_gmt":"2024-11-12T14:36:13","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>Description<\/h2> <p> Before and After Slider by Elfsight will help you compose tempting sales-efficient photos for your website. Customers can discover all the effects that your goods or services bring. Just upload two photos to Before and After  Slider for HTML and they will be shown with a divider that moves to watch the change. You can embed unlimited slides, every one with its own caption. The divider direction can be horizontal or vertical, and you can choose the best image ratio. Your users will will have no other choice but to make a purchase, as soon as they see the real result| of your products!  <\/p> <p><b>Launch before &amp; after slider to achieve your business peaks more efficiently! <\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>We offer practical and uncomplicated features, check some of them: <\/h2> <ul><li>Shape any number of Before and After couples of pictures<\/li> <li>Insert captions with text formatting settings to each slide<\/li><li>Two layouts: List and Carousel<\/li><li>Horizontal or vertical moving of the divider<\/li><li>Clicking and dragging or simply hovering to shift the divider<\/li><li>Swiping on touch devices<\/li><\/ul><p><a href=\"#demo\">Test all the personalization features in fully functional demo<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>How do I embed Before and After Slider on my HTML website? <\/h2> <div><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/YkoX3lNPpuc\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div><p>Simply fulfill the guidelines below to insert the plugin. <\/p> <ol><li><b>Perform our free configurator and start shaping your custom-built widget. <\/b><br> Find the preferable form and features of the tool and apply the edits. <\/li>  <li><b>Copy your individual code appearing in the widow on Elfsight Apps<\/b><br> As soon as the customization of your personal tool is done, copy the exclusive code in the appearing window and keep it for further need. <\/li>  <li><b>Get started with using the tool on your HTML homepage<\/b><br> Place the code you&#8217;ve copied recently into your web page and apply the edits. <\/li>  <li><b>You&#8217;re done! The integration is fully accomplished<\/b><br> Go to your page to see how&#8217;s the plugin working. <\/li><\/ol> <p>On condition of having inquiries or confront some complications, feel free to write to our support team. Our consultants are eager to help you with all the questions you may have on the product. <\/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\">Which way do I add a Before and After Slider to my HTML website?<\/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>The creation of the widget happens within the Elfsight website and you do not need to code. Open our online demo to form your personal widget, obtain the code and insert it in your site. <\/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\">The best usage examples of Before &amp; After Image Slider integration<\/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>We grant you tons of personalization options: full-size widgets for implementing in the content area, floating plugins with scrolling feature, thumbnails for the footer, head section and all kinds of vertical opportunities for sidebars and menus. <\/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\">Can I create a retouch or simple comparison slider with the help of your 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>You can form any widget\u2019s modifications. There are a plethora of layouts at your disposal in the editor, and all of them may be swiftly adjusted just as you need. <\/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":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - 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=\"2024-11-12T14:36:13+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":"2024-11-12T14:36:13+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":"2024-11-12T14:36:13+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":"required name=search_term_string"}],"inLanguage":"es"}]}},"meta_box":{"h1":"Before and After Slider for 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.","category":[],"widget_request_title":"","widget_request_cta":"","application":"607","templates":[],"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":[],"application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","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":"","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":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15900"}],"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":2,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15900\/revisions"}],"predecessor-version":[{"id":16550,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15900\/revisions\/16550"}],"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}]}}