{"id":3732,"date":"2024-05-03T06:30:20","date_gmt":"2024-05-03T06:30:20","guid":{"rendered":"https:\/\/elfsight.com\/pt\/?page_id=3732"},"modified":"2024-11-13T11:40:30","modified_gmt":"2024-11-13T11:40:30","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/pt\/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>Descri\u00e7\u00e3o<\/h2> <p> Antes e depois do Slider da Elfsight ir\u00e1 ajud\u00e1-lo a compor fotos tentadoras e eficientes em termos de vendas para o seu site. Os clientes podem descobrir todos os efeitos que seus produtos ou servi\u00e7os trazem. Basta fazer upload de duas fotos para o Slider Antes e Depois para HTML e elas ser\u00e3o mostradas com uma divis\u00f3ria que se move para observar a mudan\u00e7a. Voc\u00ea pode incorporar slides ilimitados, cada um com sua pr\u00f3pria legenda. A dire\u00e7\u00e3o do divisor pode ser horizontal ou vertical e voc\u00ea pode escolher a melhor propor\u00e7\u00e3o da imagem. Seus usu\u00e1rios n\u00e3o ter\u00e3o outra escolha a n\u00e3o ser fazer uma compra, assim que virem o resultado real| dos seus produtos! <\/p> <p><b>Lan\u00e7amento antes e antes do lan\u00e7amento. ap\u00f3s o controle deslizante para atingir os picos de seu neg\u00f3cio com mais efici\u00eancia! <\/b><\/p> <\/div> <div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Oferecemos recursos pr\u00e1ticos e descomplicados, confira alguns deles: <\/h2> <ul><li>Forma qualquer n\u00famero de Antes e Depois de algumas fotos<\/li> <li>Insira legendas com configura\u00e7\u00f5es de formata\u00e7\u00e3o de texto em cada slide<\/li><li>Dois layouts: Lista e Carrossel<\/li><li>Movimento horizontal ou vertical da divis\u00f3ria<\/li><li>Clicar e arrastar ou simplesmente passar o mouse para deslocar o divisor<\/li><li>Deslizar em dispositivos sens\u00edveis ao toque<\/li><\/ul><p><a href=\"#demo\">Testar toda a personaliza\u00e7\u00e3o recursos em uma demonstra\u00e7\u00e3o totalmente funcional<\/a><\/p> <\/div> <div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"> <h2>Como fa\u00e7o para incorporar o controle deslizante Antes e Depois em meu site HTML? <\/h2> <div><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/YkoX3lNPpuc\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe> <\/div><p>Basta seguir as orienta\u00e7\u00f5es abaixo para inserir o plugin. <\/p> <ol><li><b>Execute nosso configurador gratuito e comece a moldar seu widget personalizado. <\/b><br> Encontre a forma e os recursos preferidos da ferramenta e aplique as edi\u00e7\u00f5es. <\/li> <li><b>Copie o seu c\u00f3digo individual que aparece na janela das Apps Elfsight<\/b><br> Assim que a personaliza\u00e7\u00e3o da sua ferramenta pessoal estiver conclu\u00edda, copie o c\u00f3digo exclusivo na janela que aparece e guarde para necessidades futuras. <\/li> <li><b>Comece a usar a ferramenta em sua p\u00e1gina HTML<\/b><br> Coloque o c\u00f3digo que voc\u00ea copiou recentemente em sua p\u00e1gina da web e aplique as edi\u00e7\u00f5es. <\/li> <li><b>Pronto! A integra\u00e7\u00e3o est\u00e1 totalmente realizada<\/b><br> Acesse sua p\u00e1gina para ver como est\u00e1 funcionando o plugin. <\/li><\/ol> <p>Caso tenha d\u00favidas ou enfrente algumas complica\u00e7\u00f5es, sinta-se \u00e0 vontade para escrever para nossa equipe de suporte. Nossos consultores est\u00e3o ansiosos para ajud\u00e1-lo com todas as d\u00favidas que voc\u00ea possa ter sobre o produto. <\/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\">Como adiciono um controle deslizante Antes e Depois ao meu site 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>A cria\u00e7\u00e3o do widget acontece dentro do site da Elfsight e voc\u00ea n\u00e3o precisa codificar. Abra nossa demonstra\u00e7\u00e3o online para formar seu widget pessoal, obtenha o c\u00f3digo e insira-o em seu 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\">Os melhores exemplos de uso da integra\u00e7\u00e3o do Antes e Depois do Image Slider<\/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>Oferecemos in\u00fameras op\u00e7\u00f5es de personaliza\u00e7\u00e3o: widgets em tamanho real para implementa\u00e7\u00e3o em a \u00e1rea de conte\u00fado, plug-ins flutuantes com recurso de rolagem, miniaturas para o rodap\u00e9, se\u00e7\u00e3o principal e todos os tipos de oportunidades verticais para barras laterais e 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\">Posso criar um retoque ou um controle deslizante de compara\u00e7\u00e3o simples com a ajuda do seu 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>Voc\u00ea pode fazer modifica\u00e7\u00f5es em qualquer widget. H\u00e1 uma infinidade de layouts \u00e0 sua disposi\u00e7\u00e3o no editor, e todos eles podem ser ajustados rapidamente conforme sua necessidade. <\/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":1019,"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-3732","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>Controle deslizante de imagem antes e depois responsivo para site HTML<\/title>\n<meta name=\"description\" content=\"Insira o widget Slider Antes e Depois em seu site HTML. Experimente a demonstra\u00e7\u00e3o do controle deslizante de compara\u00e7\u00e3o Elfsight e crie seu widget personalizado em apenas 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\/pt\/before-and-after-slider-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Controle deslizante de imagem antes e depois responsivo para site HTML\" \/>\n<meta property=\"og:description\" content=\"Insira o widget Slider Antes e Depois em seu site HTML. Experimente a demonstra\u00e7\u00e3o do controle deslizante de compara\u00e7\u00e3o Elfsight e crie seu widget personalizado em apenas 2 minutos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PT\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-13T11:40:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Controle deslizante de imagem antes e depois responsivo para site HTML","description":"Insira o widget Slider Antes e Depois em seu site HTML. Experimente a demonstra\u00e7\u00e3o do controle deslizante de compara\u00e7\u00e3o Elfsight e crie seu widget personalizado em apenas 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\/pt\/before-and-after-slider-widget\/html\/","og_locale":"pt_PT","og_type":"article","og_title":"Controle deslizante de imagem antes e depois responsivo para site HTML","og_description":"Insira o widget Slider Antes e Depois em seu site HTML. Experimente a demonstra\u00e7\u00e3o do controle deslizante de compara\u00e7\u00e3o Elfsight e crie seu widget personalizado em apenas 2 minutos.","og_url":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/html\/","og_site_name":"Elfsight PT","article_modified_time":"2024-11-13T11:40:30+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/html\/","url":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/html\/","name":"Controle deslizante de imagem antes e depois responsivo para site HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/pt\/#website"},"datePublished":"2024-05-03T06:30:20+00:00","dateModified":"2024-11-13T11:40:30+00:00","description":"Insira o widget Slider Antes e Depois em seu site HTML. Experimente a demonstra\u00e7\u00e3o do controle deslizante de compara\u00e7\u00e3o Elfsight e crie seu widget personalizado em apenas 2 minutos.","breadcrumb":{"@id":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/html\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Before and After Slider","item":"https:\/\/elfsight.com\/pt\/before-and-after-slider-widget\/"},{"@type":"ListItem","position":3,"name":"Before and After Slider &#8211; HTML"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/pt\/#website","url":"https:\/\/elfsight.com\/pt\/","name":"Elfsight PT","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"1018","h1":"Antes e depois do controle deslizante para HTML","h1_caption":"Revele como seus produtos e servi\u00e7os realmente funcionam e aumente a receita","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":"Crie seu widget Slider Antes e Depois","demo_caption":"Configure seu controle deslizante Antes e Depois e adicione-o ao seu site HTML gratuitamente!","default_faq_hidden":"","app_template_category":[],"platform":"49","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":"a partir de US$ 0\/m\u00eas","trial":"","benefits":[{"text":"Servi\u00e7o de instala\u00e7\u00e3o gratuito"},{"text":"Suporte ao cliente experiente"},{"text":"Garantia de devolu\u00e7\u00e3o do dinheiro em 14 dias"},{"text":"Desenvolvimento cont\u00ednuo"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Instala\u00e7\u00f5es","content":"10,000 - 100,000","_state":"expanded"},{"name":"Responsivo","content":"Sim","_state":"expanded"},{"name":"Navegadores compat\u00edveis","content":"Firefox, Safari, Opera, Chrome, Edge"}],"tags":[],"tags_disable_links":"0","hide_more_platforms":"","video_object":"","demo_hide_cta":"0","demo_hide_cloud_options":"0","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":"Elfsight Apps","pricing_title_caption":"Software multiplataforma","pricing_price":"a partir de US$ 0\/m\u00eas","pricing_price_caption":"comece com plano gratuito","pricing_benefits":[{"text":"Dom\u00ednios ilimitados"},{"text":"Suporte gratuito e pontual"},{"text":"Suporte gratuito e pontual"},{"text":"\u00d3timo neg\u00f3cio para v\u00e1rios aplicativos"}],"pricing_button_text":"Adicionar ao site","pricing_button_url":"#demo","_state":"expanded"}],"related_apps_title":"","related_apps_hidden":"1","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/3732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/comments?post=3732"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/3732\/revisions"}],"predecessor-version":[{"id":11653,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/3732\/revisions\/11653"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/1019"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media?parent=3732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}