Copyright © Vertegrande. 2026. Agencia de Marketing & Diseño Web en Puerto Madryn / Contanos tu Proyecto. Esto puede ser el principio de una gran aventura.

Author Archives: vertegrande

Phygital, la experiencia en ascenso para los consumidores postpandemia

Comentarios desactivados en Phygital, la experiencia en ascenso para los consumidores postpandemia
Posted by vertegrande on 5 diciembre, 2021 – 2:09 pm
Filed under Marketing, Marketing Digital

Es más común de lo que pensamos que los hábitos de compra suelen ir cambiando poco a poco con el tiempo.  Pero el estallido del Covid-19 transformó el comportamiento de los consumidores por completo, modificandolo de forma brusca y sin avisar.

Las compras online se convirtieron en algo indispensable este ultimo año, pero con la nueva normalidad que viene llegando poco a poco a cada ciudad del mundo, las personas valoran mucho el poder pisar de nuevo las tiendas físicas.

Muchas empresas tratan de adaptarse a los nuevos tiempos y se están sumando al llamado enfoque phygital (physical + digital) para ofrecer una experiencia híbrida.

¿Qué es el concepto ´phygical´?

Muchas empresas tratan de adaptarse a estos nuevos tiempos y se están sumando a esta nueva experiencia ‘phygical’, uniendo lo físico con lo digital, para ofrecer una experiencia híbrida.

De lo que trata esta experiencia es de mezclar el ecommerce y las tiendas físicas, teniendo en cuenta las ventajas de cada uno de los entornos para generar una experiencia de compra omnicanal.

Esto se debe a que la interacción física en las tiendas sigue siendo un valor muy importante para los consumidores, así cómo en la parte digital suelen apreciar la inmediatez y la interacción.

Según un estudio realizado por la consultora PwC, en el último año los consumidores son más conscientes de en su toma de decisiones y evolucionaron para ser más digitales y ecológicos. Además, las compras online siguen creciendo gracias al uso del smartphone.

Por otro lado, la tienda física también se recupera, ya que ha aumentado el consumo local por las restricciones en los viajes. No solo eso, si no que también lo hacen con intención de apoyar a los comercios locales.

Se cree que las tendencias de los consumidores van a seguir este camino por un tiempo y es por ello, que las empresas deben adecuar sus productos y servicios para cumplir con las demandas y expectativas de los nuevos consumidores: más digitales, más ecológicos, más controlados en sus gastos y más locales.

Desde el punto de vista del marketing

La experiencia phygical puede ser la clave del éxito, pero para ello algunas empresas tienen la obligación de digitalizarse.

Está claro que cuánto más tarde una empresa en iniciar el tránsito de la transformación digital, más difícil será su adaptación e incluso liderar el mercado, pero esta decisión debe tomarse de manera estratégica.

Añadir el carrito de WooCommerce en el menú de tu plantilla con recuento de item

Comentarios desactivados en Añadir el carrito de WooCommerce en el menú de tu plantilla con recuento de item
Posted by vertegrande on 19 octubre, 2021 – 11:53 pm
Filed under E-Commerce, WooCommerce, WordPress

Aquí hay una forma de agregar el ícono del carrito de WooCommerce a un menú con el recuento de artículos del carrito, se vincula a la página del carrito y muestra la cantidad de artículos que se han agregado al carrito.

El código completo usa tres (3) funciones php. Este código php debe agregarse y debe agregarse a functions.php de su tema.
El código CSS debe agregarse a su CSS personalizado o en la hoja de estilo.

Paso 1.

Cree un código abreviado para el carrito de WooCommerce, esto puede agregarse a un menú o simplemente agregarse en cualquier lugar de las plantillas de su tema o engancharse con acciones  en el tema.

Crear código corto

El shortcode, en este caso, sería [woo_cart_but]

//code for cart addon
add_shortcode('woo_cart_but', 'woo_cart_but');
/**
 * Create Shortcode for WooCommerce Cart Menu Item
 */
function woo_cart_but()
{
    ob_start();
    $cart_count = WC()
        ->cart->cart_contents_count; // Set variable for cart item count
    $cart_url = wc_get_cart_url(); // Set Cart URL
    
?>
       <a class="menu-item cart-contents" href="<?php echo $cart_url; ?>" title="My Basket">
        <?php
    if ($cart_count > 0)
    {
?>
            <span class="cart-contents-count"><?php echo $cart_count; ?></span>
        <?php
    }
?>
        </a>
        <?php
    return ob_get_clean();
}

Paso 2.

Filtrar para habilitar Ajax en el recuento de carritos

Agregue un filtro para que el recuento de carritos se actualice cuando cambie utilizando los fragmentos Ajax.

//Add a filter to get the cart count
add_filter('woocommerce_add_to_cart_fragments', 'woo_cart_but_count');
/**
 * Add AJAX Shortcode when cart contents update
 */
function woo_cart_but_count($fragments)
{
    ob_start();
    $cart_count = WC()
        ->cart->cart_contents_count;
    $cart_url = wc_get_cart_url();
?>
    <a class="cart-contents menu-item" href="<?php echo $cart_url; ?>" title="<?php _e('View your shopping cart'); ?>">
    <?php
    if ($cart_count > 0)
    {
?>
        <span class="cart-contents-count"><?php echo $cart_count; ?></span>
        <?php
    }
?></a>
    <?php
    $fragments['a.cart-contents'] = ob_get_clean();
    return $fragments;
}

Paso 3.

Agregar icono de carrito a un menú existente

Utilice una variante de wp_nav_menu_items para especificar el menú real en el filtro. Por ejemplo, si el menú tiene un ID de ‘ top-menu ‘, establezca el nombre del filtro en wp_nav_menu_top-menu_items

Si su menú tuviera el ID de menú principal, el nombre del filtro se cambiaría a  wp_nav_menu_primary-menu_items,  etc.

//Add Cart Icon to an existing menu
add_filter( 'wp_nav_menu_top-menu_items', 'woo_cart_but_icon', 10, 2 ); // Change menu to suit - example uses 'top-menu'
/**
 * Add WooCommerce Cart Menu Item Shortcode to particular menu
 */
function woo_cart_but_icon ( $items, $args ) {
       $items .=  '[woo_cart_but]'; // Adding the created Icon via the shortcode already created
       
       return $items;
}

Agregar icono de carrito por sí mismo

Si desea el ícono del carrito solo (no en un menú), puede usar el código corto o para los archivos de plantilla PHP puede usar  do_shortcode

<?php echo do_shortcode("[woo_cart_but]"); ?>

Agregar CSS

Finalmente, agregue algo de CSS …

/* # WooCommerce Cart Icon ---------------------------------------------------------------------------------------------------- */
 .cart-contents {
     display: flex !important;
}
 .cart-contents:before {
     font-family: 'dashicons';
     font-weight: 900;
     content: "\f174" !important;
     font-size: 17px;
     color: #000000;
}
 .cart-contents:hover {
     text-decoration: none;
}
 .cart-contents-count {
     position: absolute;
     top: 15px;
     left: 5px;
     transform: translateY(-105%) translateX(25%);
     font-family: Arial, Helvetica, sans-serif;
     font-weight: normal;
     font-size: 12px;
     line-height: 22px;
     height: 22px;
     width: 22px;
     vertical-align: middle;
     text-align: center;
     color: #fff;
     background: #ffaa00;
     border-radius: 50%;
     padding: 1px;
}

Reglamentaron la Ley de Góndolas para las tiendas virtuales

Comentarios desactivados en Reglamentaron la Ley de Góndolas para las tiendas virtuales
Posted by vertegrande on 10 septiembre, 2021 – 12:41 pm
Filed under E-Commerce, Negocios

Apartir de este viernes, las páginas web de las grandes cadenas de supermercados también deberán cumplir con la Ley de Góndolas. Con productos ordenados de los más económicos a los más caros, el objetivo es que los consumidores puedan visualizar primero aquellos artículos más cercanos al bolsillo.

A través de la Resolución 926/2021, publicada esta madrugada en el Boletín Oficial, la Secretaría de Comercio Interior reglamentó la normativa. En esta primera instancia, se estableció que las góndolas virtuales deberán ordenar los productos de cada categoría de menor a mayor precio por unidad de medida.

Los sitios web estarán obligados a indicar el producto de menor precio dentro de una categoría con un logo aprobado previamente por la Secretaría de Comercio Interior. Así, aunque el consumidor ordene a los productos de otra manera a la determinada por la ley, podrá visualizar fácilmente al producto más barato por unidad de medida.

Además, se utilizará la misma señalética en las tiendas virtuales y en los salones de venta para facilitar la visualización por parte de los consumidores y consumidoras.

Más info: Telam

5 modelos de negocio e-commerce

Comentarios desactivados en 5 modelos de negocio e-commerce
Posted by vertegrande on 1 septiembre, 2021 – 3:38 pm
Filed under E-Commerce, Negocios

Cuando hablamos de comercio electrónico aparecen términos como son B2B o B2C. Pero ¿qué significan estas siglas y qué implican? Estos términos nos indican quiénes son los actores que proporcionan el servicio y a quienes se dirigen. En otras palabras, cuál es el modelo de negocio e-commerce. 

Clasificación de los modelos de negocios por Internet

Podemos encontrar diferentes modelos de negocio o business model en empresas cuyo negocio está basado en Internet.

1. Business to Consumer (B2C): En qué consiste

El modelo Business to Consumer (B2C) surge con la aparición de Internet como nuevo canal de ventas. Este modelo utilizado en e-Business consiste en un contrato comercial realizado a través de Internet, en el que un consumidor visita la página web de una empresa y realiza una compra con el fin de adquirir un producto o servicio. Los e-commerce, por ejemplo, suelen priorizar este sistema, que es útil para el cliente y ahorra costes de gestión para la empresa. Algunos ejemplos serían Carrefour, Fravega, Garbarino, etc.

2. El modelo de negocio Business to Business (B2B)

Otro business model en e-Business es el que hace referencia a la transacción realizada entre dos empresas. Por lo general, una de las empresas necesita comprarle productos o suministros a otra. En el modelo Business to Business (B2B) estas transacciones se realizan a través de páginas webs. Esto permite reducir costes de venta, compra o facturación en la relación comercial.

Los negocios B2B tienen la característica común de basarse en relaciones de largo plazo que van más allá de las personas involucradas, son relaciones basadas en la confianza y reputación de los negocios. Un ejemplo de B2B es el de los proveedores de los grandes grupos de automoción, que utilizan a menudo este sistema con sus clientes.

3. E-Business con modelos Consumer to Consumer (C2C)

El modelo Consumer to Consumer (C2C) se refiere a la venta entre consumidores individuales. Ejemplos claros de C2C son Ebay o Mercado Libre. En estos casos, los consumidores individuales realicen sus transacciones comerciales a través de un web a cambio de, normalmente, una comisión por cada venta.

4. Consumer to Business (C2B): Un modelo diferente

Las compañías e-business también pueden optar por un modelo Consumer to Business (C2B). Aquí el consumidor fija las condiciones de venta a las empresas que ofrecen el producto o servicio. Este modelo es de los últimos en hacer aparición, y resulta especialmente interesante por la manera en que se invierten los principios del comercio tradicional. Este tipo de relación se da, por ejemplo, cuando un influencer recomienda un enlace a la venta de un producto y recibe un pago de parte de la compañía por compartirlo. 

5. M2C y M2B

En lo que respecta a los modelos de negocio que se centran en la tecnología móvil, podemos encontrar los modelos Mobile to Consumer (M2C) y Mobile to Business (M2B). En ambos casos, usuarios y empresas se conectan a través de entornos de Internet móvil, integrando cada vez una mayor relación con las redes sociales.

Cambiar orden de columnas con Bootstrap

Comentarios desactivados en Cambiar orden de columnas con Bootstrap
Posted by vertegrande on 18 julio, 2021 – 8:55 pm
Filed under Bootstrap, Snippets

En ocasiones nos encontramos con la necesidad de personalizar ciertos proyectos que nos permiten descubrir nuevos tips, trucos o soluciones simples que posee  Bootstrap como framework.

Para un proyecto reciente nos encontramos con la necesidad de re-ordenar de diferentes maneras columnas dependiendo si navegaban en computadoras de escritorio o dispositivos móviles.

Con Bootstrap  podemos modificar el orden visual de las columnas mediante la clase .order- . Esta clase permite indicar la posición a la cual queremos desplazar la columna (del 1 al 12, por ejemplo .order-1, .order-2, etc.).

También podemos especificar el tamaño de pantalla para el que queremos que se aplique (por ejemplo .order-md-12). A continuación se incluye un ejemplo:

<div class="container">
  <div class="row">
    <div class="col">Primero, pero desordenado</div>
    <div class="col order-12">Segundo, pero último</div>
    <div class="col order-1">Tercero, pero primero</div>    <!-- ¡¡CUIDADO!! -->
  </div>
</div>

Resultado

Si nos fijamos en el resultado obtenido podemos ver que no se obtiene el resultado esperado, la tercera columna (en color rojo) aparece en la segunda posición en lugar de en la primera como se había indicado con «order-1«.

Esto es debido a un pequeño error al cambiar el orden de derecha izquierda. En los casos en los que simplemente queramos mover una columna hacia la derecha no se producirá este error, pero si queremos mover hacia la izquierda será necesario que establezcamos el order de todas las columnas. Por lo tanto, para que funcione correctamente el ejemplo anterior tendríamos que escribir el siguiente código:

<div class="container">
  <div class="row">
    <div class="col order-2">Primera, pero desordenada </div>   <!-- Añadimos el orden de esta columna -->
    <div class="col order-12">Segundo, pero último</div>
    <div class="col order-1">Tercero, pero primero</div>
  </div>
</div>

Ahora sí, el resultado esperado:

Como se puede ver también en este ejemplo, no es necesario que los números de columna para la ordenación sean consecutivos, simplemente se ordenarán de mayor a menor.

Hay que tener cuidado con estas clases si hay un salto de línea dentro de una misma fila (debido a que el número de columnas ocupe más de 12), ya que en estos casos el orden no funcionarán correctamente.

También disponemos de la clase «.order-first«, la cual nos permitirá situar cualquier elemento en primer lugar. Además, esta clase sí que funciona aunque haya un salto de línea.

Recordar:  Los cols se pueden ordenar de order-1 a order-12, de manera receptiva como order-md-12 order-2(último en md, segundo en  xs ) en relación con el padre .row.

Mas info de referencia

LO ULTIMO

Qué es un CRM B2C y por qué es importante para las empresas

Secciones: E-Commerce • Marketing Digital • Negocios
Publicado el 6 marzo, 2026

Marketing Digital y SEO: Estrategia real en un mercado saturado por IA

Secciones: Marketing • Seo
Publicado el 20 febrero, 2026

La otra cara del e-commerce: más devoluciones, menos margen

Secciones: E-Commerce • Marketing • Negocios
Publicado el 5 febrero, 2026

¿Sigue siendo WordPress una buena alternativa en 2026?

Secciones: WordPress
Publicado el 12 enero, 2026

Sponsor

Instagram @holavertegrande