{"id":15576,"date":"2024-05-03T06:30:11","date_gmt":"2024-05-03T06:30:11","guid":{"rendered":"https:\/\/elfsight.com\/es\/?page_id=15576"},"modified":"2024-11-12T14:33:21","modified_gmt":"2024-11-12T14:33:21","slug":"woocommerce","status":"publish","type":"page","link":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/woocommerce\/","title":{"rendered":"Before and After Slider &#8211; WooCommerce"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"><h2>Description<\/h2><p>Comparison Slider by Elfsight helps you demonstrate amazing promoting photos for your website. Customers will have a chance to check all the effects that your products or services make. Simply upload two photos to Before and After Slider for WooCommerce and they will come out with a divider which moves to watch the difference. You can publish unlimited sets of photos, and add captions and labels. The sliding orientation can be horizontal or vertical, and you can select the best image ratio.<\/p> <p><b>With before &#8211; after slider, experience sustainable business growth and boost sales!<\/b><\/p><\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"><h2>Below are basic features of the widget:<\/h2><ul><li>Shape unlimited Before and After couples of images<\/li> <li>Create captions with text formatting  to each set<\/li><li>Two readymade layouts: List and Carousel<\/li><li>Horizontal or vertical moving of the divider<\/li><li>Clicking and dragging or simply hover to move the divider<\/li><li>Swipe on touch screen devices<\/li><\/ul><p><a href=\"#demo\">You can check if the widget is for you using the demo<\/a><\/p><\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"><h2>How can I add Before and After Slider on my WooCommerce website?<\/h2><p>Just take the steps described below to integrate the tool.<\/p><ol><li><b>Manage our free editor and start building your own instrument.<\/b><br>Find the selected layout and parameters of the widget and apply the modifications.<\/li><li><b>Get the individual code shown in the widow on Elfsight Apps.<\/b><br>When the setting up of your tool is complete, copy the exclusive code in the appeared popup and save it for later occasion.<\/li><li><b>Start using the Comparison plugin on WooCommerce site.<\/b><br>Add the code you&#8217;ve copied recently into your page and save the edits.<\/li><li><b>You&#8217;re done! The integration is fully performed.<\/b><br>Visit your site to view how&#8217;s the widget working.<\/li><\/ol><p>On condition of having inquiries or running over some difficulties, have no hesitation to address our support team. Our people are longing to resolve all the questions you may have with the plugin.<\/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\">How can I embed a Before and After Slider to my WooCommerce 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 making of the tool occurs on the Elfsight pages and you do not need to learn how to code. Use the live demo to design your personal app, obtain the code and paste it in your website. <\/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 Comparison 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 offer lots of personalization possibilities: full length widgets for embedding into the content area, floating plugins with scrolling feature, thumbnails for the footer, head section and all sorts of vertical options 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\">May I build a simple comparison or retouch slider by means of the 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 shape any widget\u2019s alterations. There are a bunch layouts applicable in the editor, and all of them can be easily adjusted 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>Complemento WooCommerce Before and After Slider para su sitio web (2024)<\/title>\n<meta name=\"description\" content=\"Aproveche la oportunidad de personalizar el complemento Control deslizante Antes y Despu\u00e9s en el editor e int\u00e9grelo en su sitio web WooCommerce directamente a trav\u00e9s de la demostraci\u00f3n en vivo.\" \/>\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\/woocommerce\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Complemento WooCommerce Before and After Slider para su sitio web (2024)\" \/>\n<meta property=\"og:description\" content=\"Aproveche la oportunidad de personalizar el complemento Control deslizante Antes y Despu\u00e9s en el editor e int\u00e9grelo en su sitio web WooCommerce directamente a trav\u00e9s de la demostraci\u00f3n en vivo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-12T14:33:21+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=\"2 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Complemento WooCommerce Before and After Slider para su sitio web (2024)","description":"Aproveche la oportunidad de personalizar el complemento Control deslizante Antes y Despu\u00e9s en el editor e int\u00e9grelo en su sitio web WooCommerce directamente a trav\u00e9s de la demostraci\u00f3n en vivo.","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\/woocommerce\/","og_locale":"es_ES","og_type":"article","og_title":"Complemento WooCommerce Before and After Slider para su sitio web (2024)","og_description":"Aproveche la oportunidad de personalizar el complemento Control deslizante Antes y Despu\u00e9s en el editor e int\u00e9grelo en su sitio web WooCommerce directamente a trav\u00e9s de la demostraci\u00f3n en vivo.","og_url":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/woocommerce\/","og_site_name":"Elfsight ES","article_modified_time":"2024-11-12T14:33:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/woocommerce\/","url":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/woocommerce\/","name":"Complemento WooCommerce Before and After Slider para su sitio web (2024)","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"datePublished":"2024-05-03T06:30:11+00:00","dateModified":"2024-11-12T14:33:21+00:00","description":"Aproveche la oportunidad de personalizar el complemento Control deslizante Antes y Despu\u00e9s en el editor e int\u00e9grelo en su sitio web WooCommerce directamente a trav\u00e9s de la demostraci\u00f3n en vivo.","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/woocommerce\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/woocommerce\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/before-and-after-slider-widget\/woocommerce\/#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; WooCommerce"}]},{"@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":"WooCommerce Before and After Slider","h1_caption":"Presente comparaciones entre dos im\u00e1genes, ideales para resaltar transformaciones o mostrar los beneficios del producto en su sitio web WooCommerce 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 aplicaci\u00f3n deslizante Antes y Despu\u00e9s","demo_caption":"\u00a1Configure su control deslizante Antes y Despu\u00e9s y agr\u00e9guelo a su sitio web WooCommerce de forma gratuita!","default_faq_hidden":"","app_template_category":[],"platform":"2311","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":"Asistencia de instalaci\u00f3n gratuita"},{"text":"Servicio al cliente competente"},{"text":"Garant\u00eda de devoluci\u00f3n de dinero de 14 d\u00edas"},{"text":"Mejoras peri\u00f3dicas"}],"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":"Versi\u00f3n independiente de la plataforma","pricing_price":"desde $0 \/ mes","pricing_price_caption":"comienza con un plan gratuito","pricing_benefits":[{"text":"Sitios web ilimitados"},{"text":"Soporte empresarial dedicado y bien documentado."},{"text":"Soporte de instalaci\u00f3n gratuito"},{"text":"Totalmente personalizable"}],"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\/15576"}],"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=15576"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15576\/revisions"}],"predecessor-version":[{"id":16536,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/15576\/revisions\/16536"}],"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=15576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}