{"id":38,"date":"2023-09-29T02:35:39","date_gmt":"2023-09-29T02:35:39","guid":{"rendered":"https:\/\/tiendaneolo.com\/tutoriales\/?p=38"},"modified":"2024-09-24T00:05:36","modified_gmt":"2024-09-24T00:05:36","slug":"como-disenar-mi-tienda","status":"publish","type":"post","link":"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/","title":{"rendered":"C\u00f3mo dise\u00f1ar mi tienda online"},"content":{"rendered":"\n<p><strong>Personalizar y dise\u00f1ar tu tienda online<\/strong> es una de las claves para que resulte m\u00e1s atractiva para potenciales clientes.<\/p>\n\n\n\n<p>Ahora veremos paso a paso c\u00f3mo puedes cambiar aspectos del dise\u00f1o como el logo, los colores, el carrusel de im\u00e1genes, y m\u00e1s. Todo esto sin tener conocimientos previos. \ud83d\ude2e <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Co\u0301mo disen\u0303ar una tienda online en minutos y GRATIS\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/pj82Rv7a5z0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>\u00a1Sigue leyendo si quieres que tu tienda se vea genial! \ud83d\ude09&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">C\u00f3mo subir el logo y el favicon de tu marca<\/h2>\n\n\n\n<p>Para tener el logo de tu marca visible, deber\u00e1s dirigirte al panel de tu Tienda y elegir la <strong>secci\u00f3n Mi Tienda Neolo<\/strong> y luego la <strong>subsecci\u00f3n Dise\u00f1o.<\/strong><\/p>\n\n\n\n<p>All\u00ed podr\u00e1s subir el logo, que idealmente debe tener un tama\u00f1o de 300&#215;100 p\u00edxeles.<\/p>\n\n\n\n<p><img decoding=\"async\" width=\"797.7057057057057\" height=\"434.0000000000001\" src=\"https:\/\/lh6.googleusercontent.com\/Ci4BRa0v7z256tGW-Mgy2pP7ePIGYIcGamAZOYmPUztKWAWM_-KG09t_KXTWmZviE1UjQlsnNzZdEUaXJk6maYkB59VQyDfXOCLrAto7SY3ULgnWxywfXq39BVK6XwJqwkyVDMRvMIXv-qZMQqRmlyg\"><\/p>\n\n\n\n<p>Luego, como un \u00edtem opcional, puedes tambi\u00e9n cargar un favicon, cuyas medidas ideales son 256&#215;256 p\u00edxeles.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>El favicon es la peque\u00f1a imagen que se ve al lado del nombre de tu marca en un navegador.&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<p>Mira, por ejemplo, c\u00f3mo es nuestro favicon en Tienda Neolo:<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"69\" src=\"https:\/\/lh3.googleusercontent.com\/swk4M1prSHKchx2tJTyge0MGcfWxUYjoM1HPtK5HyPOmyIstXusgDnbo6qliBGDlCfCUPdsvW3cEoC1CTr8TKguLv70b12laMgqNBWUI092CX7FW_HcAWYUaz59P1lbwDqsQ8Co3-u6bUDIQVE5qFWs\"><\/p>\n\n\n\n<p>Luego de subir tu logo y tu favicon, recuerda hacer click en el bot\u00f3n de Guardar Cambios para ver reflejado el dise\u00f1o en tu tienda.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">C\u00f3mo cambiar el color principal de tu Tienda Neolo<\/h2>\n\n\n\n<p>En cuanto al color de tu cuenta, tambi\u00e9n puedes cambiarlo en <strong>Mi Tienda Neolo &gt; Dise\u00f1o.&nbsp;<\/strong><\/p>\n\n\n\n<p>Tienes la opci\u00f3n de elegir entre algunos colores predeterminados o ingresar un tono exacto en c\u00f3digo hexadecimal.&nbsp;<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"247\" height=\"204\" src=\"https:\/\/lh5.googleusercontent.com\/ReWqoFWJ31QGTJLQVBc7YU4AdZHLjuTme56pjeG19fjeS2O42drYa1uPTa0bmW6qwhrGqnywWoSxhX3e-jWsO8yfnQdeyCFgYWjmv_Pog3DGLRBcD2U9abzujB2B5dBc27iwN8pZeyi6tS8yn1fAMi4\"><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Recuerda que el c\u00f3digo hexadecimal de colores consta siempre de un numeral y seis n\u00fameros.<\/p>\n<\/blockquote>\n\n\n\n<p>Cuando tengas el tono perfecto, aprieta en Guardar Cambios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">C\u00f3mo subir un carrusel de im\u00e1genes<\/h2>\n\n\n\n<p>Para darle vida a tu e-commerce, puedes agregar un carrusel de im\u00e1genes para mostrar en la p\u00e1gina principal de tu tienda.<\/p>\n\n\n\n<p>Agregarlo es muy simple:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ve al panel de tu tienda y escoge la secci\u00f3n Mi Tienda Neolo<\/li>\n\n\n\n<li>Toca en Carrusel de im\u00e1genes.&nbsp;<\/li>\n\n\n\n<li>Si todav\u00eda no has cargado ninguna imagen, dale click a Crea tu primera imagen, sino, puedes clickear en Agregar Imagen.&nbsp;<\/li>\n\n\n\n<li>Sube una imagen para tu carrusel de aproximadamente 1920&#215;677 p\u00edxeles para pantallas grandes. Los formatos aceptados son JPG, PNG o GIF.<\/li>\n\n\n\n<li>Luego, sube la misma imagen en tama\u00f1o m\u00e1s peque\u00f1o, para pantallas de tablets o celulares. La medida recomendada es de 450&#215;250 p\u00edxeles. En este caso, los formatos aceptados tambi\u00e9n son JPG, PNG o GIF.<\/li>\n\n\n\n<li>Agrega un link, para que las personas sean dirigidas all\u00ed cuando hagan click en la imagen.<\/li>\n\n\n\n<li>Repite el proceso hasta con otras 4 im\u00e1genes que quieras agregar a tu carrusel, mediante el bot\u00f3n Agregar Imagen.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">C\u00f3mo modificar o borrar elementos en un carrusel de im\u00e1genes<\/h2>\n\n\n\n<p>A la hora de hacer cambios en tu carrusel de im\u00e1genes, ya sea en los links o en las fotos, <strong>debes dirigirte a Mi Tienda Neolo &gt; Carrusel de im\u00e1genes.<\/strong><\/p>\n\n\n\n<p>All\u00ed, debajo de cada una de tus im\u00e1genes encontrar\u00e1s dos opciones: Modificar o Eliminar.<\/p>\n\n\n\n<p>Para realizar cambios, simplemente toca en el bot\u00f3n Modificar debajo de la imagen, realiza los cambios y gu\u00e1rdalos.<\/p>\n\n\n\n<p>En el caso de que quieras borrar una imagen de tu carrusel, dale click a Eliminar debajo de esa imagen y confirma tu decisi\u00f3n.<\/p>\n\n\n\n<p><img loading=\"lazy\" decoding=\"async\" width=\"439\" height=\"245\" src=\"https:\/\/lh5.googleusercontent.com\/hG_Gi2AZ_7WH3sSTsvdFW_QXZH8ZxtXEVQpAOU1YygEBjGhrZO0F9HaA-zR_KgWIWmUwEGGpySYJySZg22PcC0CBhcGPiP6J8KLaRAxmnt94YkxbOlHs6NySVhTPvk8HcmawuFVi2DWnrMWAA5SvCSc\"><\/p>\n\n\n\n<p>\u00a1Ten cuidado porque luego no podr\u00e1s recuperar la imagen!<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">C\u00f3mo ver los cambios de dise\u00f1o en tu Tienda<\/h2>\n\n\n\n<p>Si implementas una o m\u00e1s de estas opciones de dise\u00f1o, seguramente quieras ver c\u00f3mo se aplican los cambios en tu tienda online.<\/p>\n\n\n\n<p>Por eso, siempre que hayas guardado correctamente los cambios, podr\u00e1s ver tu tienda actualizada en el sector superior derecho, debajo de tu correo electr\u00f3nico.<\/p>\n\n\n\n<p>Solo haz click en Ver mi Tienda para previsualizarla en tu ordenador:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"197\" height=\"208\" src=\"https:\/\/tiendaneolo.com\/tutoriales\/wp-content\/uploads\/2023\/09\/imagen.png\" alt=\"\" class=\"wp-image-41\" style=\"width:178px;height:188px\"\/><\/figure>\n\n\n\n<p>\u00a1Eso fue todo! Con <a href=\"https:\/\/www.tiendaneolo.com\/\">Tienda Neolo<\/a>, as\u00ed de simple puedes personalizar tu e-commerce para comenzar a vender por internet.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\u00daltima actualizaci\u00f3n: 23 de septiembre de 2024.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este tutorial aprender\u00e1s paso a paso c\u00f3mo puedes cambiar aspectos del dise\u00f1o como el logo, los colores, el carrusel de im\u00e1genes, y m\u00e1s.<\/p>\n","protected":false},"author":4,"featured_media":44,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[6],"tags":[],"class_list":["post-38","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo dise\u00f1ar mi tienda online - Tutoriales Tienda Neolo<\/title>\n<meta name=\"description\" content=\"Pasos para dise\u00f1ar una tienda online de manera sencilla y sin conocimientos previos. Consejos \u00fatiles. D\u00f3nde crearla gratis.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo dise\u00f1ar mi tienda online - Tutoriales Tienda Neolo\" \/>\n<meta property=\"og:description\" content=\"Pasos para dise\u00f1ar una tienda online de manera sencilla y sin conocimientos previos. Consejos \u00fatiles. D\u00f3nde crearla gratis.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutoriales Tienda Neolo\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-29T02:35:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-24T00:05:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tiendaneolo.com\/tutoriales\/wp-content\/uploads\/2023\/09\/Como-disenar-mi-tienda-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Coti\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Coti\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo dise\u00f1ar mi tienda online - Tutoriales Tienda Neolo","description":"Pasos para dise\u00f1ar una tienda online de manera sencilla y sin conocimientos previos. Consejos \u00fatiles. D\u00f3nde crearla gratis.","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:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo dise\u00f1ar mi tienda online - Tutoriales Tienda Neolo","og_description":"Pasos para dise\u00f1ar una tienda online de manera sencilla y sin conocimientos previos. Consejos \u00fatiles. D\u00f3nde crearla gratis.","og_url":"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/","og_site_name":"Tutoriales Tienda Neolo","article_published_time":"2023-09-29T02:35:39+00:00","article_modified_time":"2024-09-24T00:05:36+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/tiendaneolo.com\/tutoriales\/wp-content\/uploads\/2023\/09\/Como-disenar-mi-tienda-scaled.jpg","type":"image\/jpeg"}],"author":"Coti","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Coti","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/","url":"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/","name":"C\u00f3mo dise\u00f1ar mi tienda online - Tutoriales Tienda Neolo","isPartOf":{"@id":"https:\/\/tiendaneolo.com\/tutoriales\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/#primaryimage"},"image":{"@id":"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/#primaryimage"},"thumbnailUrl":"https:\/\/tiendaneolo.com\/tutoriales\/wp-content\/uploads\/2023\/09\/Como-disenar-mi-tienda-scaled.jpg","datePublished":"2023-09-29T02:35:39+00:00","dateModified":"2024-09-24T00:05:36+00:00","author":{"@id":"https:\/\/tiendaneolo.com\/tutoriales\/#\/schema\/person\/66d499c9fd6368622bda634052e01a35"},"description":"Pasos para dise\u00f1ar una tienda online de manera sencilla y sin conocimientos previos. Consejos \u00fatiles. D\u00f3nde crearla gratis.","breadcrumb":{"@id":"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/#primaryimage","url":"https:\/\/tiendaneolo.com\/tutoriales\/wp-content\/uploads\/2023\/09\/Como-disenar-mi-tienda-scaled.jpg","contentUrl":"https:\/\/tiendaneolo.com\/tutoriales\/wp-content\/uploads\/2023\/09\/Como-disenar-mi-tienda-scaled.jpg","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/tiendaneolo.com\/tutoriales\/como-disenar-mi-tienda\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/tiendaneolo.com\/tutoriales\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo dise\u00f1ar mi tienda online"}]},{"@type":"WebSite","@id":"https:\/\/tiendaneolo.com\/tutoriales\/#website","url":"https:\/\/tiendaneolo.com\/tutoriales\/","name":"Tutoriales Tienda Neolo","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tiendaneolo.com\/tutoriales\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/tiendaneolo.com\/tutoriales\/#\/schema\/person\/66d499c9fd6368622bda634052e01a35","name":"Coti","url":"https:\/\/tiendaneolo.com\/tutoriales\/author\/coti\/"}]}},"_links":{"self":[{"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/posts\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":10,"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/posts\/38\/revisions"}],"predecessor-version":[{"id":4676,"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/posts\/38\/revisions\/4676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/media\/44"}],"wp:attachment":[{"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/media?parent=38"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/categories?post=38"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tiendaneolo.com\/tutoriales\/wp-json\/wp\/v2\/tags?post=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}