ComfinoPay WooCommerce Widget
ComfinoPay raty WooCommerce
Integracja widgetu ComfinoPay 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 ComfinoPay 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 ComfinoPay.