Comfino WooCommerce Widget
Comfino raty WooCommerce
Integracja widgetu Comfino z WooCommerce
Umieść poniższy kod inicjalizujący na dowolnej stronie sklepu:
const script = document.createElement('script');
script.onload = function () {
ComfinoWidgetFrontend.init({
widgetKey: '{WIDGET_KEY}',
priceSelector: '{WIDGET_PRICE_SELECTOR}',
widgetTargetSelector: '{WIDGET_TARGET_SELECTOR}',
priceObserverSelector: '{WIDGET_PRICE_OBSERVER_SELECTOR}',
priceObserverLevel: {WIDGET_PRICE_OBSERVER_LEVEL},
type: '{WIDGET_TYPE}',
offerTypes: {OFFER_TYPES},
embedMethod: '{EMBED_METHOD}',
numOfInstallments: 0,
price: null,
productId: {PRODUCT_ID},
productPrice: {PRODUCT_PRICE},
platform: '{PLATFORM}',
platformName: '{PLATFORM_NAME}',
platformVersion: '{PLATFORM_VERSION}',
platformDomain: '{PLATFORM_DOMAIN}',
pluginVersion: '{PLUGIN_VERSION}',
availableProductTypes: {AVAILABLE_PRODUCT_TYPES},
productCartDetails: {PRODUCT_CART_DETAILS},
language: '{LANGUAGE}',
currency: '{CURRENCY}',
showProviderLogos: {SHOW_PROVIDER_LOGOS},
customBannerCss: '{CUSTOM_BANNER_CSS_URL}',
customCalculatorCss: '{CUSTOM_CALCULATOR_CSS_URL}',
callbackBefore: function () {},
callbackAfter: function () {},
onOfferRendered: function (jsonResponse, widgetTarget, widgetNode) { },
onWidgetBannerLoaded: function (loadedOffers) { },
onWidgetCalculatorLoaded: function (loadedOffers) { },
onWidgetCalculatorUpdated: function (activeOffer) { },
onWidgetBannerCustomCssLoaded: function (cssUrl) { },
onWidgetCalculatorCustomCssLoaded: function (cssUrl) { },
onGetPriceElement: (priceSelector, priceObserverSelector) => null,
debugMode: window.location.hash && window.location.hash.substring(1) === 'comfino_debug'
});
};
script.src = '{WIDGET_SCRIPT_URL}';
script.async = true;
document.getElementsByTagName('head')[0].appendChild(script);
Wtyczka Comfino WooCommerce dostarcza gotowy szablon skryptu inicjalizacyjnego. Otwórz formularz konfiguracyjny wtyczki, aby włączyć widget.
Aktywuj widget przełącznikiem "Widget włączony". Indywidualny klucz widgetu jest pobierany automatycznie, gdy poprawny klucz API został wprowadzony i zapisany w konfiguracji.
Skrypt inicjalizacyjny można modyfikować stosownie do swoich potrzeb.
Po zapisaniu zmian widget wyświetla się na stronach spełniających kryteria selektorów "Selektor elementu ceny widgetu" i "Selektor elementu zakotwiczenia widgetu". Pierwszy selektor wskazuje element HTML z ceną produktu (zazwyczaj strona szczegółów produktu), drugi — element, w którym widget zostanie osadzony.
Szczegółowe informacje o konfiguracji widgetu zawiera główna dokumentacja widgetu Comfino.