Jose Luiz Rodrigues zeluizr

⚛️ Custom Component Documentation

Creating a Custom Component

First create a file in /react/components/{filename}

Alternativas a console.log

console.log("¡Hola, consola!");

Nivel de log

console.info("Información");

Parámetros UTMI en VTEX

Los parámetros UTMI (Uniform Tracking Module Internal) son utilizados por la plataforma VTEX para el seguimiento interno de campañas y páginas. Estos parámetros ayudan a los gestores de marketing y análisis de datos a entender mejor el comportamiento del usuario y la eficacia de sus estrategias de marketing.

Tipos de Parámetros UTMI

1. `utmi_cp` (utmiCampaign)

Definición: Este parámetro se utiliza para identificar la campaña interna dentro de VTEX.
Uso: Sirve para rastrear y medir el rendimiento de diferentes campañas de marketing internas. Por ejemplo, si está ejecutando varias campañas de correo electrónico o promociones específicas, puede usar utmi_cp para diferenciarlas y analizar cuál campaña está generando más tráfico o conversiones.

Visualización de precios asíncronos

[email protected]

Aunque es útil para mejorar la experiencia del usuario, mostrar los precios más actualizados tiene el alto costo de aumentar el tiempo de respuesta de la página de su tienda.

Esto se debe al hecho de que obtener los precios más recientes en la base de datos de su tienda se basa en realizar una nueva solicitud al servidor cada vez que se muestra un producto en la interfaz.

Una salida favorable es configurar su tienda para obtener precios de productos en el lado del cliente, promoviendo una disminución del tiempo de respuesta en sus páginas para mostrar los precios asincrónicos.

	mutation AddToCart($orderFormId: ID!, $items: [ItemInput!]!) {
	addToCart(orderFormId: $orderFormId, items: $items) {
	id
	items {
	id
	name
	attachments {
	name
	content
	}

	<p>¿Te duelen las articulaciones?</p>

	<p>No te preocupes, ahora existe una formulación natural para combatir tu problema.</p>

	<p><strong>Helix Original Proteína de Caracol para 1 Mes Único con Nutrelix Repara Regenera Lubrica Articulaciones</strong> ha sido desarrollado en Europa a partir de las asombrosas propiedades reconstituyentes del caracol.</p>

	<p>El secreto es el <strong>Nutrelix</strong> un efectivo componente patentado de <strong>Helix Original</strong> que basa su efectividad en la acción regeneradora de la proteína del caracol en estado natural.</p>

	<p>¿Cómo? Sintetizándola para transportarla directamente hasta las articulaciones, el corazón del movimiento en nuestro organismo.</p>

	{
	"store.home": {
	"blocks": ["rich-text", "sponsored-banner#home"]
	},
	"sponsored-banner#home": {
	"props": {
	"isActive": true,
	"tenent_id": "",
	"client_id": "",
	"access_token": ""

	class Queue {
	#items = [];

	enqueue(item) {
	this.#items.push(item);
	}

	dequeue() {
	return this.#items.shift();
	}

	{
	"currency": "CLP",
	"eventName": "vtex:cartChanged",
	"event": "cartChanged",
	"items": [
	{
	"skuId": "25",
	"variant": "Gulab Powder 50 Gram",
	"price": 7900,
	"priceIsInt": true,

	const express = require('express')
	const app = express()
	const xml = require('xml')
	app.get('/users', (req, res, next) => {
	let xml = `<?xml version="1.0" encoding="UTF-8"?>`
	xml += `<user>`
	for (let i = 0; i < 99; i++) {
	xml += `
	<customer>
	<firstName>Henry</firstName>