{"id":7804,"date":"1970-01-01T00:00:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"https:\/\/elfsight.com\/es\/?page_id=7804"},"modified":"2026-01-20T14:31:24","modified_gmt":"2026-01-20T14:31:24","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/es\/social-media-icons-widget\/html\/","title":{"rendered":"Social Media Icons &#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>Los \u00edconos sociales f\u00e1ciles y ventajosos de Elfsight ayudan a integrar su sitio web con cualquier red social. Desarrolla la conexi\u00f3n con tus clientes, convirti\u00e9ndolos en tus seguidores. Una plantilla adaptable, configuraci\u00f3n completa de colores y dise\u00f1o con \u00edconos integrados de todas las principales redes sociales.<\/p><p><b>Agregue presencia de su empresa en las redes sociales.<\/b><\/p><ul><li><b>Eleve su estatus en las redes sociales<\/b>.<br> Demuestre a los clientes de nuestro sitio web que su empresa tiene una posici\u00f3n firme en diversas redes sociales y dir\u00edjalos a sus cuentas sociales con solo presionar el mouse.<\/li><li><b>Nuevos suscriptores en las redes sociales<\/b>.<br> Suba de nivel el tr\u00e1fico de sus p\u00e1ginas sociales todos los d\u00edas atraen a los lectores del sitio web y los transforman en fan\u00e1ticos.<\/li><li><b>Mant\u00e9ngase conectado con los clientes cuando sea necesario<\/b>.<br> Los \u00edconos sociales brindan a los visitantes la oportunidad de encontrar uno de los m\u00e9todos adicionales de comunicaci\u00f3n m\u00e1s pr\u00e1cticos y usted puede brindarles asistencia a trav\u00e9s de las redes sociales.<\/li><li><b>Una poderosa declaraci\u00f3n social<\/b>.<br> Aumente la confianza en su empresa entre los usuarios de su sitio web gracias a las p\u00e1ginas en redes sociales ampliamente difundidas. redes.<\/li><\/ul><\/div><div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"><h2>Caracter\u00edsticas<\/h2><p>Las caracter\u00edsticas principales que convierten nuestro c\u00f3digo de \u00edconos en el mejor widget social HTML.<\/p><ul><li>Agregue \u00edconos ilimitados;<\/li><li>5 opciones de tama\u00f1o de \u00edcono;<\/li><li>Dise\u00f1o en l\u00ednea para colocar \u00edconos en el \u00e1rea de contenido;<\/li><li>Colores nativos, blanco y negro \u00edconos;<\/li><li>Opacidad ajustable en porcentajes de los \u00edconos y coloque el cursor sobre ellos;<\/li><\/ul><p><a href=\"#demo\">Compruebe las funciones clave en el editor Elfsight<\/a><\/p><\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"><h2>C\u00f3mo agregar \u00edconos de redes sociales a un sitio web 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>Una gu\u00eda sencilla para mostrar iconos en un sitio web sin competencia en desarrollo. El tiempo total de integraci\u00f3n es de aproximadamente 3 minutos.<\/p><ol><li><b>Dise\u00f1e sus \u00edconos sociales personalizados<\/b>.<br> Con nuestra demostraci\u00f3n gratuita, genere un complemento con el dise\u00f1o y la configuraci\u00f3n deseados.<\/li><li><b>Copia el c\u00f3digo para integrar el complemento<\/b>.<br> Despu\u00e9s de configurar el widget, obtenga el c\u00f3digo para el complemento de \u00edconos en la notificaci\u00f3n emergente en Elfsight Apps.<\/li><li><b>Muestre el widget en la p\u00e1gina HTML<\/b>.<br> Abrir el c\u00f3digo de la p\u00e1gina en el editor HTML e integre el widget en el lugar requerido (contenido, pie de p\u00e1gina, barra lateral, etc.) y guarde las ediciones.<\/li><li><b>Complet\u00f3 exitosamente la instalaci\u00f3n<\/b>.<br> Vaya al sitio web para verificar su complemento.<\/li><\/ol><p>\u00bfNo pudo crear o demostrar los \u00edconos en un sitio web? Estudia nuestro manual completo \u00ab<a href=\"https:\/\/elfsight.com\/tutorials\/how-to-add-social-media-icons-to-an-html-website\/\" target=\"_blank\" rel=\"noopener noreferrer\">C\u00f3mo instalar iconos en HTML<\/a>\u00bb o deja tu mensaje en nuestro centro de soporte.<\/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\">\u00bfExiste alguna manera de agregar \u00edconos de redes sociales a mi p\u00e1gina web HTML sin necesidad de codificaci\u00f3n?<\/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 compa\u00f1\u00eda Elfsight proporciona una soluci\u00f3n que permite al usuario crear un widget de \u00edconos de redes sociales usted mismo. Consulte las sencillas instrucciones: <\/p><ul><li>Vaya a la demostraci\u00f3n en l\u00ednea para crear un widget de \u00edconos de redes sociales que le gustar\u00eda ver en HTML.<\/li><li>Elija una de las plantillas predise\u00f1adas y modif\u00edquela la configuraci\u00f3n de los \u00edconos de redes sociales, transforme el dise\u00f1o y los colores, agregue su contenido sin codificaci\u00f3n.<\/li><li>Guarde las configuraciones que realiz\u00f3 en los \u00edconos de redes sociales y obtenga el c\u00f3digo del complemento para la instalaci\u00f3n, que puede pegar f\u00e1cilmente en el sitio web HTML sin necesidad de comprar una versi\u00f3n paga.<\/li><\/ul><p>Con nuestro editor f\u00e1cil de usar, cualquier usuario de Internet puede crear \u00edconos de redes sociales en l\u00ednea y simplemente incluirlos en el sitio HTML. No es necesario pagar ni ingresar las credenciales de su tarjeta para ingresar a nuestro servicio. Si tiene alg\u00fan problema de cualquier tipo, no dude en ponerse en contacto con nuestro equipo de soporte t\u00e9cnico.<\/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":995,"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-7804","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>Iconos de redes sociales: agregue el widget de iconos sociales al sitio web HTML<\/title>\n<meta name=\"description\" content=\"Pruebe nuestro c\u00f3digo de iconos de redes sociales para HTML de forma gratuita. \u00a1Genera \u00edconos dise\u00f1ados individualmente para tu sitio en solo unos 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\/social-media-icons-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Iconos de redes sociales: agregue el widget de iconos sociales al sitio web HTML\" \/>\n<meta property=\"og:description\" content=\"Pruebe nuestro c\u00f3digo de iconos de redes sociales para HTML de forma gratuita. \u00a1Genera \u00edconos dise\u00f1ados individualmente para tu sitio en solo unos minutos!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/social-media-icons-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T14:31:24+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":"Iconos de redes sociales: agregue el widget de iconos sociales al sitio web HTML","description":"Pruebe nuestro c\u00f3digo de iconos de redes sociales para HTML de forma gratuita. \u00a1Genera \u00edconos dise\u00f1ados individualmente para tu sitio en solo unos 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\/social-media-icons-widget\/html\/","og_locale":"es_ES","og_type":"article","og_title":"Iconos de redes sociales: agregue el widget de iconos sociales al sitio web HTML","og_description":"Pruebe nuestro c\u00f3digo de iconos de redes sociales para HTML de forma gratuita. \u00a1Genera \u00edconos dise\u00f1ados individualmente para tu sitio en solo unos minutos!","og_url":"https:\/\/elfsight.com\/es\/social-media-icons-widget\/html\/","og_site_name":"Elfsight ES","article_modified_time":"2026-01-20T14:31:24+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\/social-media-icons-widget\/html\/","url":"https:\/\/elfsight.com\/es\/social-media-icons-widget\/html\/","name":"Iconos de redes sociales: agregue el widget de iconos sociales al sitio web HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"datePublished":"1970-01-01T00:00:00+00:00","dateModified":"2026-01-20T14:31:24+00:00","description":"Pruebe nuestro c\u00f3digo de iconos de redes sociales para HTML de forma gratuita. \u00a1Genera \u00edconos dise\u00f1ados individualmente para tu sitio en solo unos minutos!","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/social-media-icons-widget\/html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/social-media-icons-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/social-media-icons-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/es\/"},{"@type":"ListItem","position":2,"name":"Social Media Icons","item":"https:\/\/elfsight.com\/es\/social-media-icons-widget\/"},{"@type":"ListItem","position":3,"name":"Social Media Icons &#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":"994","h1":"Iconos de redes sociales para HTML","h1_caption":"El mejor c\u00f3digo para instalar \u00edconos sociales en un sitio web","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":"Crea tu widget de iconos de redes sociales","demo_caption":"\u00a1Configure sus \u00edconos de redes sociales y agr\u00e9guelos 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":"Ayuda de instalaci\u00f3n gratuita"},{"text":"Atenci\u00f3n al cliente experimentada"},{"text":"Garant\u00eda de reembolso de 14 d\u00edas"},{"text":"Mejoras gratuitas continuas"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","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":"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 que se adapta a cualquier sitio web","pricing_price":"desde $0 \/ mes","pricing_price_caption":"comienza con el plan gratuito","pricing_benefits":[{"text":"Sitios web ilimitados"},{"text":"Atenci\u00f3n al cliente gratuita"},{"text":"Asistencia de instalaci\u00f3n gratuita"},{"text":"Precio especial para m\u00faltiples aplicaciones"}],"pricing_button_text":"A\u00f1adir al sitio web","pricing_button_url":"#demo"}],"related_apps_title":"","related_apps_hidden":"0","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/7804","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=7804"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/7804\/revisions"}],"predecessor-version":[{"id":20039,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/7804\/revisions\/20039"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/995"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media?parent=7804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}