{"id":3905,"date":"2022-02-11T12:05:12","date_gmt":"2022-02-11T12:05:12","guid":{"rendered":"https:\/\/elfsight.com\/es\/?page_id=3905"},"modified":"2024-11-12T14:37:40","modified_gmt":"2024-11-12T14:37:40","slug":"html","status":"publish","type":"page","link":"https:\/\/elfsight.com\/es\/photo-gallery-widget\/html\/","title":{"rendered":"Photo Gallery &#8211; HTML"},"content":{"rendered":"<div class=\"application-platform-content-item-description application-platform-content-item\" id=\"description\" data-nav-section=\"description\"><h2>Description<\/h2> <p>Elfsight Gallery widget is the easiest way to show your pictures or make an attractive albums on your website. Insert any amount of photos, place descriptions, and choose the optimal way to position them on the page. Our widget includes six templates and diverse additional design possibilities. Each photo opens in popup mode, people can navigate through them or watch a slideshow, zoom in and out, and open the pictures full-screen. You can find custom colors for the widget elements and apply a custom background, apply text options and more style features.<\/p> <p><b>Grow user engagement level showing beautiful photo collections!<\/b><\/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 Photo Gallery to my HTML site?<\/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 construction of the tool happens on the Elfsight pages and there\u2019s no need to learn coding. Apply our live demo to tailor your tool, acquire the code and add it to 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 Image Gallery 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 \u2019ll provide you with a plethora of adjustment options: full-size widgets for embedding into the content section, floating widgets for scrolling feature, layouts for the footer, header and all kinds of vertical options for website 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\">How do I build a Product Photo or Portfolio Photo Gallery 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 build any widget\u2019s variations. There are tons of layouts applicable in the editor, and all of them can be swiftly adjusted just the way you require. <\/p><\/div>\r\n\t\t\t\t\t<\/div>\r\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>Features<\/h2> <p>Here you can see all the features of HTML Photo Gallery code. They are available right in the editor and they will help you configure the widget template right for your case.<\/p> <ul> <li>Utilize CTA buttons to guide your audience towards your goal.<\/li> <li>Adjust slide switching duration. <\/li> <li>Choose between multiple pagination options. <\/li> <li>Put your message anywhere on the page with the help of advanced position. <\/li> <li>Adjust five content options.<\/li> <\/ul> <p><a href=\"#demo\">Check all other functions in the demo<\/a><\/p> <\/div><div class=\"application-platform-content-item-installation application-platform-content-item\" id=\"installation\" data-nav-section=\"installation\"><h2>How to add Photo Gallery code in HTML? <\/h2> <div class=\"video-container\"><iframe width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/ffMgwYkO6T0\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div><p>To embed widget, take several fast steps. <\/p> <ol><li><b>Design your personal Gallery template<\/b><br> Managing our free demo, create a widget code with a preferable design and functionality.<\/li> <li><b>Get the personal code to install the widget<\/b><br> After you have customized your template, you will receive the unique code from the appeared notification on Elfsight Apps. Copy it.<\/li> <li><b>Display the Gallery widget on your HTML website<\/b><br> Pick the area you plan to add the widget to and paste the saved code there. Save the changes. <\/li>  <li><b>The embedding is successful! <\/b><br> Enter the page, to view your widget. <\/li> <\/ol> <p>Don&#8217;t think twice to address our customer service in case you need help or have questions. We will be happy to assist with every request. <\/p> <\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":0,"parent":1671,"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>Galer\u00eda de fotos - Agregar widget de Galer\u00eda fotogr\u00e1fica al HTML<\/title>\n<meta name=\"description\" content=\"Instala un widget hermoso de Galer\u00eda de fotos en su p\u00e1gina web de HTML. Aplique la demo de Elfsight manejable y construe 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\/photo-gallery-widget\/html\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Galer\u00eda de fotos - Agregar widget de Galer\u00eda fotogr\u00e1fica al HTML\" \/>\n<meta property=\"og:description\" content=\"Instala un widget hermoso de Galer\u00eda de fotos en su p\u00e1gina web de HTML. Aplique la demo de Elfsight manejable y construe su widget personalizado.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/es\/photo-gallery-widget\/html\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight ES\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-12T14:37:40+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":"Galer\u00eda de fotos - Agregar widget de Galer\u00eda fotogr\u00e1fica al HTML","description":"Instala un widget hermoso de Galer\u00eda de fotos en su p\u00e1gina web de HTML. Aplique la demo de Elfsight manejable y construe 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\/photo-gallery-widget\/html\/","og_locale":"es_ES","og_type":"article","og_title":"Galer\u00eda de fotos - Agregar widget de Galer\u00eda fotogr\u00e1fica al HTML","og_description":"Instala un widget hermoso de Galer\u00eda de fotos en su p\u00e1gina web de HTML. Aplique la demo de Elfsight manejable y construe su widget personalizado.","og_url":"https:\/\/elfsight.com\/es\/photo-gallery-widget\/html\/","og_site_name":"Elfsight ES","article_modified_time":"2024-11-12T14:37:40+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\/photo-gallery-widget\/html\/","url":"https:\/\/elfsight.com\/es\/photo-gallery-widget\/html\/","name":"Galer\u00eda de fotos - Agregar widget de Galer\u00eda fotogr\u00e1fica al HTML","isPartOf":{"@id":"https:\/\/elfsight.com\/es\/#website"},"datePublished":"2022-02-11T12:05:12+00:00","dateModified":"2024-11-12T14:37:40+00:00","description":"Instala un widget hermoso de Galer\u00eda de fotos en su p\u00e1gina web de HTML. Aplique la demo de Elfsight manejable y construe su widget personalizado.","breadcrumb":{"@id":"https:\/\/elfsight.com\/es\/photo-gallery-widget\/html\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/es\/photo-gallery-widget\/html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/es\/photo-gallery-widget\/html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/es\/"},{"@type":"ListItem","position":2,"name":"Photo Gallery","item":"https:\/\/elfsight.com\/es\/photo-gallery-widget\/"},{"@type":"ListItem","position":3,"name":"Photo Gallery &#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":"required name=search_term_string"}],"inLanguage":"es"}]}},"meta_box":{"h1":"widget de Galer\u00eda de fotos para HTML","h1_caption":"Muestre sus im\u00e1genes en una galer\u00eda interactiva y personalizable que mejora el atractivo visual de su sitio web en su sitio web HTML sin esfuerzo.","category":[],"widget_request_title":"","widget_request_cta":"","application":"1670","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 widget de galer\u00eda de fotos","demo_caption":"\u00a1Configure su galer\u00eda de fotos y agr\u00e9guela 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":[],"application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","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","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"},"_links":{"self":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3905"}],"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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/comments?post=3905"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3905\/revisions"}],"predecessor-version":[{"id":16446,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/3905\/revisions\/16446"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/pages\/1671"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/es\/wp-json\/wp\/v2\/media?parent=3905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}