Fast Tags | Cómo instalar
💡 Fast Tags es una potente función disponible para Shopify y WooCommerce que mejora tu tienda online. Las Fast Tags ayuda a impulsar la conversión de tu sitio web mostrando la velocidad de tu servicio de entrega, infundiendo confianza en tus clientes. 💨
¿No sabe qué es Fast Tags ? Descubra la función
Aprende a desbloquear esta valiosa función en este artículo.
Elija su método de visualización Fast Tags
Bigblue ofrece dos maneras de mostrar los Fast Tags en su tienda:
1/ Colocación automática [Modo por defecto] |
2/ Colocación manual | |
|---|---|---|
| Descripción | El modo por defecto para empezar con Fast Tags. Activa Fast Tags en 1 clic y colócala automáticamente en tu tienda. |
Modo avanzado Elige dónde mostrar la insignia Fast Tag . |
| ¿Dónde se muestra Fast Tag ? |
|
|
| Compatible con | La mayoría de las tiendas estándar *La colocación automática no funciona en algunos temas. Si ese es el caso puede utilizar una colocación Manual. |
Todas las tiendas Shopify y WooCommerce |
| Configurar | No necesita código | Requiere editar el Tema de su tienda |
| Personalización | Mediante código (CSS), puede editar el aspecto de Fast Tag . | Mediante código (CSS), puede editar la ubicación y el aspecto de Fast Tag . |
- Colocación automática
La colocación automática no requiere experiencia en desarrollo web: active Fast Tags con un solo clic directamente en los ajustes de Bigblue. El distintivo se coloca automáticamente antes del botón "Añadir al carrito" en las páginas de productos.
- Colocación manual
La colocación manual permite a los usuarios con experiencia en desarrollo web ajustar la ubicación de Fast Tag, colocándola en cualquier lugar de la página del producto que deseen.
La colocación manual le permite mostrar los Fast Tags libremente en su tienda, ofreciendo una personalización adicional:
- Elija entre 2 tipos de insignias (sólo Shopify)
- Insignia de producto: Ofrecer una promesa de entrega para un producto específico.
- Insignia del carrito: Ofrecer una promesa de entrega basada en todos los productos del carrito.
- Personaliza la visualización de las insignias según tus preferencias
- En Shopify, puedes mostrar las insignias de Fast Tags en tus páginas exactamente como quieras, permitiéndote tener una disposición única para cada página.
- En WooCommerce, los Fast Tags se pueden mostrar en las páginas de productos, en las listas de productos y en el carrito.
⚠️ Para colocar Fast Tags manualmente, Bigblue recomienda que los comerciantes obtengan ayuda de un desarrollador, o que tenga experiencia en la edición de la plantilla de su tienda.
Activar Fast Tags en Bigblue
- Para activar Fast Tags, primero, vaya a la aplicación Bigblue y visite los ajustes de integración de su tienda
- En los ajustes de Fast Tags , haga clic en "Editar".
- A continuación, en la página de configuración Fast Tags , seleccione el método de visualización que prefiera
- Haga clic en "Guardar y activar".
Implemente su método de exposición Fast Tag en su tienda
En Shopify
Colocación automática en las páginas de productos
- Una vez que haya seleccionado la opción "Colocar la insignia automáticamente en las páginas de productos" en la página de configuración Fast Tags , ¡ya está todo listo! Fast Tags se mostrará ahora encima del botón "Añadir al carrito" en todas sus páginas de productos de la siguiente manera:
Colocación manual mediante edición directa de códigos
Para añadir Fast Tags manualmente a tu tienda en Shopify, necesitas editar la plantilla de tu tienda, añadiendo bloques de código donde quieras mostrar Fast Tags.
Para inyectar la insignia de producto, utilice el código siguiente
<bigblue data-component="fast-tag-product" data-product="{{ product.id }}" data-variant="{{ product.selected_or_first_available_variant.id }}"></bigblue>
Para inyectar una insignia de carro, utilice el siguiente código
<bigblue data-component="fast-tag-cart"></bigblue>
Colocación manual utilizando el Editor de temas (y añadiendo un bloque líquido personalizado)
Coloque un Fast Tag en sus páginas de productos
- En Shopify, vaya a Tienda Online → Temas
- A la derecha, haga clic en "Personalizar".
- Selecciona una página de producto para modificar
- Haga clic en "Añadir bloque" y seleccione "Líquido personalizado".
- A continuación, arrástralo y suéltalo en la posición en la que desee que aparezca Fast Tag .
- Copia y pega el siguiente código
<bigblue data-component="fast-tag-product" data-product="{{ product.id }}" data-variant="{{ product.selected_or_first_available_variant.id }}"></bigblue>
- Guarda (y publica si se solicita)
- Vaya a la página de uno de sus productos y verá Fast Tag.
- Fast Tag ¿no aparecen inmediatamente? Tanto Shopify como Bigblue tienen sistemas de caché para garantizar la inyección rápida de etiquetas más rápida. Para conseguir un rendimiento óptimo, es posible que estas cachés necesiten tiempo para expirar, normalmente después de esperar hasta 10 minutos. Sin embargo, en la mayoría de los casos, 5 minutos son suficientes. Si el problema persiste y sigue sin ver Fast Tag después de 10 minutos, siga nuestra guía de solución de problemas.
- Ahora debería poder ver el FT tal y como se muestra a continuación:
🎉 Has inyectado correctamente el Fast Tag en la página de tu producto.
Pon un Fast Tag en tu cesta
- En Shopify, vaya a Tienda Online → Temas
- A la derecha, haga clic en "Personalizar".
- Selecciona la página del carrito
- Haga clic en "Añadir sección" y seleccione "Líquido personalizado".
- Copia y pega el siguiente código
<bigblue data-component="fast-tag-cart"></bigblue>
- Guarda (y publica si se solicita)
- Vaya a la página de su carrito, ¡debería ver un Fast Tag!
- Fast Tag ¿no aparecen inmediatamente? Tanto Shopify como Bigblue tienen sistemas de caché para garantizar la inyección rápida de etiquetas más rápida. Para conseguir un rendimiento óptimo, es posible que estas cachés necesiten tiempo para expirar, normalmente después de esperar hasta 10 minutos. Sin embargo, en la mayoría de los casos, 5 minutos son suficientes. Si el problema persiste y sigue sin ver Fast Tag después de 10 minutos, siga nuestra guía de solución de problemas.
- Ahora debería poder ver el FT tal y como se muestra a continuación:
🎉 Has inyectado correctamente el Fast Tag en la página de tu carrito.
En WooCommerce
Colocación automática en las páginas de productos
Para utilizar este método, instale o actualice el plugin Bigblue WooCommerce. Una vez activada la colocación automática, no se requiere ninguna acción adicional. El Fast Tags debe aparecer en las páginas de productos de su sitio después de unos segundos.
El tag inyectado se actualiza automáticamente cuando se selecciona una variación de producto diferente.
Colocación manual en las páginas de productos
Para añadir manualmente Fast Tags a tu tienda, debes editar los archivos PHP que generan las páginas de su sitio. En los casos más comunes, están disponibles en /var/www/html/wp-content/plugins/woocommerce/templates .
- Para mostrar un Fast Tag en WooCommerce, añada el siguiente fragmento de código en el código HTML, sustituyendo YOUR_PRODUCT_ID por un ID de producto, y YOUR_VARIATION_ID, si existe, por un ID de variación:
<bigblue data-component="fast-tag-product" data-product="YOUR_PRODUCT_ID" data-variant="YOUR_VARIATION_ID"></bigblue>
- Dependiendo de cómo planees inyectar este snippet, puedes beneficiarte de los globales de WooCommerce para inferir automáticamente el ID del producto y el ID de la variante de la página del producto. Por ejemplo, al editar short-description.php para inyectar una insignia en un producto con o sin variantes:
<div class="woocommerce-product-details__short-description">
<?php echo $short_description; ?>
<?php
$product = wc_get_product();
if ($product) {
if ( $product->is_type( 'variable' ) ) {
$childrens = $product->get_children();
if ($childrens) {
$defaultvariation = "";
foreach ($childrens as $productChild) {
$defaultvariation = wc_get_product($productChild)->get_variation_id();
}
echo "<bigblue data-component=\"fast-tag-product\" data-product=\"".$product->get_id()."\" data-variant=\"".$defaultvariation."\"></bigblue>";
}
wc_enqueue_js("
$( 'form.variations_form' ).on('show_variation', function(_, data){
var updatedVariation = data.variation_id.toString()
if( updatedVariation != \"\" ) {
var tags = document.body.querySelectorAll('bigblue[data-component=\"fast-tag-product\"]')
if (tags !== undefined){
for (var i=0; i < tags.length; i++) {
if (tags[i].getAttribute(\"data-product\") === \"".$product->get_id()."\") {
tags[i].setAttribute(\"data-variant\", updatedVariation);
}
}
}
}
});
");
} else {
echo "<bigblue data-component=\"fast-tag-product\" data-product=\"".$product->get_id()."\"></bigblue>";
}
}
?>
</div>
- Pónte en contacto con tu administrador para obtener más detalles.
☝ ¿Has probado la configuración y no ves ninguna etiqueta? Consulte nuestra guía de resolución de problemas