{"id":147,"date":"2023-05-24T06:11:17","date_gmt":"2023-05-24T06:11:17","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2023\/05\/24\/6539079-hostinger-creador-de-sitios-web-como-personalizar-el-estilo-del-texto-en-la-tienda-online\/"},"modified":"2025-08-26T21:48:02","modified_gmt":"2025-08-26T21:48:02","slug":"6539079-hostinger-creador-de-sitios-web-como-personalizar-el-estilo-del-texto-en-la-tienda-online","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6539079-hostinger-creador-de-sitios-web-como-personalizar-el-estilo-del-texto-en-la-tienda-online\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Personalizar el Estilo del Texto en la Tienda Online"},"content":{"rendered":"<p class=\"no-margin\">Si administra una tienda en l&iacute;nea creada con el Creador de Sitios Web de Hostinger, puede <b>cambiar f&aacute;cilmente la familia de fuentes<\/b> utilizada en la tienda en l&iacute;nea en la <b><a href=\"\/es\/support\/6463286-creador-de-sitios-web-como-cambiar-el-estilo-del-texto\" target=\"_blank\" class=\"intercom-content-link\">configuraci&oacute;n de estilo global<\/a><\/b>. All&iacute;, puede establecer <b>dos familias de fuentes<\/b>: una para los encabezados y otra para los p&aacute;rrafos. Recuerde que estos cambios se aplicar&aacute;n a todo el sitio web, no s&oacute;lo a la tienda online.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Del mismo modo, puedes cambiar el<b> tama&ntilde;o de la fuente<\/b> en las siguientes &aacute;reas de la tienda online &#128071;<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_e77e44d7d3\">Secci&oacute;n de lista de productos<\/h1><p class=\"no-margin\">Aprende a a&ntilde;adir <b><a href=\"\/es\/support\/6538352-creador-de-sitios-web-secciones-de-productos\" target=\"_blank\" class=\"intercom-content-link\">secciones de lista de productos<\/a><\/b> &#128161; <\/p><ul>\n<li>\n<p class=\"no-margin\">Texto de la cinta de opciones: <b>P&aacute;rrafo 3<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">T&iacute;tulo del producto: <b>T&iacute;tulo 6<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Precio: <b>P&aacute;rrafo 2<\/b><\/p>\n<\/li>\n<\/ul><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\/05\/784b9a4f-d9d8-4078-88d8-1ee077637de2.jpg\" alt=\"Estilo de texto en una secci&oacute;n de lista de productos\"><\/div><p class=\"no-margin\"><b>NOTAS<\/b> <\/p><ul>\n<li>\n<p class=\"no-margin\">Los cambios realizados en la configuraci&oacute;n global del estilo de texto afectan a todos los elementos de texto de su sitio web<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Por ejemplo, si cambia el estilo del T&iacute;tulo 6 (para personalizar el estilo de los t&iacute;tulos de los productos), recuerde que todos los dem&aacute;s elementos de texto escritos en H6 tambi&eacute;n se ver&aacute;n afectados<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">Despu&eacute;s de realizar los cambios, aseg&uacute;rese de <b><a href=\"\/es\/support\/6435697-creador-de-sitios-web-como-actualizar-tu-web\" target=\"_blank\" class=\"intercom-content-link\">actualizar su sitio web<\/a><\/b> <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_c173975e14\">Secci&oacute;n de producto &uacute;nico <\/h1><p class=\"no-margin\">Aprende a a&ntilde;adir <b><a href=\"\/es\/support\/6538352-creador-de-sitios-web-secciones-de-productos\" target=\"_blank\" class=\"intercom-content-link\">secciones de un solo producto<\/a><\/b> &#128161;<\/p><ul>\n<li>\n<p class=\"no-margin\">T&iacute;tulo del producto:<b> T&iacute;tulo 3<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Subt&iacute;tulo del producto:<b> T&iacute;tulo 5<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Precio:<b> <\/b>P&aacute;rrafo<b> 1<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Opciones del producto:<b> P&aacute;rrafo 2<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Descripci&oacute;n del producto: <b>P&aacute;rrafo 2<\/b><\/p>\n<\/li>\n<\/ul><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/05\/2f280095-9bd3-4d8e-bebb-5ab13c72fbe5.jpg\"><\/div><p class=\"no-margin\"><b>NOTAS<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Los cambios realizados en la configuraci&oacute;n global del estilo de texto afectan a todos los elementos de texto de su sitio web<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Por ejemplo, si cambia el estilo del T&iacute;tulo 3 (para personalizar el estilo de los t&iacute;tulos de los productos), recuerde que todos los dem&aacute;s elementos de texto escritos en H3 tambi&eacute;n se ver&aacute;n afectados<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">El estilo del bot&oacute;n se puede cambiar en la <b><a href=\"\/es\/support\/6538352-creador-de-sitios-web-secciones-de-productos\" target=\"_blank\" class=\"intercom-content-link\">configuraci&oacute;n de la secci&oacute;n de productos<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Despu&eacute;s de realizar los cambios, aseg&uacute;rese de <b><a href=\"\/es\/support\/6435697-creador-de-sitios-web-como-actualizar-tu-web\" target=\"_blank\" class=\"intercom-content-link\">actualizar su sitio web<\/a><\/b> <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_37ecff7ebe\">P&aacute;gina de producto<\/h1><p class=\"no-margin\">Aprende a encontrar <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6538349-website-builder-product-pages\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">p&aacute;ginas de productos<\/a><\/b> &#128161;<\/p><ul>\n<li>\n<p class=\"no-margin\">T&iacute;tulo del producto:<b> T&iacute;tulo 1<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Subt&iacute;tulo del producto:<b> T&iacute;tulo 5<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Precio:<b> <\/b>P&aacute;rrafo<b> 1<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Opciones del producto:<b> P&aacute;rrafo 2<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Descripci&oacute;n del producto: <b>P&aacute;rrafo 2<\/b><\/p>\n<\/li>\n<\/ul><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\/05\/82071810-a8b1-4cd2-b012-37e921a8eb71.jpg\" alt=\"Estilo de texto en una secci&oacute;n de producto y en una p&aacute;gina de producto\"><\/div><p class=\"no-margin\"><b>NOTAS<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Los cambios realizados en la configuraci&oacute;n global del estilo de texto afectan a todos los elementos de texto de su sitio web<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Por ejemplo, si cambia el estilo del T&iacute;tulo 1 (para personalizar el estilo de los t&iacute;tulos de los productos), recuerde que todos los dem&aacute;s elementos de texto escritos en H1 tambi&eacute;n se ver&aacute;n afectados<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">El estilo del bot&oacute;n se puede cambiar en la <b><a href=\"\/es\/support\/6538352-creador-de-sitios-web-secciones-de-productos\" target=\"_blank\" class=\"intercom-content-link\">configuraci&oacute;n de la secci&oacute;n de productos<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Despu&eacute;s de realizar los cambios, aseg&uacute;rese de <b><a href=\"\/es\/support\/6435697-creador-de-sitios-web-como-actualizar-tu-web\" target=\"_blank\" class=\"intercom-content-link\">actualizar su sitio web<\/a><\/b> <\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_631bdd8dca\">Bolsa de la compra<\/h1><p class=\"no-margin\">Aprende a habilitar la<b> <a href=\"https:\/\/support.hostinger.com\/en\/articles\/6539042-website-builder-shopping-bag-settings\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">bolsa de la compra<\/a><\/b> &#128161; <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Por el momento, la bolsa de la compra no permite cambiar el estilo de la fuente (tama&ntilde;o, color, decoraci&oacute;n, etc.) pero puedes cambiar la<b> familia de la fuente<\/b>. Todo el texto de la bolsa de la compra se escribe en <b>estilo p&aacute;rrafo<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Abra la configuraci&oacute;n global de estilo de texto y haga clic en <b>Personaliza la tipograf&iacute;a<\/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\/05\/13993acb-89f6-4441-8e90-d213b5551224.jpg\" alt=\"Configuraci&oacute;n global de estilo de texto en Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">2. Seleccione <b>P&aacute;rrafos y navegaci&oacute;n<\/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\/05\/179e281a-27fb-4889-ad33-da43b592ce7c.jpg\" alt=\"Configuraci&oacute;n de estilo de p&aacute;rrafos y navegaci&oacute;n en Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">3. Cambie la <b>familia de fuentes<\/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\/05\/c3972934-5a19-4c8f-9c47-04266df5813a.jpg\" alt=\"P&aacute;rrafos y configuraci&oacute;n de la fuente de navegaci&oacute;n en Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\"><b>NOTAS<\/b><\/p><ul>\n<li>\n<p class=\"no-margin\">Los cambios realizados en la configuraci&oacute;n global del estilo de texto afectan a todos los elementos de texto de su sitio web<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Por ejemplo, si cambia la fuente de p&aacute;rrafo (buscando personalizar el estilo de texto en la bolsa de la compra), recuerde que los enlaces de navegaci&oacute;n y todos los dem&aacute;s elementos de texto escritos en estilo p&aacute;rrafo tambi&eacute;n se ver&aacute;n afectados<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">Despu&eacute;s de realizar los cambios, aseg&uacute;rese de <b><a href=\"\/es\/support\/6435697-creador-de-sitios-web-como-actualizar-tu-web\" target=\"_blank\" class=\"intercom-content-link\">actualizar su sitio web<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a cambiar la fuente del texto en las p\u00e1ginas de su tienda utilizando el Constructor de Sitios Web de Hostinger<\/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":[262],"tags":[],"class_list":["post-147","post","type-post","status-publish","format-standard","hentry","category-tienda-online"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6539079-hostinger-website-builder-how-to-customize-text-style-in-the-online-store\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6539079-hostinger-creador-de-sitios-web-como-personalizar-el-estilo-del-texto-en-la-tienda-online\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6539079-hostinger-createur-de-site-web-comment-personnaliser-le-style-de-texte-dans-la-boutique-en-ligne\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6539079-hostinger-svetainiu-kurimo-irankis-kaip-keisti-teksto-stiliu-el-parduotuveje\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6539079-hostinger-criador-de-sites-como-personalizar-o-estilo-de-texto-na-loja-online\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/147","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=147"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/147\/revisions"}],"predecessor-version":[{"id":2405,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/147\/revisions\/2405"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}