Panel de Control WebVerde

Administrador de Catálogo

Agrega, clona y gestiona tus productos en Google Sheets en tiempo real. Configura tu API y observa los cambios de inmediato.

URL de Google Apps Script

Esta URL se almacena localmente en tu navegador de forma segura.

Paso a Paso: Crear la API de Google Sheets

Crea una nueva hoja en Google Sheets y nómbrala. La primera fila se creará automáticamente con los encabezados correspondientes al subir tu primer producto.

En el menú superior de tu Sheet, ve a Extensiones > Apps Script.

Borra cualquier código existente en el archivo Código.gs, pega el código de la derecha y presiona Guardar.

Haz clic en Implementar > Nueva implementación. Selecciona "Aplicación web". Ejecutar como: "Tú", Acceso: "Cualquier persona".

Copia la URL de la aplicación web generada y pégala en la casilla superior de este panel.

Código.gs (Google Apps Script)

function doGet(e) {
  var sheet   = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  var rows    = sheet.getDataRange().getValues();
  var headers = rows[0];
  var products = [];

  for (var i = 1; i < rows.length; i++) {
    if (!rows[i][0]) continue;
    var obj = {};
    for (var j = 0; j < headers.length; j++) {
      obj[headers[j]] = rows[i][j];
    }
    products.push(obj);
  }

  return ContentService
    .createTextOutput(JSON.stringify(products))
    .setMimeType(ContentService.MimeType.JSON);
}

function doPost(e) {
  try {
    var data  = JSON.parse(e.postData.contents);
    var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();

    var img1 = data.imagenPrincipal || "";
    var img2 = data.imagen2        || "";
    var img3 = data.imagen3        || "";
    var img4 = data.imagen4        || "";

    sheet.appendRow([
      data.id, data.nombre, data.categoria, Number(data.precio),
      data.descripcion, data.material, data.tecnica, data.origen,
      img1, img2, img3, img4
    ]);

    return ContentService
      .createTextOutput(JSON.stringify({ status: "success" }))
      .setMimeType(ContentService.MimeType.JSON);

  } catch (err) {
    return ContentService
      .createTextOutput(JSON.stringify({ status: "error", message: err.toString() }))
      .setMimeType(ContentService.MimeType.JSON);
  }
}

Detalles del Nuevo Producto

Ingresa los campos para actualizar la vista previa en tiempo real.

ID Único del Producto *

Precio en Pesos (COP) *

Nombre del Producto *

Categoría / Sección *

Descripción Detallada *

Material

Técnica

Origen

Cargar Imágenes desde tu Dispositivo (Máximo 4)

Principal *

Foto 2

Foto 3

Foto 4

Previsualización de Tarjeta

BISUTERÍA • ARETES

Aretes de Oro y Palma

Precio Sugerido $0 COP

Instrucciones de Uso Rápido:

Configura la URL de tu API de Apps Script al inicio de la página.
Completa los campos obligatorios marcados con asterisco (*).
Verifica que la tarjeta en la vista previa luzca atractiva.
Guarda el producto. Los datos se registrarán en tu Google Sheet automáticamente.

Historial de Cargas Locales

Muestra los últimos 20 productos sincronizados desde este navegador.

No hay registros en tu historial

Los productos que sincronices con éxito aparecerán guardados localmente aquí.

ID / SKU	Detalles del Producto	Precio	Registro	Acciones