{"id":8025,"date":"1970-01-01T00:00:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"https:\/\/elfsight.com\/pt\/?page_id=8025"},"modified":"2026-01-20T14:31:57","modified_gmt":"2026-01-20T14:31:57","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/pt\/social-media-icons-widget\/html\/","title":{"rendered":"Social Media Icons &#8211; HTML"},"content":{"rendered":"\n<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"><h2>Descri\u00e7\u00e3o<\/h2><p>Os \u00cdcones Sociais f\u00e1ceis e vantajosos da Elfsight ajudam a integrar o seu site com qualquer m\u00eddia social. Desenvolva conex\u00e3o com seus clientes, tornando-os seus seguidores. Um modelo adapt\u00e1vel, configura\u00e7\u00f5es completas de cores e design com \u00edcones incorporados de todas as principais m\u00eddias sociais.<\/p><p><b>Adicione a presen\u00e7a da sua empresa nas redes sociais.<\/b><\/p><ul><li><b>Eleve seu status nas m\u00eddias sociais<\/b>.<br> Demonstre aos clientes do nosso site que o neg\u00f3cio tem posi\u00e7\u00e3o firme em diversas redes sociais e direcione-os para suas contas sociais com um toque do mouse.<\/li><li><b>Novos assinantes nas redes sociais<\/b>.<br> Aumente o tr\u00e1fego de suas p\u00e1ginas sociais todos os dias, envolvendo os leitores do site e transformando-os em f\u00e3s.<\/li><li> <b>Fique conectado com os clientes sempre que necess\u00e1rio<\/b>.<br> Os \u00edcones sociais oferecem aos visitantes a oportunidade de encontrar um dos m\u00e9todos adicionais de comunica\u00e7\u00e3o mais \u00fateis e voc\u00ea pode ajud\u00e1-los por meio das redes sociais.<\/li> <li><b>Uma declara\u00e7\u00e3o social poderosa<\/b>.<br> Aumente a confian\u00e7a da sua empresa entre os usu\u00e1rios do seu site gra\u00e7as \u00e0s p\u00e1ginas em redes sociais amplamente difundidas.<\/li><\/ul><\/div><div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"><h2>Recursos<\/h2><p>As principais caracter\u00edsticas, que transformam nosso c\u00f3digo de \u00edcones no melhor widget social HTML.<\/p><ul><li>Adicionar \u00edcones ilimitados;<\/li><li>5 op\u00e7\u00f5es de tamanho de \u00edcone;<\/li><li>Layout inline para colocar \u00edcones na \u00e1rea de conte\u00fado;<\/li><li>Cores nativas, preto e branco dos \u00edcones;<\/li><li> Opacidade ajust\u00e1vel em porcentagens dos \u00edcones e foco.<\/li><\/ul><p><a href=\"#demo\">Verifique os principais recursos no editor Elfsight<\/a><\/p><\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"><h2>Como adicionar \u00edcones de m\u00eddia social ao site HTML<\/h2><div class=\"video-container\">\n  <iframe allowfullscreen=\"\" frameborder=\"0\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/Ls_bdPq--aE?si=4UOa365wBGHzqQkH\" width=\"720\"><\/iframe>\n<\/div><p>Um guia f\u00e1cil para mostrar \u00edcones em um site sem compet\u00eancia em desenvolvimento. O tempo total de integra\u00e7\u00e3o \u00e9 de cerca de 3 minutos.<\/p><ol><li><b>Crie seus \u00edcones sociais personalizados<\/b>.<br> Com nossa demonstra\u00e7\u00e3o gratuita, gere um plugin com o layout e as configura\u00e7\u00f5es desejadas.<\/li><li><b>Copie o c\u00f3digo para integra\u00e7\u00e3o do plugin<\/b>.<br> Ap\u00f3s a configura\u00e7\u00e3o do widget, obtenha o c\u00f3digo do plugin Icons na notifica\u00e7\u00e3o pop-up nas aplica\u00e7\u00f5es Elfsight.<\/li><li><b>Mostrar o widget na p\u00e1gina HTML<\/b>.<br> Abra o c\u00f3digo da p\u00e1gina no editor HTML e integre o widget no local desejado (conte\u00fado, rodap\u00e9, barra lateral etc) e salve as edi\u00e7\u00f5es.<\/li><li><b>Voc\u00ea concluiu a instala\u00e7\u00e3o com sucesso<\/b>.<br> Acesse o site para verificar seu plugin.<\/li><\/ol><p>Falha ao criar ou demonstrar os \u00edcones em um site? Estude nosso manual completo \u00ab<a href=\"https:\/\/elfsight.com\/tutorials\/how-to-add-social-media-icons-to-an-html-website\/\" target=\"_blank\" rel=\"noopener noreferrer\">Como instalar \u00edcones em HTML<\/a>\u00bb ou deixe sua mensagem em nossa central de suporte.<\/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\">\u00c9 existe uma forma de adicionar \u00edcones de redes sociais \u00e0 minha p\u00e1gina HTML sem codifica\u00e7\u00e3o?<\/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 empresa Elfsight fornece uma solu\u00e7\u00e3o que permite ao utilizador criar voc\u00ea mesmo um widget de \u00edcones de redes sociais, veja as instru\u00e7\u00f5es simples: <\/p><ul> <li>Acesse a demonstra\u00e7\u00e3o on-line para criar um widget de \u00edcones de m\u00eddia social que voc\u00ea gostaria de ver em HTML.<\/li><li>Escolha um dos modelos predefinidos e modifique as configura\u00e7\u00f5es dos \u00edcones de m\u00eddia social, transforme o layout e as cores, adicione seu conte\u00fado sem codifica\u00e7\u00e3o.<\/li><li>Salve as configura\u00e7\u00f5es que voc\u00ea fez nos \u00edcones de m\u00eddia social e obtenha o c\u00f3digo do plugin para instala\u00e7\u00e3o, que voc\u00ea pode colar facilmente no site HTML sem a necessidade de comprar uma vers\u00e3o paga.<\/li><\/ul><p>Com nosso editor f\u00e1cil de usar, qualquer usu\u00e1rio da Internet pode criar \u00edcones de m\u00eddia social on-line e simplesmente inclu\u00ed-los no site HTML. N\u00e3o h\u00e1 necessidade de pagar ou inserir as credenciais do seu cart\u00e3o para entrar em nosso servi\u00e7o. Se voc\u00ea enfrentar qualquer tipo de problema, n\u00e3o hesite em entrar em contato com nossa equipe de suporte t\u00e9cnico.<\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":1114,"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-8025","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>\u00cdcones de m\u00eddia social - Adicionar widget de \u00edcones sociais ao site HTML<\/title>\n<meta name=\"description\" content=\"Experimente nosso c\u00f3digo de \u00edcones de m\u00eddia social para HTML gratuitamente. Gere \u00edcones projetados individualmente para o seu site em apenas alguns 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\/social-media-icons-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00cdcones de m\u00eddia social - Adicionar widget de \u00edcones sociais ao site HTML\" \/>\n<meta property=\"og:description\" content=\"Experimente nosso c\u00f3digo de \u00edcones de m\u00eddia social para HTML gratuitamente. Gere \u00edcones projetados individualmente para o seu site em apenas alguns minutos!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pt\/social-media-icons-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PT\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T14:31:57+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=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00cdcones de m\u00eddia social - Adicionar widget de \u00edcones sociais ao site HTML","description":"Experimente nosso c\u00f3digo de \u00edcones de m\u00eddia social para HTML gratuitamente. Gere \u00edcones projetados individualmente para o seu site em apenas alguns 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\/social-media-icons-widget\/html\/","og_locale":"pt_PT","og_type":"article","og_title":"\u00cdcones de m\u00eddia social - Adicionar widget de \u00edcones sociais ao site HTML","og_description":"Experimente nosso c\u00f3digo de \u00edcones de m\u00eddia social para HTML gratuitamente. Gere \u00edcones projetados individualmente para o seu site em apenas alguns minutos!","og_url":"https:\/\/elfsight.com\/pt\/social-media-icons-widget\/html\/","og_site_name":"Elfsight PT","article_modified_time":"2026-01-20T14:31:57+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo estimado de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pt\/social-media-icons-widget\/html\/","url":"https:\/\/elfsight.com\/pt\/social-media-icons-widget\/html\/","name":"\u00cdcones de m\u00eddia social - Adicionar widget de \u00edcones sociais ao site HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/pt\/#website"},"datePublished":"1970-01-01T00:00:00+00:00","dateModified":"2026-01-20T14:31:57+00:00","description":"Experimente nosso c\u00f3digo de \u00edcones de m\u00eddia social para HTML gratuitamente. Gere \u00edcones projetados individualmente para o seu site em apenas alguns minutos!","breadcrumb":{"@id":"https:\/\/elfsight.com\/pt\/social-media-icons-widget\/html\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pt\/social-media-icons-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pt\/social-media-icons-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Social Media Icons","item":"https:\/\/elfsight.com\/pt\/social-media-icons-widget\/"},{"@type":"ListItem","position":3,"name":"Social Media Icons &#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":"1113","h1":"\u00cdcones de m\u00eddia social para HTML","h1_caption":"O melhor c\u00f3digo para instalar \u00edcones sociais em um site","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":"0","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"Crie seu widget de \u00edcones de m\u00eddia social","demo_caption":"Configure seus \u00edcones de m\u00eddia social e adicione-os 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":"Ajuda de instala\u00e7\u00e3o gratuita"},{"text":"Suporte ao cliente experiente"},{"text":"Garantia de reembolso de 14 dias"},{"text":"Melhorias gratuitas cont\u00ednuas"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Instala\u00e7\u00f5es","content":"10,000 - 100,000"},{"name":"Responsivo","content":"Sim"},{"name":"Navegadores compat\u00edveis","content":"Firefox, Safari, Opera, Chrome, Edge"}],"tags":[],"tags_disable_links":"0","hide_more_platforms":"0","video_object":"","demo_hide_cta":"0","demo_hide_cloud_options":"0","pricing_title":"","pricing":[{"pricing_icon":"platform","pricing_title":"HTML widget","pricing_title_caption":"Software multiplataforma adequado para qualquer site","pricing_price":"a partir de US$ 0\/m\u00eas","pricing_price_caption":"comece com plano gratuito","pricing_benefits":[{"text":"Sites ilimitados"},{"text":"Suporte gratuito ao cliente"},{"text":"Suporte gratuito ao cliente"},{"text":"Pre\u00e7o especial para v\u00e1rios aplicativos"}],"pricing_button_text":"Adicionar ao site","pricing_button_url":"#demo"}],"related_apps_title":"","related_apps_hidden":"0","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/8025","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=8025"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/8025\/revisions"}],"predecessor-version":[{"id":15216,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/8025\/revisions\/15216"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/pages\/1114"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pt\/wp-json\/wp\/v2\/media?parent=8025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}