Pewman Innovation

Manual del sitio web

Todo lo que necesitas para administrar la página por tu cuenta: textos, fotos, secciones, equipo, blog y más. Escrito para partir de cero: no hace falta saber nada de tecnología.

Versión 2 · Agosto 2026 · Revisado contra la pantalla real de Shopify

¿Qué quieres hacer hoy?

Ubica tu tarea y anda directo al capítulo. Este manual está pensado para consultarlo por tema, no para leerlo entero.

Cambiar un texto o una foto de cualquier páginaCap. 3
Agregar, quitar o reordenar una secciónCap. 4
Sumar o sacar a una persona del equipoCap. 6
Agregar el título académico de alguien (PhD, Ing., Dr.)Cap. 6
Agregar o quitar un logo de empresa, premio o certificaciónCap. 7
Publicar una noticia de prensa o un artículoCap. 8
Cambiar la fecha con que aparece una noticiaCap. 8
Crear una página nueva completaCap. 9
Editar los contadores del inicio (+5000 hectáreas...)Cap. 10
Agregar una pregunta frecuente, una banda de llamado a la acción o un bloque imagen + textoCap. 10
Agregar un paper, una patente o un caso de éxitoCap. 10
Cambiar la portada de la guía descargable o su PDFCap. 10
Subir una foto o un PDF y obtener su enlaceCap. 11
Agregar algo al menú superior o al pie de páginaCap. 12
Cambiar un precioCap. 13
Despachar un pedidoCap. 14
Ver todas las secciones disponibles y qué hace cada unaCap. 15
Algo se ve raro o desaparecióCap. 17

1. Antes de empezar

Cómo entrar y qué es cada cosa que ves.

Entrar al panel

  1. Abre admin.shopify.com en el navegador.
  2. Entra con tu correo y contraseña. Si administras más de una tienda, elige Pewman Innovation.
  3. Listo. Esa pantalla es el panel de administración: desde ahí se maneja todo el sitio y la tienda.
Guárdalo en favoritosVas a entrar seguido. Un marcador en el navegador te ahorra escribir la dirección cada vez.

El menú de la izquierda

Es tu mapa. Así se ve y esto es lo que usa cada parte:

Inicio
Pedidos
Productos
Clientes
Contenido
Metaobjetos
Archivos
Menús
Artículos del blog
Canales de ventas
Tienda online
Páginas
Configuración
Así se ve el menú lateral del panel
Algunas opciones (Metaobjetos, Archivos, Menús, Artículos del blog) aparecen al hacer clic sobre Contenido. Lo mismo con Tienda online, que muestra Páginas al seleccionarla.
Dibujo esquemático del panel real de Shopify (agosto 2026).
DóndePara qué sirve
PedidosLas compras que llegan. Quién compró, qué compró y a dónde enviarlo.
ProductosCrioprotect, Nanoforte y los que vengan. Precios, presentaciones, stock y fotos.
ClientesLa gente que ha comprado o dejado sus datos.
Contenido → Artículos del blogLas noticias de prensa y los artículos técnicos.
Contenido → ArchivosTodas las fotos y PDF que usa el sitio.
Contenido → MenúsEl menú superior del sitio y los enlaces del pie de página.
Tienda onlineEl diseño del sitio: el tema y el botón Editar tema. Es donde más vas a trabajar.
Tienda online → PáginasCrear y administrar páginas: Nosotros, Casos, Contacto y las nuevas que hagas.
ConfiguraciónEnvíos, pagos, dominios y políticas. Se toca poco, y con cuidado.
Si el menú se ve distintoShopify actualiza su panel de vez en cuando y a veces mueve una opción de lugar. Si no encuentras algo, usa el buscador de arriba (la lupa, o ⌘ K): escribe lo que buscas, por ejemplo «archivos», y te lleva directo.
↑ Volver al índice

2. La idea de fondo: piezas de Lego

Cinco palabras y un concepto. Con esto entiendes todo el resto.

PáginaCada pantalla del sitio: Inicio, Nosotros, Casos, Contacto. Cada producto también tiene su página.
SecciónUn bloque grande dentro de una página: el carrusel del inicio, el equipo, los premios, el formulario. Se agregan, se ordenan y se quitan a gusto.
BloqueUna pieza dentro de una sección: cada persona del equipo es un bloque, cada logo es un bloque, cada pregunta frecuente es un bloque.
TemaEl diseño completo del sitio: colores, tipografías y el catálogo de secciones. El sitio usa un tema hecho a medida para Pewman.
ProductoLo que se vende. Tiene precio, presentaciones (1 L, 5 L, 20 L) y fotos.

El sitio completo está armado como piezas de Lego: páginas que contienen secciones, y secciones que contienen bloques. Tu trabajo como administrador es elegir piezas, ordenarlas y rellenarlas con textos y fotos. Nunca necesitas tocar código.

Todas las piezas de diseño del sitio parten con el nombre «Pewman ·» (Pewman · Equipo, Pewman · Premios, Pewman · Preguntas...). Cuando veas ese prefijo, es una sección diseñada especialmente para este sitio: puedes usarla con confianza en cualquier página. El capítulo 15 tiene el catálogo completo.

↑ Volver al índice

3. El editor visual del sitio

La herramienta principal. Funciona como un editor de arrastrar y soltar: eliges, escribes, mueves y guardas.

Cómo entrar

  1. En el menú de la izquierda, haz clic en Tienda online.
  2. Verás el tema del sitio con la etiqueta Activo. Haz clic en el botón negro Editar tema.
  3. Se abre el editor: a la izquierda la lista de secciones, al centro la vista previa del sitio.
Pewman - sitioActivo Página de inicio ▾ 🖥📱↩︎↪︎··· Guardar
Header
Pewman · Header
⊕ Agregar sección
Plantilla
Pewman · Hero carrusel
Pewman · Premios
Pewman · Estadísticas
Pewman · Soluciones
⊕ Agregar sección
Footer
Pewman · Footer
Vista previa del sitio
Es el sitio de verdad, en vivo. Puedes hacer clic sobre cualquier texto o foto de la vista previa y se abre su panel de edición a la derecha.
Partes del editor: barra superior (página, vista celular, deshacer, Guardar), lista de secciones a la izquierda, vista previa al centro.
Pantalla Tienda online con el botón Editar tema señalado
La pantalla Tienda online: el botón Editar tema abre el editor; el ··· tiene Duplicar y Cambiar nombre.

Moverte entre páginas

Arriba al centro hay un selector que dice Página de inicio. Haz clic y elige qué quieres editar:

Selector de páginas del editor abierto
El selector de arriba abre esta lista: en Páginas están Nosotros, Casos, Contacto y las que crees tú.
Verás nombres cortos como «empresa» o «casos»Al abrir Páginas, el selector muestra la plantilla de cada página con su nombre interno: «empresa» es Nosotros, «casos» es Casos de éxito, «prensa» es Prensa y medios, «contacto» es Contacto. Aparece también una plantilla antigua «contact»: ignórala.
El editor con flechas al selector de página, Agregar sección y Guardar
El editor: arriba el selector de página, a la izquierda ⊕ Agregar sección, arriba a la derecha Guardar.

Cambiar un texto

  1. Elige la página donde está el texto.
  2. Haz clic sobre el texto en la vista previa (o sobre su sección en la lista izquierda).
  3. En el panel de la derecha aparecen los campos editables. Escribe el texto nuevo: la vista previa se actualiza al tiro.
  4. Toca Guardar, arriba a la derecha.

Cambiar una foto

  1. Haz clic en la sección que tiene la foto.
  2. En el panel derecho, ubica el recuadro de la imagen y toca Cambiar.
  3. Elige una imagen ya subida o sube una nueva desde tu computador.
  4. Guarda.
Tamaños recomendadosEn el capítulo 11 hay una tabla con el tamaño ideal de foto para cada uso (fondos, personas, logos). Si una foto queda cortada, ahí está la solución.

Guardar: qué pasa exactamente

En el tema activo, Guardar publica de inmediatoMientras no toques Guardar, el sitio real sigue igual y puedes probar sin miedo (si te arrepientes, cierra la pestaña y no pasa nada). Pero al tocar Guardar, el cambio queda visible para todo el mundo al instante. Revisa la vista previa, y también en celular, antes de guardar.

Dentro del editor también tienes las flechas deshacer y rehacer (arriba a la derecha, junto al botón Guardar) para revertir los últimos cambios de la sesión.

Revisar cómo se ve en celular

  1. Arriba a la derecha hay dos íconos: un computador y un teléfono.
  2. Toca el teléfono: la vista previa cambia al formato de celular.
  3. Revisa que los textos se lean y las fotos se vean bien. Después vuelve al ícono del computador.
Hazlo siempre antes de guardarLa mayoría de las visitas entra desde el teléfono. Diez segundos de revisión evitan sorpresas.
Editor en vista de celular
El ícono del teléfono muestra la página como en un celular; el del computador devuelve la vista normal.

Para cambios grandes: trabaja en una copia

Si vas a rediseñar una página completa o probar algo experimental, no lo hagas sobre el tema activo. Haz una copia y trabaja tranquilo:

  1. Ve a Tienda online y en el tema activo toca el botón ··· (al lado de Editar tema).
  2. Elige Duplicar. La copia aparece más abajo, en Temas en borrador.
  3. Toca Editar tema en la copia y haz ahí todos los cambios. Nada de lo que hagas se ve en el sitio real.
  4. Cuando esté listo y revisado, toca Publicar en esa copia: pasa a ser el sitio real.
Cuidado al publicar una copia antiguaAl publicar un borrador, se publica TODO tal como está en ese borrador. Si después de crear la copia alguien siguió editando el tema activo (textos, personas, noticias destacadas), esos cambios no están en la copia y se pierden de la vista al publicarla. Regla simple: crea la copia, haz el cambio y publícala pronto. No dejes borradores viejos dando vueltas.
El menú ··· del temaAhí también están Ver (vista previa sin editar), Cambiar nombre (útil para ponerle fecha a las copias, por ejemplo «Pewman - prueba equipo 25 ago») y Descargar archivo del tema (respaldo). Las opciones Editar código y Editar contenido predeterminado no las uses.
↑ Volver al índice

4. Secciones: agregar, mover, ocultar, borrar

Las piezas grandes de cada página. Aquí está el corazón del sistema.

Agregar una sección

  1. En el editor, elige la página donde quieres agregarla.
  2. En la lista izquierda, toca ⊕ Agregar sección (dentro del grupo Plantilla).
  3. Se abre el catálogo con un buscador. Escribe pewman y aparecen todas las secciones diseñadas para el sitio.
  4. Pasa el mouse sobre cada nombre para ver una vista previa en miniatura. Haz clic en la que quieras.
  5. La sección aparece en la página con contenido de ejemplo. Rellénala con tus textos y fotos.
  6. Arrástrala a su posición y guarda.
🔍 Buscar secciones
Secciones Apps
Pewman · Artículo
Pewman · Banda CTA
Pewman · Banner imagen
Pewman · Beneficios
Pewman · Casos de éxito
Pewman · Certificaciones
... y todas las demás
Vista previa en miniatura
Al pasar el mouse por un nombre, aquí aparece cómo se ve la sección antes de agregarla.
El panel «Agregar sección»: buscador arriba, catálogo abajo, vista previa a la derecha.
Panel Agregar sección filtrado por pewman
Escribe pewman en el buscador y aparece el catálogo completo, con vista previa al pasar el mouse.

Mover una sección

En la lista izquierda, toma la sección con el mouse y arrástrala hacia arriba o abajo. El orden de la lista es el orden de la página. Guarda al terminar.

Ocultar una sección (sin borrarla)

Pasa el mouse sobre la sección en la lista izquierda y toca el ícono del ojo. La sección desaparece del sitio pero queda guardada con todo su contenido. Para mostrarla de nuevo, toca el ojo otra vez.

Ante la duda, oculta en vez de borrarOcultar se deshace con un clic. Borrar significa rearmar la sección entera si te arrepientes.

Duplicar, copiar o renombrar una sección

Haz clic en la sección y abre el menú ··· en la parte alta del panel derecho. Ahí están:

OpciónQué hace
DuplicarCrea una copia idéntica justo debajo. Perfecto para repetir un diseño que ya te gusta y solo cambiarle el contenido.
CopiarCopia la sección para pegarla en otra página (en la otra página: Agregar sección → pegar).
Cambiar nombreCambia cómo se llama en la lista izquierda (no cambia nada en el sitio). Útil si tienes dos secciones iguales: «Premios (arriba)» y «Premios (abajo)».
OcultarLo mismo que el ícono del ojo.
EliminarBorra la sección y su contenido. Pide confirmación.
En ese menú también aparece «Editar código»No lo uses: abre el archivo técnico de la sección y un cambio accidental puede romperla. Todo lo editable ya está disponible en los campos del panel.
Menú contextual con Duplicar y Ocultar señalados
El menú ··· de secciones y bloques: Duplicar y Ocultar son tus aliados; «Editar código» no se toca.

Borrar una sección

  1. Haz clic en la sección (lista izquierda o vista previa).
  2. Abajo del panel derecho toca Eliminar sección (o usa el menú ··· → Eliminar).
  3. Guarda.
↑ Volver al índice

5. Bloques: los elementos dentro de cada sección

Una persona, un logo, una pregunta, un slide: todos son bloques y todos se manejan igual.

Cuando una sección contiene elementos repetibles, en la lista izquierda aparece con una flechita ›. Al abrirla, ves sus bloques y el enlace ⊕ Agregar bloque.

  1. Agregar: abre la sección con la flechita y toca ⊕ Agregar bloque. Si hay más de un tipo de bloque, elige cuál.
  2. Editar: haz clic en el bloque y llena sus campos en el panel derecho.
  3. Reordenar: arrastra el bloque dentro de la lista.
  4. Ocultar: menú ··· del bloque → Ocultar (queda guardado, invisible).
  5. Quitar: botón Eliminar bloque al final del panel del bloque.
  6. Guarda al terminar.
Los bloques también se duplicanEl menú ··· de cada bloque tiene Copiar y Duplicar, igual que las secciones. Para agregar 3 preguntas frecuentes parecidas, escribe una y duplícala dos veces.
Algunas secciones tienen bloques dentro de bloquesEl equipo, por ejemplo: la sección contiene regiones, y cada región contiene integrantes. La línea de tiempo de Nosotros y los ensayos de Casos funcionan igual. Se navegan con las mismas flechitas.
↑ Volver al índice

6. El equipo: personas, cargos y regiones

Gente nueva, cambios de cargo, títulos académicos y países nuevos. Todo en la página Nosotros.

El equipo está agrupado por región (Chile, Perú, Europa) y dentro de cada región van las personas. Así se ve en el editor:

▾ Pewman · Equipo 🗑 👁
⊕ Agregar bloque
▾ Región del equipo (Chile)
⊕ Agregar bloque
👤 Integrante
👤 Integrante
👤 Integrante
› Región del equipo (Perú)
› Región del equipo (Europa)
Integrante
Foto · Iniciales (si no hay foto) · Nombre · Cargo · Título académico (opcional) · LinkedIn (opcional)
🗑 Eliminar bloque
La sección Equipo en la lista izquierda del editor, con el panel de un Integrante a la derecha.

Agregar una persona a una región que ya existe

Árbol de la sección Equipo
La sección Equipo abierta: cada región tiene su ⊕ Agregar bloque para sumar integrantes; el ojito oculta sin borrar.
  1. Entra al editor (Tienda online → Editar tema) y elige la página Nosotros (en el selector de arriba: Páginas → empresa).
  2. En la lista izquierda, abre Pewman · Equipo con la flechita.
  3. Abre la región que corresponde (Chile, Perú o Europa).
  4. Toca ⊕ Agregar bloque → Integrante.
  5. Llena los campos: foto, nombre, cargo, título académico si tiene, y LinkedIn si tiene.
  6. Arrastra el bloque si quieres cambiar su posición dentro de la región.
  7. Guarda.

El título académico (PhD, Dr., Ing.)

Cada integrante tiene el campo Título académico (opcional). Lo que escribas ahí aparece bajo el cargo, en el color corporativo. Ejemplos: «PhD en Microbiología», «Ing. Agrónoma», «Bioquímico, MSc». Si la persona no tiene título que destacar, deja el campo vacío y no se muestra nada.

Panel de un Integrante con el campo Título académico señalado
La ficha de un integrante: el campo Título académico y el ··· con Duplicar y Ocultar.

Cambiar el cargo o la foto de alguien

  1. En la misma sección, haz clic sobre la persona (en la lista o directamente en la vista previa).
  2. Edita el campo que necesites. Para la foto: toca la imagen → Cambiar.
  3. Guarda.

Quitar a alguien

Haz clic en su bloque y toca Eliminar bloque al final del panel. Si la salida es temporal, mejor usa el menú ··· → Ocultar: la persona desaparece del sitio pero su ficha queda guardada.

Agregar un país nuevo

  1. En Pewman · Equipo, toca el ⊕ Agregar bloque de la sección (el de arriba) y elige Región del equipo.
  2. Escribe el nombre de la región, por ejemplo «México».
  3. Abre la región nueva y agrega sus Integrantes igual que arriba.
  4. Arrastra la región para ubicarla en el orden que quieras y guarda.
Las fotos del equipoUsa fotos cuadradas y parejas entre sí (todas de medio cuerpo o todas de rostro) para que la grilla se vea ordenada. Si alguien no tiene foto, escribe sus iniciales en el campo «Iniciales» y el sitio muestra un recuadro elegante con ellas.
↑ Volver al índice

7. Logos, premios y certificaciones

Cuatro lugares del sitio muestran logos. Todos funcionan con la misma lógica de bloques.

QuéDónde estáSección
Empresas que confíanInicioPewman · Franja de logos
Premios (carrusel con destacado)InicioPewman · Premios
Premios y respaldo (con premio destacado grande)NosotrosPewman · Premios
Certificaciones (SAG, Ecocert)Páginas de productoPewman · Certificaciones

Agregar o quitar un logo (sirve para los cuatro casos)

  1. Entra al editor y elige la página (Inicio, Nosotros o el producto).
  2. Abre la sección correspondiente con su flechita. Verás un bloque por cada logo.
  3. Para agregar: ⊕ Agregar bloque → Logo, sube la imagen y escribe el texto alternativo (el nombre de la empresa o premio).
  4. Para quitar: clic en el logo → Eliminar bloque.
  5. Para reordenar: arrastra los bloques.
  6. Guarda.

Cambiar el premio destacado

Las dos secciones de premios tienen, además de los logos, campos propios en el panel de la sección:

Haz clic en la sección (no en un logo) y edita esos campos directamente.

Formato ideal de los logosPNG con fondo transparente o blanco, de al menos 400 px de ancho. Los logos con fondos de colores distintos se ven desordenados en la franja.
↑ Volver al índice

8. Blog: publicar noticias y artículos

Esto no pasa por el editor visual: se publica desde el panel y aparece solo en el sitio.

El sitio tiene dos blogs y cada uno alimenta partes distintas:

BlogDónde aparecePara qué
Prensa y mediosPágina Prensa y medios + tarjetas «Prensa» del InicioApariciones en medios, hitos, eventos
Artículos y papersPágina Patentes y papers + tarjetas «Artículos» del InicioContenido técnico y científico propio

Publicar una entrada nueva

  1. Ve a Contenido → Artículos del blog.
  2. Toca Agregar artículo del blog (arriba a la derecha).
  3. Escribe el título y el contenido.
  4. En el panel derecho, en Organización → Blog, elige a cuál blog va: Prensa y medios o Artículos y papers. Este paso define dónde aparece.
  5. En Autor puedes poner el medio («El Mercurio Campo») o el autor real del artículo.
  6. Sube la imagen destacada: es la foto de la tarjeta en los listados.
  7. Baja hasta Extracto y escribe 1 o 2 líneas de resumen (es lo que se lee en la tarjeta).
  8. En Visibilidad elige Visible y guarda. Listo: aparece solo en el sitio.
Para escribirlo con calmaDéjalo en Oculto mientras lo redactas. Cuando esté listo, lo cambias a Visible y recién ahí sale al sitio.
Lista de artículos del blog
Contenido → Artículos del blog: el botón Agregar artículo del blog crea una entrada nueva.

La fecha de la entrada (importa mucho)

Las tarjetas de prensa muestran la fecha y el listado se ordena por fecha, de la más nueva a la más antigua. Shopify le pone a cada entrada la fecha del día en que la haces visible, pero puedes cambiarla:

  1. Dentro de la entrada, mira el panel Visibilidad: bajo «Visible» aparece «A partir del [fecha]».
  2. Toca el lápiz al lado de esa fecha.
  3. Pon la fecha real de la publicación original (por ejemplo, el día en que salió la nota en el diario) y guarda.
Para qué sirveSi cargas hoy una nota que salió en marzo, ponle la fecha de marzo: así queda ordenada en su lugar correcto dentro del listado y la tarjeta muestra la fecha verdadera.
Editor de un artículo con el lápiz de la fecha señalado
El lápiz junto a la fecha de Visibilidad cambia la fecha con que la entrada aparece y se ordena.

Editar o corregir una entrada

Ve a Contenido → Artículos del blog, haz clic en la entrada, corrige y guarda. Los cambios se reflejan de inmediato.

Extracto y selector de Blog señalados
Más abajo en la misma pantalla: el Extracto (el resumen de la tarjeta) y el selector de Blog.

Sacar una entrada del sitio

Cuántas tarjetas se muestran en el Inicio

Las secciones «Prensa y medios» y «Artículos» del Inicio muestran las últimas entradas de cada blog (por defecto, 3). Para cambiar cuántas: editor → Inicio → clic en la sección → campo Cuántas mostrar. Ahí también puedes activar o desactivar que se muestre la fecha.

↑ Volver al índice

9. Crear una página nueva desde cero

Una página de aterrizaje para una feria, una página por cultivo, lo que necesites. Son dos partes: crearla y diseñarla.

Parte A: crear la página

  1. Ve a Tienda online → Páginas y toca Añadir página.
  2. Escribe el título (será el nombre de la página y parte de su dirección web).
  3. El campo Contenido puedes dejarlo vacío: el diseño lo armarás con secciones en el paso siguiente.
  4. En Visibilidad déjala en Oculto mientras la construyes (así nadie la ve a medias).
  5. En Plantilla deja «Página predeterminada».
  6. Guarda.
Formulario Agregar página
Agregar página: parte Oculta mientras la construyes y usa la Plantilla predeterminada.

Parte B: diseñarla con secciones

  1. Entra al editor (Tienda online → Editar tema).
  2. En el selector de arriba elige Páginas y busca tu página nueva.
  3. Toca ⊕ Agregar sección, escribe pewman y arma la página pieza por pieza. Una receta que funciona casi siempre:
    • Pewman · Hero de página como encabezado (título grande, con o sin foto de fondo).
    • Pewman · Imagen + texto para contar lo principal (una o varias, alternando la imagen a izquierda y derecha).
    • Pewman · Preguntas si hay dudas típicas que responder.
    • Pewman · Banda CTA al final, con botón a WhatsApp o Contacto.
  4. Guarda.
  5. Cuando esté lista: vuelve a Tienda online → Páginas, abre la página y cambia Visibilidad a Visible.
  6. Si corresponde, agrégala al menú del sitio (capítulo 12).
Título y dirección webSi la página se llama «Cultivos de cerezo», su dirección será pewmaninnovation.net/pages/cultivos-de-cerezo. Puedes ajustar esa dirección al final de la ficha de la página, en «Publicación en motores de búsqueda» → Editar.
Una plantilla por página cuando el diseño es distintoSi en el editor eliges tu página nueva y ves que comparte plantilla con otra («Se ha asignado a 2 páginas»), los cambios de diseño afectarían a ambas. Para darle diseño propio: en la ficha de la página (Tienda online → Páginas), en el panel Plantilla, crea una plantilla nueva. Si ese paso te complica, pide apoyo la primera vez.
↑ Volver al índice

10. Recetas rápidas por sección

Los cambios más pedidos, uno por uno. Todos parten igual: editor → elegir la página → clic en la sección.

El carrusel del Inicio (hero)

Sección Pewman · Hero carrusel en la Página de inicio. Cada lámina es un bloque Slide con: foto de fondo, titular, texto, color del recuadro y hasta dos botones.

Los encabezados de las demás páginas

Cada página interior parte con Pewman · Hero de página: título, texto, foto de fondo opcional, color del recuadro y la miga de pan (Inicio › Nosotros). Todo editable en el panel de la sección.

Los contadores del Inicio (+5000 hectáreas...)

Sección Pewman · Estadísticas. Cada número es un bloque con: valor (solo el número), prefijo (+), sufijo (%) y descripción. Cambia el valor y guarda; la animación de conteo es automática.

Casos de éxito, testimonios y ensayos

Papers y patentes (página Patentes y papers)

Sostenibilidad (página Nosotros)

Sección Pewman · Sostenibilidad. Tiene varias partes, todas editables:

Piezas para armar páginas: Imagen + texto, Preguntas, Banda CTA

El banner de CALS (distribuidor)

Sección Pewman · Banner CALS en el Inicio. Cada zona del país es un bloque con sus sucursales y su enlace. En el panel de la sección hay un interruptor para que el banner pida los datos del visitante antes de derivarlo a CALS (recomendado: los contactos quedan registrados) o lo lleve directo.

La guía descargable de cada producto

En las páginas de producto, sección Pewman · Guía gated: el visitante deja sus datos y descarga la guía de aplicación.

Mecanismos de acción (páginas de producto)

Sección Pewman · Mecanismo: hasta 3 pasos (Biológico, Físico, Sistémico), cada uno con título, descripción y un esquema opcional (imagen). La sección tiene además foto de fondo con controles de encuadre y oscurecido.

↑ Volver al índice

11. Fotos y archivos

Dónde viven las imágenes y los PDF, y cómo obtener el enlace de cualquiera.

Subir un archivo

  1. Ve a Contenido → Archivos.
  2. Toca Subir archivos y elige la foto o el PDF.
  3. Cuando termine de subir, aparece en la lista con su fecha y tamaño.

Copiar el enlace de un archivo

En la lista de Archivos, a la derecha de cada archivo hay un ícono de enlace: haz clic y queda copiado. Ese enlace sirve para pegarlo donde una sección pida «URL del PDF» (ensayos, documentos de sostenibilidad, papers).

Pantalla de Archivos
Contenido → Archivos: Subir archivos arriba a la derecha y, en cada fila, el ícono de enlace para copiar su URL.

Tamaños recomendados

UsoTamaño idealFormato
Fotos de fondo (heros, banners)2000 px de ancho o más, horizontalJPG
Fotos del equipo800 × 800 px, cuadradaJPG
Logos (empresas, premios)400 px de ancho o másPNG fondo transparente
Portadas de guías700 × 1000 px, verticalPNG o JPG
Fotos de casos y tarjetas1200 px de anchoJPG
Esquemas y diagramas1200 px de ancho, fondo blanco o transparentePNG
Nombra bien los archivos antes de subirlos«ensayo-cerezos-curico-2026.pdf» se encuentra en un segundo. «documento1.pdf» no. Usa minúsculas y guiones, sin tildes ni espacios.
El texto alternativo de las imágenesAl hacer clic en una imagen en Archivos puedes agregarle un «texto alternativo»: una frase que describe la foto. Ayuda al posicionamiento en Google y a las personas que navegan con lector de pantalla. Dos minutos bien invertidos.
No borres archivos que estén en usoLa columna Referencias muestra dónde se usa cada archivo. Si borras uno con referencias, en el sitio queda un hueco donde estaba esa imagen. Ante la duda, no borres: los archivos no estorban.
↑ Volver al índice

12. El menú de navegación y el pie de página

Los enlaces de arriba y de abajo del sitio se administran en un solo lugar.

Ve a Contenido → Menús. Ahí viven:

MenúQué controla
Main menuEl menú superior del sitio: Inicio, Productos, Casos, Nosotros, Prensa y medios, Contacto.
Pewman Footer ProductosLa columna «Productos» del pie de página.
Pewman Footer EmpresaLa columna «Empresa» del pie de página.
Footer menu · Customer account main menuMenús técnicos de Shopify. No los toques.
Pantalla de Menús con Main menu señalado
Contenido → Menús: Main menu es el menú superior; los dos «Pewman Footer» son las columnas del pie.

Agregar un enlace al menú

  1. Entra al menú (por ejemplo, Main menu).
  2. Toca Agregar elemento de menú.
  3. Escribe el nombre visible y elige el destino: empieza a escribir y Shopify te sugiere páginas, productos y blogs. También puedes pegar una dirección.
  4. Arrastra los elementos para ordenarlos. Para crear un submenú (como el de Productos), arrastra un elemento un nivel hacia adentro, debajo de su padre.
  5. Toca Guardar menú.
Quitar o renombrarCada elemento del menú tiene su lápiz (editar) y su basurero (quitar). Quitar un enlace del menú no borra la página: solo deja de aparecer en el menú.
↑ Volver al índice

13. Productos: precios, stock y fichas

Cambiar un precio toma menos de un minuto. Crear un producto nuevo, un rato más.

Cambiar un precio

  1. Ve a Productos y entra al producto.
  2. Baja hasta Variantes: ahí están 1 L, 5 L y 20 L.
  3. Haz clic en la variante, escribe el precio nuevo y guarda.
Los precios ya incluyen IVALa tienda está configurada así: si pones $50.000, el cliente paga $50.000 con IVA incluido. No lo sumes aparte.

Stock

Hoy los productos se venden sin control de inventario: nunca aparecen agotados. Si en algún momento quieren mostrar «Agotado» o llevar inventario real, eso se activa en la ficha del producto, variante por variante. Pide apoyo la primera vez.

La ficha extendida del producto (los campos especiales)

Dentro de cada producto, al final de la ficha, hay una lista de metacampos. Cada uno alimenta una parte de la página del producto:

CampoQué aparece en la página
Titular del heroLa frase grande de la portada del producto
Imagen del heroLa foto de fondo de esa portada
Copy de la caja de compraLos puntos al lado del botón de compra
Cultivos compatiblesLa lista de cultivos donde se aplica
CertificacionesLos sellos (SAG, Ecocert)
PDF guía de aplicaciónEl archivo que se descarga tras llenar el formulario de la guía

Los campos que dejes vacíos simplemente no se muestran y la página se ve bien igual.

Crear un producto nuevo

Se hace una sola vez por producto y la página se arma sola con lo que cargues:

  1. Crear: Productos → Agregar producto. Título, descripción, fotos (la primera es la principal).
  2. Variantes: crea las presentaciones (1 L, 5 L, 20 L) con su precio. En cada una escribe el peso en kilos: es obligatorio para calcular el envío.
  3. Campos especiales: llena los metacampos de la tabla de arriba (los que tengas).
  4. Beneficios y mecanismo: estos dos van en el editor visual, no en la ficha. Editor → selector de arriba → Productos → tu producto → llena las secciones Pewman · Beneficios (ícono + texto por beneficio) y Pewman · Mecanismo (hasta 3 pasos). Mientras estén vacías, esas secciones no se muestran y la página no se ve rota.
  5. Mostrarlo en el Inicio: editor → Página de inicio → sección Pewman · Soluciones → ⊕ Agregar bloque → Tarjeta de producto → elige el producto, sube su logo y escribe sus beneficios resumidos.
  6. Agregarlo al menú: Contenido → Menús → Main menu → Agregar elemento (capítulo 12).
Nunca borres un productoSi deja de venderse, archívalo (dentro del producto, al final: Archivar). Borrar pierde el historial de ventas y rompe los enlaces que ya circulan. Archivar es reversible; borrar no.
↑ Volver al índice

14. Pedidos: el día a día

Qué hacer cuando alguien compra.

Cuando entra una compra te llega un correo y el pedido aparece en Pedidos.

Preparar un envío

  1. Entra al pedido haciendo clic sobre él.
  2. Revisa qué compró y la dirección de despacho.
  3. Prepara el paquete.
  4. Cuando lo despaches, entra otra vez al pedido y toca Preparar pedido.
  5. Escribe el número de seguimiento de Blue Express y guarda.
El correo al cliente es automáticoAl guardar el número de seguimiento, el cliente recibe un correo con su tracking. No tienes que escribirle tú.
El formato de 20 litros va aparteEl bidón de 20 L no se despacha por courier: se coordina directo con el cliente. Si aparece un pedido con ese formato, contáctalo para acordar la entrega.
↑ Volver al índice

15. Catálogo completo de secciones

Las 36 piezas «Pewman ·» disponibles en Agregar sección, agrupadas por lo que hacen. Las etiquetas indican qué bloques acepta cada una.

Portadas y encabezados

Pewman · Hero carrusel

El carrusel grande del Inicio. Foto, titular, recuadro de color y botones por lámina.

agrega y quita: slide
Pewman · Hero de página

Encabezado de página interior, con o sin foto de fondo y miga de pan.

campos propios
Pewman · Hero de producto

Portada de una página de producto. Toma foto y color desde la ficha del producto.

campos propios

Contenido para armar páginas

Pewman · Imagen + texto

Foto a un lado, texto al otro, botón opcional. La pieza más versátil.

campos propios
Pewman · Preguntas

Preguntas frecuentes en acordeón.

agrega y quita: pregunta
Pewman · Texto (prosa)

Un bloque de texto con formato, sin imagen.

campos propios
Pewman · Columnas

Dos o más tarjetas de título + texto (propósito y visión).

agrega y quita: tarjeta
Pewman · Banner imagen

Una imagen ancha, opcionalmente clickeable.

campos propios
Pewman · Banda CTA

Franja de llamado a la acción con hasta dos botones y foto de fondo regulable.

campos propios

Empresa y equipo

Pewman · Equipo

El equipo por regiones. Cada persona con foto, cargo, título académico y LinkedIn.

regionesintegrantes
Pewman · Timeline

La historia de la empresa por hitos, con foto y chips de países.

agrega y quita: hito
Pewman · Sostenibilidad

Banner, política, pilares con ícono (o imagen propia, ideal ODS) y documentos descargables.

pilaresdocumentos

Prueba social y respaldo

Pewman · Premios (Inicio)

Texto del reconocimiento + sello destacado + carrusel de logos.

agrega y quita: logo
Pewman · Premios (Nosotros)

Premio destacado grande + grilla de logos.

agrega y quita: logo
Pewman · Franja de logos

Empresas que confían en nosotros.

agrega y quita: logo
Pewman · Estadísticas

Contadores animados (+5000 hectáreas...).

agrega y quita: estadística
Pewman · Casos de éxito

Carrusel de casos por cultivo.

agrega y quita: caso
Pewman · Testimonios

Testimonios en video de productores.

agrega y quita: testimonio
Pewman · Ensayos

Ensayos de campo por categoría, con informe PDF opcional.

categoríasensayos
Pewman · Papers

Artículos técnicos: lee el blog automáticamente o tarjetas fijas con enlace.

agrega y quita: paper
Pewman · Patentes

Patentes por país con número de registro.

agrega y quita: patente
Pewman · Certificaciones

Sellos y certificaciones del producto.

agrega y quita: sello
Pewman · Confianza + mapa

Mapa de presencia + texto de confianza.

campos propios
Pewman · Resultados

Resultado destacado con foto al lado (temporadas, cifras).

campos propios

Producto

Pewman · Beneficios

Hasta 6 beneficios con ícono (o imagen propia).

agrega y quita: beneficio
Pewman · Ficha producto

La caja de compra: formatos, precio y botón.

campos propios
Pewman · Mecanismo

Los mecanismos de acción, cada uno con su esquema opcional.

agrega y quita: paso
Pewman · Cultivos

Listado de cultivos donde se aplica.

campos propios
Pewman · Soluciones

Tarjetas de los productos con sus beneficios (Inicio).

agrega y quita: tarjeta
Pewman · Guía gated

Descarga de la guía a cambio de los datos del visitante.

campos propios

Conversión y noticias

Pewman · Formulario

Formulario de contacto sobre foto de fondo.

campos propios
Pewman · Contacto full

Página de contacto completa: datos + formulario.

campos propios
Pewman · Banner CALS

Banner del distribuidor con selector de zona y formulario opcional.

agrega y quita: zona
Pewman · Noticias blog

Últimas entradas de un blog, con fecha opcional.

campos propios
Pewman · Prensa (home)

Grilla de noticias cargadas a mano (alternativa al blog).

agrega y quita: noticia
Pewman · Lista de blog

El listado completo de un blog (página Prensa y medios).

campos propios
Pewman · Artículo

El cuerpo de una nota del blog.

campos propios
Pewman · Términos

Texto legal por capítulos.

agrega y quita: sección legal
Header y FooterEl encabezado del sitio (menú superior) y el pie de página también son secciones (Pewman · Header y Pewman · Footer), pero fijas: están en todas las páginas y no se agregan ni se quitan. Sus textos y enlaces se editan haciendo clic en ellas dentro del editor, y sus menús en Contenido → Menús.
↑ Volver al índice

16. Reglas de oro y qué no tocar

Siete costumbres que evitan casi todos los problemas.

ReglaPor qué
Revisa en celular antes de guardarLa mayoría entra desde el teléfono. Lo que se ve bien en el computador puede verse mal ahí.
Oculta en vez de borrarOcultar se deshace con un clic (el ojito). Borrar obliga a rearmar todo.
Un cambio a la vezSi tocas diez cosas y algo queda raro, no sabes cuál fue. Cambia, mira, guarda.
Archiva productos, no los borresBorrar pierde el historial de ventas y rompe enlaces que ya circulan.
Nombra bien fotos y PDF«crioprotect-cerezos.jpg» se encuentra. «IMG_4821.jpg» no.
Los cambios grandes, en una copia del temaDuplicar, editar la copia, publicar. El sitio en vivo nunca queda a medias (capítulo 3).
Guarda seguidoSi cierras la pestaña sin guardar, pierdes lo que hiciste desde el último guardado.

Lo que conviene no tocar sin avisar

↑ Volver al índice

17. Si algo sale mal

Casi todo tiene arreglo simple. Busca tu caso.

«Cambié algo y quedó feo»

«No veo mi cambio en el sitio»

  1. Confirma que tocaste Guardar en el editor.
  2. Recarga el sitio con ⌘ Shift R (Mac) o Ctrl Shift R (Windows): fuerza la recarga sin memoria del navegador.
  3. Si sigue igual, espera 2 o 3 minutos: el sitio guarda copias temporales que se renuevan solas.
  4. Confirma que editaste el tema Activo y no una copia en borrador (mira la etiqueta en la barra del editor).

«Borré una sección sin querer»

Si no has guardado: deshacer (flecha arriba a la derecha) y listo. Si guardaste: la sección hay que rearmarla, pero el capítulo 15 te dice qué sección era y sus campos, y las fotos siguen en Contenido → Archivos. Para la próxima: ocultar en vez de borrar.

«Subí una foto y se ve cortada»

Las fotos se recortan automáticamente para calzar en su espacio. Soluciones:

«El texto quedó con un formato raro»

Suele pasar al pegar texto desde Word. Pega sin formato: ⌘ Shift V (Mac) o Ctrl Shift V (Windows), y aplica negritas desde la barra del editor.

«No encuentro una sección en Agregar sección»

«Estoy editando otra página sin darme cuenta»

Mira el selector de arriba al centro: dice exactamente qué página estás editando. Los cambios de una plantilla compartida afectan a todas las páginas que la usan (capítulo 9).

«Alguien llenó un formulario y no me llegó»

Los formularios dejan cada contacto registrado en el sistema de contactos de la empresa. Revisa también la carpeta de spam del correo. Si no aparece en ninguna parte, avisa: puede ser un problema de configuración.

«El sitio está caído» o algo dejó de funcionar solo

No intentes arreglarlo a la fuerza. Si el problema es de pagos, envíos, dominio o algo que nadie tocó, avisa al soporte técnico de confianza y se revisa. Anota qué estabas haciendo cuando pasó: acelera el diagnóstico.

↑ Volver al índice

18. Preguntas frecuentes

Las dudas que aparecen en los primeros meses.

¿Puedo romper el sitio por hacer clic donde no era?

Es difícil. Mientras no toques Guardar, nada cambia. Y las zonas realmente delicadas (pagos, envíos, dominio, código) están listadas en el capítulo 16: si no entras ahí, el resto es terreno seguro.

¿Los cambios se publican solos?

En el editor del tema activo: sí, al tocar Guardar quedan en vivo. En el blog y las páginas: al ponerlas en Visible. Nada se publica sin que tú lo confirmes con uno de esos dos gestos.

¿Cuántas personas pueden administrar el sitio?

Las que quieran: cada una debe tener su propio usuario de Shopify (Configuración → Usuarios). No compartan una misma clave.

¿Puedo programar una noticia para que salga en una fecha?

Sí. En la entrada del blog, en Visibilidad, toca el lápiz de la fecha y elige un día futuro: se publica sola ese día.

¿Cómo agrego un video?

La sección de testimonios acepta videos directamente. Para videos en otras partes, lo más simple es subirlos a YouTube y pegar el enlace donde la sección lo permita, o pedir apoyo para incrustarlo.

¿El sitio funciona en inglés?

Hoy el sitio es en español. Traducirlo es un proyecto aparte (Shopify lo soporta), no un ajuste del día a día.

¿Dónde veo cuánta gente visita el sitio?

En Informes y estadísticas del panel: visitas, ventas, productos más vistos y de dónde llega la gente.

¿Qué pasa si dos personas editan al mismo tiempo?

Gana el último que guarda, y puede pisar al otro sin aviso. Coordinen: una persona a la vez en el editor.

¿Cada cuánto conviene revisar el sitio?

Una vuelta rápida al mes: probar el formulario, mirar la página en celular, revisar que los precios estén al día y que las noticias nuevas estén cargadas.

↑ Volver al índice

19. Glosario

Los términos de Shopify traducidos a idioma normal.

Panel (admin)La pantalla de administración en admin.shopify.com. Desde ahí se maneja todo.
Editor del temaLa herramienta visual para cambiar el sitio (botón «Editar tema»). En algunos textos de ayuda aparece como «Personalizador».
TemaEl diseño completo del sitio. El activo es el que ve la gente; los borradores son copias de trabajo.
PlantillaEl diseño que usa una página. Varias páginas pueden compartir plantilla; los productos usan la suya.
SecciónBloque grande de una página. Se agrega, se mueve, se oculta y se borra.
BloqueElemento repetible dentro de una sección: persona, logo, slide, pregunta.
MetacamposLos campos extra al final de la ficha de un producto, que alimentan su página.
VarianteCada presentación de un producto: 1 L, 5 L, 20 L, con su propio precio y peso.
Entrada de blogUna noticia o artículo. Vive en Contenido → Artículos del blog.
ExtractoEl resumen corto de una entrada, visible en las tarjetas de los listados.
Texto alternativoDescripción breve de una imagen. Ayuda a Google y a lectores de pantalla.
VisibilidadSi una página o entrada está publicada (Visible) o guardada sin publicar (Oculto).
Miga de panLa ruta pequeña sobre el título («Inicio › Nosotros») que ayuda a ubicarse.
HeroLa portada grande de una página, con foto y titular.
CTALlamado a la acción: el botón que invita a hacer algo («Hablar con un asesor»).
CourierLa empresa de despacho (Blue Express) que lleva los pedidos.
↑ Volver al índice