Obsoleto - Ver Shopify - Habilitar post-procesamiento de pago y sincronización de stock
Inicialmente tendrá que comprobar la sesión de Destruir en la configuración de su dominio y establecer la URL de confirmación a /checkouts?/.*/thank[_|-]you
A continuación, tendrá que añadir un script a su tienda Shopify que se ejecuta cuando el cliente completa el pago.
Hay 2 opciones que puede utilizar para activar Destruir sesión en el pago en su tienda Shopify: Píxel personalizado o Scripts adicionales.
Opción 1: Pixel personalizado (recomendado)
Añade un píxel personalizado para responder a la acción pago_completado completado.
1. Ve a la página de Eventos de clientes en la configuración de tu app de Shopify https://admin.shopify.com/settings/customer_events
2. Haga clic en Añadir píxel personalizado
3. Nombre el píxel personalizado, en este ejemplo lo llamaremos CH-Destroy-On-Checkout, y haga clic en Añadir píxel.
4. Copia el javascript de abajo y pégalo en el editor de código de píxeles
analytics.subscribe('checkout_completed', (event) => {
try {
const crowdhandler_tokens = localStorage.getItem("crowdhandler");
const ch_tokens = JSON.parse(crowdhandler_tokens);
if (ch_tokens && ch_tokens.token) {
const href = encodeURI(event.context.document.location.href);
const public_api_key = '<CH_PUBLIC_KEY>';
const token = ch_tokens.token[event.context.document.location.hostname];
if (token) {
const uri = `https://api.crowdhandler.com/v1/requests/${token}?url=${href}&ch-public-key=${public_api_key}`;
fetch(uri, {
method: 'GET'
});
}
}
} catch (error) {
}
});Debería verse así.
Replace <CH_PUBLIC_KEY> with your CrowdHandler Public API key. For example:
const public_api_key = '04d34378b3abc6e3ce870828471636b9d1e157a1b7720821aed4c260108ebe22'
5. Haga clic en Guardar para guardar su píxel personalizado.
6. Haga clic en Conectar para conectar su píxel personalizado a su tienda.
Opción 2: Guiones adicionales
Para habilitar la sesión Destroy en el pago, deberá añadir la etiqueta JavaScript estándar CrowdHandler a la página de estado del pedido. Esto se puede lograr mediante el cuadro de scripts adicionales de Shopify.
1. Vaya a la configuración de su tienda y haga clic en Pago.
2. Desplácese hacia abajo y encontrará el cuadro Guiones adicionales para la página Estado del pedido.
3. Inserte la siguiente etiqueta script en la cabecera de todas las páginas que desee proteger.
Sustituya your-public-key por su clave de API pública.
<script src="https://wait.crowdhandler.com/js/latest/main.js?id=your-public-key"></script>
Por ejemplo, si su clave de API pública es 123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123, su etiqueta de script será
<script src="https://wait.crowdhandler.com/js/latest/main.js?id=123456abcedf123456abcedf123456abcedf123456abcedf123456abcedf123"></script>
Tenga en cuenta que este javascript incluir no es el mismo que el archivo incluido en el archivo theme.liquid
4. Guarde la configuración.
Después de que se muestre al usuario la página de Estado del pedido, su sesión de CrowdHandler se destruirá y será redirigido a la sala de espera cuando navegue a una nueva página, si es necesario.
