{"id":3829,"date":"2022-02-11T12:11:35","date_gmt":"2022-02-11T12:11:35","guid":{"rendered":"https:\/\/elfsight.com\/es\/?page_id=3829"},"modified":"2026-01-28T14:53:20","modified_gmt":"2026-01-28T14:53:20","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/es\/popup-widget\/html\/","title":{"rendered":"Popup &#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>Con el widget Popup de Elfsight, puedes dise\u00f1ar tus propios pop-ups personalizados para cualquier tarea y mostrarlos en el sitio web. Configura un popup aut\u00e9ntico, a\u00f1adiendo diversos componentes incluidos. Cambia el dise\u00f1o y la posici\u00f3n; aplica un activador y ajusta la frecuencia para lograr una mayor efectividad. Los popups permitir\u00e1n a los visitantes suscribirse a boletines, conocer m\u00e1s sobre tus ofertas y utilizar cupones. La ventana emergente puede ayudar a participar en ventas y ofertas especiales, mantenerse informado sobre eventos importantes en tu sitio web y mucho m\u00e1s.<\/p> <p><b>Los popups te ayudar\u00e1n a vender mejor, promover eventos planificados, recopilar comentarios y leads, y mucho m\u00e1s.<\/b><\/p> <\/div><div class=\"faq\" data-component=\"FAQ\"><div class=\"faq-item\">\n\t\t\t\t\t<div class=\"faq-item-question\">\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">\u00bfC\u00f3mo puedo agregar un Popup a mi sitio web HTML?<\/h3>\n\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"faq-item-answer\">\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>La creaci\u00f3n del widget se realiza en las p\u00e1ginas de Elfsight y no es necesario aprender a programar. Ve a nuestra demo en l\u00ednea para dise\u00f1ar tu propia ventana emergente, obt\u00e9n el c\u00f3digo y p\u00e9galo en tu sitio web. <\/p><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><div class=\"faq-item\">\n\t\t\t\t\t<div class=\"faq-item-question\">\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">Las mejores formas de usar la integraci\u00f3n de pop-ups<\/h3>\n\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"faq-item-answer\">\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Te ofrecemos una amplia gama de opciones de personalizaci\u00f3n: widgets de tama\u00f1o completo para incrustar en la secci\u00f3n de contenido, widgets flotantes con la funci\u00f3n de desplazamiento. Tambi\u00e9n puedes encontrar dise\u00f1os de formularios emergentes HTML para el pie de p\u00e1gina de tu sitio web, el encabezado y todo tipo de opciones verticales para las barras laterales y men\u00fas. <\/p><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><div class=\"faq-item\">\n\t\t\t\t\t<div class=\"faq-item-question\">\n\t\t\t\t\t\t<h3 class=\"faq-item-question-text\">\u00bfPuedo crear un popup de bolet\u00edn o de oferta especial a trav\u00e9s de su editor?<\/h3>\n\n\t\t\t\t\t\t<div class=\"faq-item-question-icon\"><\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<div class=\"faq-item-answer\">\n\t\t\t\t\t\t<div class=\"faq-item-answer-text\"><p>Puedes crear cualquier tipo de alteraci\u00f3n del widget. Hay una multitud de dise\u00f1os para un mensaje emergente HTML en el editor, y todos ellos se pueden ajustar f\u00e1cilmente a tus necesidades. <\/p><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div><\/div><div class=\"application-platform-content-item-features application-platform-content-item\" id=\"features\" data-nav-section=\"features\"> <h2>Caracter\u00edsticas principales del widget Popup<\/h2><p>Consulta todas las caracter\u00edsticas funcionales del widget. Puedes gestionarlas directamente en el editor. Estas funciones te ayudar\u00e1n a construir la ventana emergente HTML adecuada para tu caso de uso.<\/p> <ul><li>12 elementos incluidos para configurar un popup<\/li> <li>5 dise\u00f1os emergentes listos para usar para varios mensajes emergentes<\/li> <li>Coloca botones para redirigir a cualquier direcci\u00f3n;<\/li> <li>Sube una imagen para el fondo<\/li> <li>Crea un popup HTML con texto y personal\u00edzalo<\/li><li>El popup se puede activar despu\u00e9s de un tiempo establecido en la p\u00e1gina o un porcentaje de desplazamiento<\/li> <li>Activadores de popup: hacer clic en un elemento o desplazarse hacia \u00e9l<\/li><\/ul> <p><a href=\"#demo\">Puedes probar todas las funciones del widget en la demo<\/a><\/p> <\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"><h2>\u00bfC\u00f3mo incrustar el c\u00f3digo del Popup en un sitio web HTML?<\/h2> <div class=\"video-container\"><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/Twi9jv_okBk?si=_oH7aaR49oOBZuWH\" frameborder=\"0\" allowfullscreen>\n<\/iframe>\n<\/div><p>Para incrustar el widget, simplemente sigue las instrucciones a continuaci\u00f3n<\/p> <ol><li><b>Construye tu propia ventana emergente \u00fanica<\/b><br> Utilizando nuestro configurador gratuito, configura un plugin con el dise\u00f1o y las funciones que prefieras. Puedes agregar cualquier tipo de contenido al popup: im\u00e1genes, videos, cupones o textos. <\/li><li><b>Copia el c\u00f3digo personalizado para agregar el widget<\/b><br> Despu\u00e9s de crear tu plugin, obtendr\u00e1s el c\u00f3digo de instalaci\u00f3n en Elfsight Apps. Copia el c\u00f3digo para su uso futuro.<\/li> <li><b>Integra el widget en tu sitio web HTML<\/b><br> Encuentra la p\u00e1gina en la que deseas mostrar el plugin e inserta all\u00ed el c\u00f3digo HTML del popup. Aplica los cambios. Ten en cuenta que puedes configurar el widget para abrir un enlace HTML en el popup.<\/li> <li><b>Has completado completamente la instalaci\u00f3n de un formulario emergente<\/b><br> Ve a la p\u00e1gina web para ver tu popup.<\/li> <\/ol><p>No dudes en comunicarte con el servicio de soporte si necesitas ayuda con una ventana emergente HTML. Nuestros especialistas te ayudar\u00e1n con cualquier consulta.<\/p> <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":1488,"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-3829","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>Popup - Insertar widget de Ventana emergente al HTML<\/title>\n<meta name=\"description\" content=\"Instala un widget responsivo de Popup en su sitio web de HTML. Lance la demo de Elfsight manejable y cree su widget personalizado.\" \/>\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\/popup-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Popup - Insertar widget de Ventana emergente al HTML\" \/>\n<meta property=\"og:description\" content=\"Instala un widget responsivo de Popup en su sitio web de HTML. Lance la demo de Elfsight manejable y cree su widget personalizado.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/popup-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-28T14:53:20+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":"Popup - Insertar widget de Ventana emergente al HTML","description":"Instala un widget responsivo de Popup en su sitio web de HTML. Lance la demo de Elfsight manejable y cree su widget personalizado.","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\/popup-widget\/html\/","og_locale":"es_ES","og_type":"article","og_title":"Popup - Insertar widget de Ventana emergente al HTML","og_description":"Instala un widget responsivo de Popup en su sitio web de HTML. Lance la demo de Elfsight manejable y cree su widget personalizado.","og_url":"https:\/\/elfsight.com\/es\/popup-widget\/html\/","og_site_name":"Elfsight ES","article_modified_time":"2026-01-28T14:53:20+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\/popup-widget\/html\/","url":"https:\/\/elfsight.com\/es\/popup-widget\/html\/","name":"Popup - Insertar widget de Ventana emergente al HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"datePublished":"2022-02-11T12:11:35+00:00","dateModified":"2026-01-28T14:53:20+00:00","description":"Instala un widget responsivo de Popup en su sitio web de HTML. Lance la demo de Elfsight manejable y cree su widget personalizado.","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/popup-widget\/html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/popup-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/popup-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/es\/"},{"@type":"ListItem","position":2,"name":"Popup","item":"https:\/\/elfsight.com\/es\/popup-widget\/"},{"@type":"ListItem","position":3,"name":"Popup &#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":"1487","h1":"widget de ventana emergente para HTML","h1_caption":"Una widget avanzada para mostrar un Popup en su p\u00e1gina 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 emergente","demo_caption":"\u00a1Configure su ventana emergente y agr\u00e9guela a su sitio web HTML gratis!","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 por mes","trial":"","benefits":[{"text":"Instalaci\u00f3n gratuita"},{"text":"Soporte Premium"},{"text":"14 d\u00edas garant\u00eda de reembolso"},{"text":"Actualizaciones regulares"}],"button_url":"#demo","button_target_blank":"0","button_nofollow":"0","attributes":[{"name":"Responsivo","content":"Si","_state":"expanded"},{"name":"Navegadores compatibles","content":"Firefox, Safari, Opera, Chrome, Edge","_state":"expanded"}],"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":" Elfsight Apps","pricing_title_caption":"Soluci\u00f3n multiplataforma - valido para cualquier p\u00e1gina web","pricing_price":"desde $0 por mes","pricing_price_caption":"empezar con un plan gratuito","pricing_benefits":[{"text":"Sitios web ilimitados"},{"text":"Atenci\u00f3n al cliente gratuita y r\u00e1pida"},{"text":"Servicio de instalaci\u00f3n gratuito"},{"text":"Totalmente personalizable"}],"pricing_button_text":"Agregar al sitio web","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\/es\/wp-json\/wp\/v2\/pages\/3829","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=3829"}],"version-history":[{"count":3,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3829\/revisions"}],"predecessor-version":[{"id":20046,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3829\/revisions\/20046"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/1488"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media?parent=3829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}