Shopify

1-Pixel kod ekleme alanı oluşturun

Admin panelinde, sol alt köşede yer alan Ayarlar butonuna tıklayın.

Sol tarafta bulunan Müşteri Eklentileri butonuna tıklayın ve açılan sayfada Özel Pixel Ekle butonuna basın.

Açılan popupta 'Piksel adı' alanına 'Cherryo Entegrasyon' yazın ve sağ alt köşedeki Piksel Ekle butonuna tıklayın.

2- Pixel kodunu ekleyin ve kaydedin. Yönlendirildiğiniz sayfada aşağıdaki ayarları yapılandırın ve pixel kodunu ekleyin.

• İzin sekmesinden "Gerekli değil" işaretleyin.

• Veri satışı sekmesinden "Toplanan veriler, veri satışı olarak nitelendirilir"

• Kod kısmına aşağıdaki kod bloğunu ekleyin. "Brand Code" alanına, Cherryo admin panelinizde bulunan marka kodunu girin. (Bu değişikliği yapmadığınızda entegrasyon çalışmayacaktır.)

CHERRYO_APP = {
    brandCode: "Marka kodunu buraya yazın",
    approve: () => {
        analytics.subscribe("checkout_completed", (order) => {
            const event = order.data.checkout;
            const discount = (event?.discountApplications ?? {}).find((discount) => discount.type === "DISCOUNT_CODE");
            if (!event.discountApplications || event.discountApplications.length === 0 || !discount) {
                console.log("No discount found");
                return;
            }
            const discountPrice = event.lineItems.reduce((acc, item) => acc + item.discountAllocations.reduce((acc, discount) => acc + parseFloat(discount.amount.amount), 0), 0);
            console.log("discountPrice", discountPrice);
            console.log("event", event);
            fetch('https://api.cherryo.io/v1/pixel/order', {
                method: 'POST',
                headers: {
                    "Content-Type": "application/json"
                },
                body: JSON.stringify({
                    "brand_code": CHERRYO_APP.brandCode,
                    "order_number": event.order.id,
                    "coupon_code": discount?.title,
                    "total_price": parseFloat(event.totalPrice.amount).toFixed(2),
                    "tax_price": parseFloat(event.totalTax.amount).toFixed(2),
                    "price_without_tax": parseFloat(event.subtotalPrice.amount - event.totalTax.amount).toFixed(2),
                    "discount_price": parseFloat(discountPrice).toFixed(2),
                    "service_price": parseFloat(event.totalPrice.amount - event.subtotalPrice.amount).toFixed(2),
                    "is_first_order": event.order?.customer?.isFirstOrder ?? false,
                    "currency": event.totalPrice.currencyCode,
                    "country": event?.shippingAddress?.country,
                    "city": event?.shippingAddress?.city,
                    "products": event.lineItems.map((product) => {
                        return {
                            "barcode": product.variant.sku,
                            "name": product.title,
                            "price": parseFloat(product.variant.price.amount).toFixed(2),
                            "tax_price": 0,
                            "price_without_tax": parseFloat(product.variant.price.amount).toFixed(2),
                            "quantity": product.quantity,
                            "image_url": product?.variant?.image?.src ?? null,
                            "product_url": location.origin + product.variant.product.url,
                            "brand": "",
                            "category": product.variant.product.type,
                            "property1": product.variant.title,
                        }
                    })
                }),
            })
        });
    }
}
CHERRYO_APP.approve();

Üst kısımda bulunan "Kaydet" butonuna tıklayın.

3- Pixel kodunu bağlama

Üst kısımda bulunan "Bağla" butonuna tıklayın.

Açılan pop-uptan "Bağla" butonuna tıklayın.

Eklentiyi başarıyla kurmuş ve Cherryo ile entegrasyonunuzu tamamlamış oldunuz.

Herhangi bir sorunuz olması durumunda [email protected] adresinden bize ulaşabilirsiniz.