{"id":201,"date":"2023-12-15T12:33:56","date_gmt":"2023-12-15T12:33:56","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2023\/12\/15\/6475646-hostinger-creador-de-sitios-web-como-personalizar-una-plantilla-de-sitio-web\/"},"modified":"2025-08-26T20:48:02","modified_gmt":"2025-08-26T20:48:02","slug":"6475646-hostinger-creador-de-sitios-web-como-personalizar-una-plantilla-de-sitio-web","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6475646-hostinger-creador-de-sitios-web-como-personalizar-una-plantilla-de-sitio-web\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Personalizar una Plantilla de Sitio Web"},"content":{"rendered":"<p class=\"no-margin\">Personalizar las plantillas de <b>Hostinger Website Builder<\/b> es f&aacute;cil y divertido.<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_d51aac3a05\" target=\"_blank\" class=\"intercom-content-link\">Cambio de colores<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_285a5b2297\" target=\"_blank\" class=\"intercom-content-link\">Cambio de fuentes<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_dca8d9e95c\" target=\"_blank\" class=\"intercom-content-link\">A&ntilde;adir nuevos art&iacute;culos<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_ab9466c07d\" target=\"_blank\" class=\"intercom-content-link\">Cambio de botones<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_bec443fceb\" target=\"_blank\" class=\"intercom-content-link\">Editar el men&uacute; de navegaci&oacute;n<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_dff2373dc9\" target=\"_blank\" class=\"intercom-content-link\">Copiar y pegar secciones y elementos<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_ea5471644c\" target=\"_blank\" class=\"intercom-content-link\">Duplicar elementos<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_15f90e79ec\" target=\"_blank\" class=\"intercom-content-link\">Borrar u ocultar elementos<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_ed99b23b6a\" target=\"_blank\" class=\"intercom-content-link\">A&ntilde;adir c&oacute;digo personalizado<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_d7cce1e54a\" target=\"_blank\" class=\"intercom-content-link\">Editar la versi&oacute;n m&oacute;vil<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_62e6cb515e\" target=\"_blank\" class=\"intercom-content-link\">A&ntilde;adir un blog<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_d2fcbac6aa\" target=\"_blank\" class=\"intercom-content-link\">Herramientas de comercio electr&oacute;nico<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_ad11a8857b\">Cambio de colores<\/h1><p class=\"no-margin\">Puede personalizar los colores de dos formas: global y localmente. M&aacute;s informaci&oacute;n: <b><a href=\"\/es\/support\/6463582-website-builder-how-to-customize-website-colors\" target=\"_blank\" class=\"intercom-content-link\">C&oacute;mo personalizar los colores del sitio web<\/a><\/b><\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_628608a074\">Cambio de fuentes<\/h1><p class=\"no-margin\">Al igual que los colores, puede personalizar los estilos de texto de dos formas: global y localmente. M&aacute;s informaci&oacute;n:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6463286-website-builder-how-to-change-text-style\" target=\"_blank\" class=\"intercom-content-link\">C&oacute;mo cambiar el estilo del texto<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6539079-website-builder-how-to-customize-text-style-in-the-online-store\" target=\"_blank\" class=\"intercom-content-link\">C&oacute;mo personalizar el estilo del texto en la tienda en l&iacute;nea<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6435859-website-builder-how-to-upload-a-custom-font\" target=\"_blank\" class=\"intercom-content-link\">C&oacute;mo cargar una fuente personalizada<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_e92dc753c9\">A&ntilde;adir nuevos art&iacute;culos<\/h1><p class=\"no-margin\">Puede a&ntilde;adir un n&uacute;mero ilimitado de <b>p&aacute;ginas<\/b>, <b>secciones<\/b> y <b>elementos<\/b> a su sitio web:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6456705-website-builder-how-to-add-more-pages\" target=\"_blank\" class=\"intercom-content-link\">A&ntilde;adir m&aacute;s p&aacute;ginas<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6475040-website-builder-how-to-add-and-manage-website-sections\" target=\"_blank\" class=\"intercom-content-link\">A&ntilde;adir y personalizar secciones del sitio web<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6435894-website-builder-how-to-add-and-customize-website-elements\" target=\"_blank\" class=\"intercom-content-link\">A&ntilde;adir y personalizar elementos del sitio web<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_99e8560d9b\">Cambio de botones<\/h1><p class=\"no-margin\">Haga clic en un <b><a href=\"\/es\/support\/6435964-website-builder-button-element\" target=\"_blank\" class=\"intercom-content-link\">elemento bot&oacute;n<\/a><\/b> y seleccione <b>Editar bot&oacute;n<\/b> para abrir su configuraci&oacute;n. Hay dos pesta&ntilde;as (<b>General <\/b>y <b>Estilo<\/b>):<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa\">\n<p class=\"intercom-align-center no-margin\"><b>General<\/b><\/p>\n<\/td>\n<td style=\"background-color: #e3e7fa\">\n<p class=\"intercom-align-center no-margin\"><b>Estilo<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\"><b>Texto del bot&oacute;n<\/b>: cambiar el nombre del bot&oacute;n<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Enlazar a<\/b>: configurar <b><a href=\"\/es\/support\/6454367-website-builder-how-to-add-links\" target=\"_blank\" class=\"intercom-content-link\">opciones de enlace<\/a><\/b>.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Abrir en una nueva pesta&ntilde;a<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Hacer enlace <a href=\"\/es\/support\/6615140-website-builder-dofollow-and-nofollow-links\" target=\"_blank\" class=\"intercom-content-link\">nofollow<\/a><\/b>: los buscadores ignorar&aacute;n el enlace<br>&#8203;<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\"><b>Color de relleno<\/b> (normal y hover)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Color del texto<\/b> (normal y hover)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Tipo de letra<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Tama&ntilde;o del texto<\/b>; <b><a href=\"\/es\/support\/6491230-website-builder-how-to-resize-elements-and-sections\" target=\"_blank\" class=\"intercom-content-link\">ampliar<\/a><\/b> el tama&ntilde;o del texto del bot&oacute;n tambi&eacute;n afecta al tama&ntilde;o del propio bot&oacute;n.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Radio del borde<\/b>: cambia la <b><a href=\"\/es\/support\/6614604-website-builder-how-to-change-the-button-shape\" target=\"_blank\" class=\"intercom-content-link\">forma del bot&oacute;n<\/a><\/b>.<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">M&aacute;s informaci&oacute;n: <b><a href=\"\/es\/support\/6570087-website-builder-add-to-bag-buttons\" target=\"_blank\" class=\"intercom-content-link\">Botones &ldquo;A&ntilde;adir a la bolsa&rdquo;<\/a> <\/b>&#128161;<\/p>\n<\/div><p class=\"no-margin\">\n<\/p><h1 id=\"h_dd8362c345\">Editar el men&uacute; de navegaci&oacute;n<\/h1><p class=\"no-margin\">El men&uacute; de navegaci&oacute;n es visible en la secci&oacute;n <b>cabecera<\/b>, que es la secci&oacute;n m&aacute;s superior de su sitio web. El encabezado tambi&eacute;n puede contener un <b><a href=\"\/es\/support\/6435805-website-builder-logo\" target=\"_blank\" class=\"intercom-content-link\">logo<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Para editar el men&uacute; de navegaci&oacute;n, haz clic en la cabecera y ver&aacute;s el men&uacute; de configuraci&oacute;n en la parte inferior derecha de la secci&oacute;n de cabecera:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/12\/06bd034e-73e9-406e-a38d-36f3b683e254.jpg\" alt=\"Header management options in Hostinger Website Builder\"><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Si no puedes ver la secci&oacute;n de cabecera, es probable que todas las p&aacute;ginas de tu sitio web est&eacute;n<b> <a href=\"\/es\/support\/6456821-website-builder-hiding-a-page-from-the-menu-bar\" target=\"_blank\" class=\"intercom-content-link\">ocultas en el men&uacute; de navegaci&oacute;n<\/a><\/b>.<\/p>\n<\/div><p class=\"no-margin\">\n<\/p><h1 id=\"h_cb044de7b3\">Copiar y pegar secciones y elementos<\/h1><p class=\"no-margin\">Para acelerar el proceso de creaci&oacute;n de sitios web, puede copiar y pegar elementos y secciones en otras secciones o incluso en otras p&aacute;ginas de su sitio web:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6475073-website-builder-copy-and-paste-website-sections\" target=\"_blank\" class=\"intercom-content-link\">Copiar y pegar secciones del sitio web<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6475096-website-builder-copy-and-paste-website-elements\" target=\"_blank\" class=\"intercom-content-link\">Copiar y pegar elementos del sitio web<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_03670c67ea\">Duplicar elementos<\/h1><p class=\"no-margin\">Para ahorrar tiempo, puede duplicar p&aacute;ginas, secciones y elementos del sitio web:<\/p><ul>\n<li>\n<p class=\"no-margin\">Para duplicar una<b>p&aacute;gina web<\/b>, siga <b><a href=\"\/es\/support\/6498490-website-builder-how-to-duplicate-a-website-page\" target=\"_blank\" class=\"intercom-content-link\">esta gu&iacute;a<\/a><\/b>.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Para duplicar un <b>elemento<\/b> o <b>secci&oacute;n<\/b>, haga clic sobre &eacute;l y pulse el bot&oacute;n <b>Duplicar<\/b>.<\/p>\n<p class=\"no-margin\">\n<\/p><\/li>\n<\/ul><h1 id=\"h_97ee8cb917\">Borrar u ocultar elementos<\/h1><p class=\"no-margin\">Puede eliminar -borrar u ocultar- f&aacute;cilmente el contenido irrelevante de su sitio web:<\/p><ul>\n<li>\n<p class=\"no-margin\">P&aacute;ginas:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6466176-website-builder-how-to-delete-a-website-page\" target=\"_blank\" class=\"intercom-content-link\">Eliminar una p&aacute;gina web<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6456821-website-builder-how-to-hide-a-page-from-the-website-s-navigation-menu\" target=\"_blank\" class=\"intercom-content-link\">Ocultar una p&aacute;gina del men&uacute; de navegaci&oacute;n<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6456836-website-builder-how-to-hide-a-page-from-search-engines\" target=\"_blank\" class=\"intercom-content-link\">Ocultar una p&aacute;gina de los motores de b&uacute;squeda<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">Elementos y secciones:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Para borrar un <b>elemento<\/b> o <b>secci&oacute;n<\/b>, haz clic sobre &eacute;l y pulsa el bot&oacute;n <b>Borrar<\/b> (el icono de la papelera)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/es\/support\/6721428-website-builder-how-to-hide-elements-or-sections-on-desktop-mobile\" target=\"_blank\" class=\"intercom-content-link\">Ocultar elementos y secciones<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_76294c945e\">A&ntilde;adir c&oacute;digo personalizado<\/h1><p class=\"no-margin\">Hay dos maneras de a&ntilde;adir c&oacute;digo personalizado a su sitio web, y depende del tipo de c&oacute;digo que desee a&ntilde;adir.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Si es necesario a&ntilde;adir c&oacute;digo a la parte <b>&lt;head&gt;&lt;\/head&gt;<\/b> del c&oacute;digo fuente de su sitio web, utilice el campo <b><a href=\"\/es\/support\/6445594-website-builder-adding-a-custom-code-to-the-head-part-of-a-website-s-code\" target=\"_blank\" class=\"intercom-content-link\">C&oacute;digo personalizado<\/a><\/b> de la <b>configuraci&oacute;n de integraciones<\/b> de su sitio web.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Si necesita a&ntilde;adir c&oacute;digo a la parte <b>&lt;body&gt;&lt;\/body&gt;<\/b> del c&oacute;digo fuente de su sitio web, utilice el elemento <b><a href=\"\/es\/support\/6463152-website-builder-embed-code\" target=\"_blank\" class=\"intercom-content-link\">Embed code<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_4e2a5e28a8\">Personalizar la versi&oacute;n m&oacute;vil<\/h1><p class=\"no-margin\">Aseg&uacute;rate de que la <b><a href=\"\/es\/support\/6475658-website-builder-mobile-mode\" target=\"_blank\" class=\"intercom-content-link\">versi&oacute;n m&oacute;vil<\/a><\/b> de tu sitio web se ve bien. Cambia a la vista m&oacute;vil haciendo clic en el <b>icono de tel&eacute;fono m&oacute;vil<\/b> de la barra de herramientas superior:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/12\/2acd9e22-1667-4747-b69f-c9a8a8ac0e1c.jpg\" alt=\"The option to check the mobile version in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Por defecto, <b>la versi&oacute;n m&oacute;vil del sitio web muestra los elementos en el orden en que se han a&ntilde;adido a la versi&oacute;n de escritorio<\/b>. Incluso si, m&aacute;s tarde, reordena los elementos en el escritorio, estos cambios no se aplican autom&aacute;ticamente a la versi&oacute;n m&oacute;vil. Puedes ordenar los elementos en la vista m&oacute;vil manualmente. De esta forma, puedes disponer los elementos de forma diferente en las vistas de escritorio y m&oacute;vil.<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_102958d957\">A&ntilde;adir un blog<\/h1><p class=\"no-margin\">Puedes <b><a href=\"\/es\/support\/6462842-website-builder-how-to-create-a-blog\" target=\"_blank\" class=\"intercom-content-link\">a&ntilde;adir un blog<\/a><\/b> a cualquier plantilla de sitio web. Despliega el panel <b>Blog<\/b> de la izquierda y haz clic en <b>Iniciar un blog<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/12\/bce55b02-4fc8-48f1-82b4-7146684139d3.jpg\" alt=\"Blogging tools in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_40a1028ea8\">Herramientas de comercio electr&oacute;nico<\/h1><p class=\"no-margin\">Con la ayuda de <b><a href=\"\/es\/support\/6538310-website-builder-how-to-create-an-online-store\" target=\"_blank\" class=\"intercom-content-link\">herramientas de comercio electr&oacute;nico<\/a><\/b>, puede hacer lo siguiente:<\/p><ul>\n<li>\n<p class=\"no-margin\">Vender productos f&iacute;sicos<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Vender productos digitales<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Vender servicios<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Aceptar citas<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Aceptar donaciones<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Para obtener m&aacute;s informaci&oacute;n sobre las funciones del constructor, consulte esta colecci&oacute;n de art&iacute;culos de ayuda: <b><a href=\"https:\/\/support.hostinger.com\/es\/collections\/3587143-website-builder\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Creador de sitios web<\/a> &#128640;<\/b><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a personalizar cualquier plantilla de sitio web con Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[257],"tags":[],"class_list":["post-201","post","type-post","status-publish","format-standard","hentry","category-diseno"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6475646-hostinger-website-builder-how-to-customize-a-website-template\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6475646-hostinger-creador-de-sitios-web-como-personalizar-una-plantilla-de-sitio-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6475646-hostinger-createur-de-site-web-comment-personnaliser-un-modele-de-site-web\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6475646-hostinger-svetainiu-kurimo-irankis-kaip-redaguoti-svetaines-sablona\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6475646-hostinger-criador-de-sites-como-personalizar-um-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/201\/revisions"}],"predecessor-version":[{"id":979,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/201\/revisions\/979"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}