{"id":5033,"date":"2017-06-09T07:28:29","date_gmt":"2017-06-09T07:28:29","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=4529"},"modified":"2026-08-10T09:57:35","modified_gmt":"2026-08-10T09:57:35","slug":"como-agregar-una-pagina-de-cms-en-prestashop-1-6-x-vinculado-con-el-menu-del-encabezado-y-el-pie","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/es\/prestashop-es\/como-agregar-una-pagina-de-cms-en-prestashop-1-6-x-vinculado-con-el-menu-del-encabezado-y-el-pie\/","title":{"rendered":"\u00bfC\u00f3mo agregar una p\u00e1gina CMS en PrestaShop 1.6.x y 1.7.x vinculada con el men\u00fa de encabezado y pie de p\u00e1gina?"},"content":{"rendered":"

<\/head><\/p>\n

PrestaShop<\/a> es puramente una plataforma de comercio electr\u00f3nico y tambi\u00e9n posee una gran capacidad de CMS. Aunque no tiene los controles completos como en las plataformas CMS, a\u00fan puede lograr todos sus requisitos b\u00e1sicos como CMS con PrestaShop. En esta publicaci\u00f3n, tomando PrestaShop 1.6.x y 1.7.x como la versi\u00f3n de destino, Voy a explicar c\u00f3mo puede agregar una p\u00e1gina de CMS en la tienda PrestaShop. Adem\u00e1s, tambi\u00e9n veremos c\u00f3mo puede vincular esa p\u00e1gina al men\u00fa de encabezado\/pie de p\u00e1gina.<\/p>\n

Agregar una p\u00e1gina CMS en PrestaShop 1.6.x<\/h2>\n

Paso 1:<\/strong> Inicie sesi\u00f3n en su back-office de PrestaShop como usuario administrador.<\/p>\n

Paso 2:<\/strong> Utilice la herramienta Preferencias>>CMS<\/strong>.\ufffd Aqu\u00ed ver\u00e1 todas las p\u00e1ginas CMS creadas en su tienda PrestaShop.<\/p>\n

\"Preferencias-CMS\"<\/a><\/p>\n

Paso 3:<\/strong> Haga clic en “Agregar nueva p\u00e1gina CMS”<\/strong> en la esquina superior derecha de la p\u00e1gina.<\/p>\n

\"Agregar<\/a><\/p>\n

Paso 4:<\/strong> A continuaci\u00f3n, debe completar todos los campos obligatorios. Despu\u00e9s de completar los campos, simplemente habilite la p\u00e1gina y “Guarde” los cambios.<\/p>\n

\"Guarda<\/a><\/p>\n

Paso 5:<\/strong> Anote el ID de p\u00e1gina de CMS que se muestra en la primera columna de la lista de p\u00e1ginas de CMS. Necesitar\u00e1 esta identificaci\u00f3n m\u00e1s adelante.<\/p>\n

Paso 6:<\/strong> Ahora, ve a M\u00f3dulo>>Cargos<\/strong>y verifique qu\u00e9 m\u00f3dulo muestra el men\u00fa superior horizontal en su plantilla. Lo encontr\u00e9 en la secci\u00f3n “displayTop” de la posici\u00f3n en mi versi\u00f3n.<\/p>\n

\"M\u00f3dulo-Posiciones\"<\/a><\/p>\n

Agregar una p\u00e1gina CMS en PrestaShop 1.7.x<\/h2>\n

De manera similar, para agregar una p\u00e1gina CMS en la versi\u00f3n 1.7.x de Prestashop, siga los pasos que se mencionan a continuaci\u00f3n:<\/p>\n

Paso 1:<\/strong>Inicie sesi\u00f3n en su back-office de PrestaShop como usuario administrador.<\/p>\n

Paso 2:<\/strong>\ufffdIr a\ufffdDashboard>>Mejorar>>Dise\u00f1o>>P\u00e1ginas<\/strong> como se muestra en la imagen a continuaci\u00f3n:<\/p>\n

\"premium\"<\/a><\/p>\n

Paso 3:<\/strong>Haga clic en el bot\u00f3n “Agregar nueva p\u00e1gina” en la esquina superior derecha de la p\u00e1gina.<\/p>\n

\"nueva<\/a><\/p>\n

Paso 4:<\/strong>\ufffdA continuaci\u00f3n, debe completar todos los campos obligatorios. Despu\u00e9s de completar los campos, simplemente habilite la p\u00e1gina y “Guarde” los cambios.<\/p>\n

\"crear-cms-pagina\"<\/a><\/p>\n

Paso 5:<\/strong> Anote el ID de p\u00e1gina de CMS que se muestra en la primera columna de la lista de p\u00e1ginas de CMS. Necesitar\u00e1 esta identificaci\u00f3n m\u00e1s adelante. Guarde los cambios.<\/p>\n

Agregar un enlace de la p\u00e1gina de CMS al men\u00fa de encabezado<\/h2>\n

Paso 1:<\/strong> Con\u00e9ctese a los archivos de su sitio iniciando sesi\u00f3n en su cuenta de FTP. Puedes usar FileZilla<\/a> para acceder a los archivos o al Acceso a cPanel<\/a> si su anfitri\u00f3n ha proporcionado uno.<\/p>\n

Paso 2:<\/strong> Ahora, navegue hasta el siguiente directorio de archivos:<\/p>\n

themes\/themeXXX\/modules\/blockpermanentlinks\ufffd<\/em> <\/strong><\/p>\n

PD: “themeXXX” es el nombre de tu tema.<\/p>\n

Editar, blockpermanentlinks-header.tpl<\/strong> Archivo. Puede utilizar cualquier editor de texto o c\u00f3digo. Estoy usando Netbeans para editar.<\/p>\n

Paso 3:<\/strong> Cada uno de los elementos de la lista en el c\u00f3digo aqu\u00ed representa un elemento de men\u00fa en el encabezado. Por ejemplo, este c\u00f3digo representa un elemento de men\u00fa de encabezado llamado mapa del sitio:<\/p>\n

getPageLink('sitemap')|escape:'html'}\" title=\"{l s='mapa del sitio' mod='bloquear enlaces permanentes'}\">{ls='mapa del sitio' mod='bloquear enlaces permanentes'}\n<\/pre>\n
Paso 4:<\/strong> Copie esa l\u00ednea de c\u00f3digo y p\u00e9guela en una nueva l\u00ednea al lado de la que ha copiado.<\/p>\n
Paso 5:<\/strong> Ahora, cambia el c\u00f3digo copiado a este:<\/p>\n
getCMSLink('8', 'new')|escape:'html'}\" title=\"{l s='nuevo' mod='bloquear enlaces permanentes'}\">{ls='nuevo' mod='bloquear enlaces permanentes'}\n<\/pre>\n
Paso 6:<\/strong> Guarda el archivo. Ahora ha agregado un enlace a la p\u00e1gina de CMS llamado “nuevo” que ten\u00eda el ID de p\u00e1gina “8”.<\/p>\n
Agregar un enlace de la p\u00e1gina de CMS al men\u00fa de pie de p\u00e1gina<\/h2>\n
\u00bfC\u00f3mo agregar un enlace de la p\u00e1gina CMS al men\u00fa de pie de p\u00e1gina de Prestashop 1.7.x?<\/h3>\n
Ahora vincularemos la misma p\u00e1gina al men\u00fa de pie de p\u00e1gina de Prestashop 1.7.x.<\/p>\n
Paso 1:<\/strong> Utilice la herramienta Dise\u00f1o \ufffd > Widget de enlace<\/strong>. Esto mostrar\u00e1 los bloques que se muestran actualmente en su sitio.<\/p>\n
\"enlace-widget\"<\/a><\/p>\n
Paso 2:\ufffd<\/strong>Para\ufffdabrir\ufffduna\ufffdconfiguraci\u00f3n\ufffdde\ufffdBloque\ufffdde\ufffdlas\ufffdexistentes,\ufffdhaga\ufffdclic\ufffden\ufffdel\ufffdbot\u00f3n\ufffdEditar\ufffdcorrespondiente.<\/p>\n
\"bloque<\/a><\/p>\n
Para activar la p\u00e1gina reci\u00e9n creada y hacerla visible, seleccione la casilla de verificaci\u00f3n correspondiente a su t\u00edtulo. Puede encontrar el enlace a su p\u00e1gina de CMS en el pie de p\u00e1gina.<\/p>\n
\"link-widget-detalles\"<\/a><\/p>\n
Ahora vincularemos la misma p\u00e1gina al men\u00fa de pie de p\u00e1gina.<\/p>\n
\u00bfC\u00f3mo agregar un enlace de la p\u00e1gina CMS al men\u00fa de pie de p\u00e1gina de Prestashop 1.6.x?<\/h3>\n
Siga los pasos que se mencionan a continuaci\u00f3n para vincular la misma p\u00e1gina al men\u00fa de pie de p\u00e1gina de Prestashop 1.6.x.<\/p>\n
Paso 1:<\/strong> Vaya a su panel de administraci\u00f3n y navegue hasta “M\u00f3dulos y Servicios >> M\u00f3dulos y Servicios”<\/strong> y la b\u00fasqueda “Bloque CMS”<\/strong> m\u00f3dulo.<\/p>\n
\"Panel<\/a><\/p>\n
Paso 2:<\/strong> Haga clic en la configuraci\u00f3n<\/strong>  <\/p>\n
Paso 3:<\/strong> Busque la secci\u00f3n “CONFIGURACI\u00d3N DE LOS DISTINTOS ENLACES EN EL PIE DE PIE”. Aqu\u00ed, si encuentra su p\u00e1gina CMS reci\u00e9n agregada en la lista.<\/p>\n
\"Enlace<\/a><\/p>\n
Paso 4:<\/strong> Habilite su p\u00e1gina haciendo clic en la casilla de verificaci\u00f3n en la primera columna. Haga clic en el bot\u00f3n “Guardar” para aplicar los cambios. Ahora ha agregado un enlace a su p\u00e1gina de CMS en el men\u00fa Pie de p\u00e1gina.<\/p>\n
Una forma m\u00e1s f\u00e1cil de crear p\u00e1ginas CMS en Prestashop<\/h2>\n
Bueno, eso fue todo un espect\u00e1culo. Creamos una p\u00e1gina, editamos los c\u00f3digos, navegamos de p\u00e1gina en p\u00e1gina y finalmente la vinculamos al men\u00fa Encabezado y pie de p\u00e1gina. Pero esa fue solo una p\u00e1gina que creamos, \u00bfqu\u00e9 sucede si necesita vincular m\u00e1s p\u00e1ginas? Cada vez que editar los c\u00f3digos es un trabajo bastante agotador.<\/p>\n
\u00bfHay alguna manera m\u00e1s f\u00e1cil de hacerlo sin alterar el c\u00f3digo?<\/h3>\n
\u00a1S\u00ed, por supuesto! los M\u00f3dulo Creador de p\u00e1ginas de PrestaShop<\/a>\ufffdby Knowband ha sido dise\u00f1ado para cumplir el prop\u00f3sito exacto. Francamente, hay mucho m\u00e1s que puede ofrecer<\/a>. Por ahora, veamos c\u00f3mo puede usar este m\u00f3dulo para crear p\u00e1ginas CMS y agregarlas al enlace del encabezado sin editar el c\u00f3digo.<\/p>\n
Paso 1:<\/strong> Utilice la herramienta Creador de p\u00e1ginas Knowband<\/strong> men\u00fa en la barra de men\u00fa izquierda.<\/p>\n
\"Creador<\/a><\/p>\n
Paso 2:<\/strong> En la siguiente pantalla, haga clic en “A\u00f1adir nueva p\u00e1gina”<\/strong>  <\/p>\n
Paso 3:<\/strong> La interfaz Agregar nueva p\u00e1gina consta de cuatro pesta\u00f1as. En el Configuraci\u00f3n com\u00fan<\/strong> pesta\u00f1a, complete todos los detalles. Puede proporcionar un t\u00edtulo de p\u00e1gina, un nombre de enlace de p\u00e1gina y una URL de p\u00e1gina personalizada.<\/p>\n
Paso 4:<\/strong> Despu\u00e9s de completar los detalles, ver\u00e1 una opci\u00f3n al final de la p\u00e1gina “Mostrar en el encabezado del men\u00fa”<\/strong>. Solo necesita habilitar esta opci\u00f3n y su p\u00e1gina reci\u00e9n agregada se vincular\u00e1 instant\u00e1neamente en el men\u00fa de encabezado.<\/p>\n
\"Mostrar<\/a><\/p>\n
Adem\u00e1s de la facilidad de creaci\u00f3n de las p\u00e1ginas CMS, el complemento Prestashop CMS Page Maker ofrece una serie de otras caracter\u00edsticas. Algunos de ellos se discuten a continuaci\u00f3n:<\/p>\n