{"id":21255,"date":"2022-08-17T10:00:31","date_gmt":"2022-08-17T08:00:31","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=21255"},"modified":"2023-12-11T10:20:59","modified_gmt":"2023-12-11T09:20:59","slug":"magento-page-builder","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/magento-page-builder\/","title":{"rendered":"Magento Page Builder, crea p\u00e1ginas de contenido en tu e-commerce"},"content":{"rendered":"<p><strong>Magento Page Builder<\/strong> es una herramienta que nos permite la creaci\u00f3n de contenido para p\u00e1ginas CMS y otros apartados de tu <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/tag\/ecommerce\/\">e-commerce<\/a>. Aunque al principio solo estaba disponible en la edici\u00f3n Adobe Commerce (desde la 2.3.1), ya en el a\u00f1o 2021 la tenemos en la edici\u00f3n Open Source (a partir de la 2.4.3).<\/p>\n<p>Con esta herramienta podremos crear contenido con mayor rapidez gracias a su funcionalidad drag and drop, que nos permite arrastrar elementos y contenedores de manera que podemos ver c\u00f3mo quedar\u00e1 nuestro contenido antes incluso de publicarlo.<\/p>\n<h2>\u00bfQu\u00e9 podemos hacer con Magento Page Builder?<\/h2>\n<p>Sin duda, una de las grandes ventajas de Page Builder es la variedad de elementos que nos encontramos ya preinstalados en el m\u00f3dulo, as\u00ed que vamos a hacer un repaso breve sobre cada uno de ellos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-21307 size-full\" title=\"adobe commerce page builder ecommerce \" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2022\/07\/page-builder-ecommerce-elementos.jpg\" alt=\"adobe commerce page builder ecommerce \" width=\"907\" height=\"358\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2022\/07\/page-builder-ecommerce-elementos.jpg 907w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2022\/07\/page-builder-ecommerce-elementos-300x118.jpg 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2022\/07\/page-builder-ecommerce-elementos-768x303.jpg 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2022\/07\/page-builder-ecommerce-elementos-360x142.jpg 360w\" sizes=\"auto, (max-width: 907px) 100vw, 907px\" \/><\/p>\n<h3>Layout<\/h3>\n<p>Estos tipos de contenidos nos van a servir de base para definir la estructura que queremos. Con ellos organizaremos la disposici\u00f3n de cada uno de los elementos que iremos eligiendo para nuestra p\u00e1gina.<\/p>\n<ul>\n<li><strong>Row<\/strong>: tendremos tantas filas como necesitemos para la distribuci\u00f3n del contenido, pudiendo hacer que estas est\u00e9n contenidas en el contenedor principal, o que vayan a ancho completo.<\/li>\n<li><strong>Column:<\/strong> dentro del row podremos dividir este en varias columnas.<\/li>\n<li><strong>Tabs<\/strong>: si lo que queremos es mostrar contenido en pesta\u00f1as, esta es la herramienta perfecta.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Elements<\/h3>\n<p>Los elementos van a ser esenciales para el desarrollo de nuestro trabajo y crear contenido que de riqueza a nuestra p\u00e1gina.<\/p>\n<ul>\n<li><strong>Text:<\/strong> para a\u00f1adir texto y otros elementos como los de editor WYSIWYG de Magento.<\/li>\n<li><strong>Heading:<\/strong> elemento dedicado exclusivamente para poder incluir encabezados y as\u00ed darle coherencia y estructura a nuestra p\u00e1gina.<\/li>\n<li><strong>Button:<\/strong> para poder incluir un bot\u00f3n o incluso un conjunto de botones.<\/li>\n<li><strong>Divider:<\/strong> un elemento para poder incluir divisiones en nuestra p\u00e1gina.<\/li>\n<li><strong>HTML Code:<\/strong> si lo que necesitamos es incluir contenido HTML directamente.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Media<\/h3>\n<p>En esta secci\u00f3n podremos incluir elementos m\u00e1s visuales que dar\u00e1n un dise\u00f1o mucho m\u00e1s rico a la p\u00e1gina que estemos creando.<\/p>\n<ul>\n<li><strong>Image:<\/strong> para incluir im\u00e1genes.<\/li>\n<li><strong>Video:<\/strong> para incluir videos (pueden ser de YouTube, Vimeo o incluso una URL a un v\u00eddeo que tengamos alojado en otro sitio)<\/li>\n<li><strong>Banner:<\/strong> herramienta perfecta para incluir banners.<\/li>\n<li><strong>Slider:<\/strong> funciona como un slider de banners.<\/li>\n<li><strong>Map:<\/strong> para incluir mapas de Google Maps (requiere configuraci\u00f3n de la API key correspondiente).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Add Content<\/h3>\n<p>Los elementos de esta secci\u00f3n nos permiten meter contenido a nuestra p\u00e1gina.<\/p>\n<ul>\n<li><strong>Block:<\/strong> podremos incluir bloques est\u00e1ticos que ya tengamos definidos (perfecto para contenido que se repite por nuestra web).<\/li>\n<li><strong>Dynamic Block (s\u00f3lo edici\u00f3n Adobe Commerce):<\/strong> bloques inteligentes dentro de l\u00f3gica de precios y segmentos de clientes.<\/li>\n<li><strong>Products:<\/strong> incluir un listado de productos con visualizaci\u00f3n tipo grid o tipo slider.<\/li>\n<li><strong>Product Recomendation (s\u00f3lo edici\u00f3n Adobe Commerce):<\/strong> usando la Unidad de recomendaci\u00f3n.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>\u00bfD\u00f3nde podemos usar Adobe Commerce &#8211; Magento Page Builder?<\/h2>\n<p>Aunque el principal uso de Page Builder sea el de la<strong> creaci\u00f3n de p\u00e1ginas de contenido y la gesti\u00f3n de las mismas<\/strong>, este m\u00f3dulo nos permite usar todo su potencial en bloques est\u00e1ticos, categor\u00edas (por ejemplo, en la cabecera de estas en el campo de descripci\u00f3n) o en productos (en atributos de tipo Page Builder como la descripci\u00f3n del producto).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21538\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2022\/08\/Adobe-Commerce-Page-Builder.png\" alt=\"Adobe Commerce Page Builder\" width=\"750\" height=\"384\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2022\/08\/Adobe-Commerce-Page-Builder.png 750w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2022\/08\/Adobe-Commerce-Page-Builder-300x154.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2022\/08\/Adobe-Commerce-Page-Builder-360x184.png 360w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>\u00bfSe puede extender Magento Page Builder?<\/h2>\n<p>La respuesta es s\u00ed. La <a href=\"https:\/\/devdocs.magento.com\/\">documentaci\u00f3n de Magento<\/a> cuenta con una serie de extensos art\u00edculos donde te muestran c\u00f3mo crear nuevos elementos, customizar los ya existentes y extenderlos para a\u00f1adirles funcionalidades nuevas. De hecho, en la propia documentaci\u00f3n de Magento, encontramos algunos ejemplos tanto de m\u00f3dulos que extienden funcionalidades, como de m\u00f3dulos que crean nuevos elementos.<\/p>\n<p>&nbsp;<\/p>\n<h2>\u00bfC\u00f3mo desactivar Magento Page Builder?<\/h2>\n<p>Como ya hemos dicho, Page Builder es muy buena herramienta para la creaci\u00f3n de contenido de calidad en nuestros e-commerce, pero no siempre es la mejor opci\u00f3n para seg\u00fan qu\u00e9 usos. Por eso Magento nos permite poder desactivarlo por completo.<\/p>\n<p>Para ello tendremos que navegar hasta Stores &gt; Configuration &gt; General &gt; Content Management &gt; Advance Content Tools. Ah\u00ed no encontraremos una opci\u00f3n que es Enable Page Builder y tendremos que seleccionar \u201cNo\u201d. Esto nos pondr\u00e1 el editor WYSIWYG por defecto de magento en lugar del Page Builder.<\/p>\n<p>&nbsp;<\/p>\n<p>Como <strong>partners oficiales de Adobe \u2013 Magento<\/strong>, en Hiberus Digital contamos con un gran equipo de expertos certificados con amplia experiencia en ayudar a que los fabricantes sean capaces de centralizar sus diferentes cat\u00e1logos de sus diferentes marcas, vendiendo y distribuyendo todos sus productos, creando as\u00ed plataformas perfectas para poder abordar la omnicanalidad. Inf\u00f3rmate m\u00e1s sobre nuestros <a href=\"https:\/\/www.hiberus.com\/ecommerce\/adobe-commerce-magento\">servicios Magento<\/a>. Estaremos encantados de ayudarte.<\/p>\n<p>Adem\u00e1s, si quieres conocer algunos de nuestros<strong>\u00a0<a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/casos-de-exito-de-magento-enterprise-en-espana\/\" target=\"_blank\" rel=\"noopener noreferrer\">casos de \u00e9xito de Magento Enterprise<\/a>\u00a0<\/strong>y ejemplos de eCommerce hechos con Magento Enterprise, puedes ver c\u00f3mo lo hemos hecho para clientes como <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/caso-de-exito-impulsamos-la-digitalizacion-del-lider-mundial-pronovias-con-adobe-commerce\/\">Pronovias<\/a>, DKV o MSD.<\/p>\n        <div class=\"row\">\n            <div class=\"block-cta-form\" style=\"background-color: #003664;\">\n                <div class=\"content-cta-form\">\n                    <div class=\"text-cta-form\">\n                        <p class=\"title-cta-form\">\u00bfQuieres m\u00e1s informaci\u00f3n sobre nuestros servicios de Adobe Commerce?<\/p>\n                        <p>Contacta con nuestro equipo de expertos de Adobe Commerce<\/p>\n                    <\/div>\n                    <div class=\"form-fields\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f33973-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"33973\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/21255#wpcf7-f33973-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"33973\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f33973-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div id=\"responsive-form\" class=\"clearfix\">\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"nombre\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre *\" value=\"\" type=\"text\" name=\"nombre\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"apellido\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Apellido *\" value=\"\" type=\"text\" name=\"apellido\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"correo\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo corporativo *\" value=\"\" type=\"email\" name=\"correo\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"telf-contacto\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tel\u00e9fono *\" value=\"\" type=\"tel\" name=\"telf-contacto\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"compania\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Compa\u00f1ia *\" value=\"\" type=\"text\" name=\"compania\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"mensaje\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Mensaje *\" name=\"mensaje\"><\/textarea><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"politica\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"politica\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He le\u00eddo y acepto la <a href=\"https:\/\/www.hiberus.com\/politica\" target=\"_blank\"><u>Pol\u00edtica de privacidad<\/u><\/a><\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"marketing\"><span class=\"wpcf7-form-control wpcf7-acceptance optional\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"marketing\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Me gustar\u00eda recibir comunicaciones de marketing de Hiberus y sobre sus productos, servicios y eventos.<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Contacta con nosotros\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div id=\"campos_ocultos\" class=\"hidden\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new1\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new2\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new3\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new3\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new3\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new4\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new4\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new4\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new_p\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new_p\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new_p\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<!--end responsive-form--><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"<p>Magento Page Builder es una herramienta que nos permite la creaci\u00f3n de contenido para p\u00e1ginas CMS y otros apartados de tu e-commerce&#8230;.<\/p>\n","protected":false},"author":264,"featured_media":21384,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_ayudawp_aiss_exclude":false,"footnotes":""},"categories":[3,167,233],"tags":[34,52],"class_list":{"0":"post-21255","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-negocio-electronico","8":"category-retail-distribucion","9":"category-tecnologias-ecommmerce","10":"tag-ecommerce","11":"tag-magento"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/21255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/users\/264"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/comments?post=21255"}],"version-history":[{"count":15,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/21255\/revisions"}],"predecessor-version":[{"id":38602,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/21255\/revisions\/38602"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media\/21384"}],"wp:attachment":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media?parent=21255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/categories?post=21255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/tags?post=21255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}