Онлайн магазини, работещи с Shopify, могат лесно да интегрират Mokka като платежен метод чрез модул, който е разработен специално за тази платформа за онлайн магазини. В тази статия е описан процесът по инсталация, конфигурация и тестване на модула на Mokka за интеграция с Shopify.
Инсталиране на уиджети за визуализация на Mokka в списъка с продукти и продуктовите страници
Уиджетите на Mokka показват каква е минималната вноска, която може да плаща клиента, ако плати определен продукт с Mokka.
За активация на уиджетите, трябва да следвате стъпките по-долу:
1. Влезте в административния панел на онлайн магазина си, базиран на Shopify
2. В лявото меню кликнете на “+Add apps”, най-отдолу в менюто
3. Ще се отвори изскачащ прозорец с препоръчани приложения за вас. Кликнете на линка “Shopify App Store”, намиращ се в най-долната част на прозореца
4. Shopify App Store > търсене за 'Mokka'
В Shopify App Store, напишете “mokka” в полето за търене и изберете 'Mokka Widget&Events'
5. На страницата на приложението 'Mokka Widget&Events' кликнете на бутона “Add app”
6. Ще бъдете пренасочени към страница в административния панел в онлайн магазина ви, откъдето да инсталирате Mokka. Кликнете на бутона ‘Install App’ в горната дясна част на страницата.
6. Payment Method > Production > Save
Ще бъдете пренасочени към друга страница за конфигурация на плъгина.
- В настройката ‘Payment Method’, изберете ‘Production’
- Натиснете бутона ‘Save’, горе вдясно на страницата
Инсталиране и конфигурация на платежен метод Mokka в Shopify
След като инсталирате и запазите промените за конфигурацията на приложението на Mokka за продуктовите страници, ще бъдете пренасочени към нова страница, където да интегрирате Mokka като платежен метод.
Това е задължителна стъпка, за да можете да покажете и приложението на Mokka на страниците с продукти.
1. За да добавите Mokka като платежен метод, в долната дясна част на екрана, натиснете бутона “Connect”
2. Кликнете бутона ‘Install App’, за да инсталирайте платежен метод Mokka в онлайн магазина си.
3. Settings > Payments > Mokka > Manage > Manage
Страницата, към която сте пренасочени съдържа настройки за платежен метод в Mokka. Попълнете полетата по следния начин:
-
Production environment
- Store ID = въведете стойността за Store ID, която сте получили, заедно с информацията за интеграция с Mokka
- Store Secret key = въведете стойността за Store Secret, която сте получили, заедно с информацията за интеграция с Mokka
- Base URL = въведете стойността за Base URL, която сте получили, заедно с информацията за интеграция с Mokka
-
Test environment - полетата по-долу се попълват само, ако сте включили платежен метод Mokka в тестови режим
- Store ID = въведете стойността за Store ID (test), която сте получили, заедно с информацията за интеграция с Mokka
- Store Secret key = въведете стойността за Store Secret key (test), която сте получили, заедно с информацията за интеграция с Mokka
- Base URL = въведете стойността за Base URL (test), която сте получили, заедно с информацията за интеграция с Mokka
-
Additional settings
- Minimum Order Value = въведете минималната стойност за поръчка с Mokka в онлайн магазина
- Кликнете на бутона ‘Save’
Активация на платежен метод Mokka в онлайн магазин, базиран на Shopify
След първоначалната конфигурация на Mokka като платежен метод, трябва да активирате Mokka.
1.Settings > Payments
Влезте в меню Settings > Payments на вашия онлайн магазин (можете да въведете и ключова дума 'Payments' в полето за търсене в административния панел на онлайн магазина).
2. Навигирайте до секцията Mokka и кликнете на линка ‘Manage’
2. На страницата, която ще се отвори, кликнете на бутона "Activate Mokka"
- За да включите тестовия режим на платежния метод Mokka, поставете отметка на чекбокса 'Enable test mode'.
3. Ако искате да правите промени по конфигурацията на платежния метод, на същата страница, след като Mokka е активиран, кликнете на бутона 'Manage'.
Инсталиране и конфигурация на уиджети Mokka в Shopify
При инсталиране на приложението 'Mokka Widget&Events', уиджетите на Mokka се визуализират във вашия Shopify магазин. По подразбиране, текстовете са на английски език. За ги преведете, както и за да изберете най-подходящия дизайн за тях, трябва да направите няколко промени в темата на онлайн магазина си.
Настройка на визуализация на уиджет Mokka на продуктова страница
За да промените начина, по който се показва уиджетът на Mokka на продуктовата страница, трябва да сте влезли в административния панел на Shopify с потребителско име и парола.
1. Admin > Sales channels > Online Store > Themes
В секция ‘Sales channels’, меню ‘Online Store’, изберете подменю ‘Themes’.
2. Навигирайте до темата, която използва онлайн магазина ви и кликнете на бутона ‘Customize’
3. Theme Editor > Default Product template
За да промените уиджета на Mokka на продуктовата страница, в редактора на темата, в средата на горната част на страницата, отворете падащото меню и от ‘PRODUCTS’ и изберете шаблона ‘Default Product’
4. Default Product > Template > Product Information > Add block > Mokka Product Detail Page
В лявото меню, в секция ‘Template’, подсекция ‘Product information’, изберете ‘Add block’. В отворилото се допълнително меню, изберете ‘Mokka Product Detail Page’
5. Блокът ще се визуализира на страницата на продукта, както е показано по-долу.
6. Преместете уиджета с приплъзване в дясното меню под блока с цената на продукта.
7. Кликнете на бутона ‘Save’ в горната дясна част на страницата.
8. Клинете на уиджета на визуализацията. Вдясно ще се отвори меню за настройка на елемента.
9. Направете следните настройки в полетата:
Базови настройки на уиджета
- Show Mokka Widget = Enabled, за да активирате показването на уиджета
- Test Store - показва дали Mokka работи в тестови режим в онлайн магазина. Препоръчително е да изберете 'No', тъй като в тестова среда реалните заявки не се обработват от Mokka
- Mokka Widget color - изберете дизайна на визуализация на уиджета в онлайн магазина ви
-
Percentage - изберете типа на изчисление на стойността на услуга Mokka за потребителя, според Приложение 2 към Договора за партньорство с Mokka
- percentage of product price = процент от стойността на поръчката
- fixed value = фисирана стойност
- Fee value - задайте стойността на услугата Mokka за клиента. Ако се измерва в проценти, тя трябва да е в диапазона 0 и 100, без добавяне на знак за процент накрая (%). Използва се за пресмятане на приблизителното месечно плащане към Mokka, визуализирано в уиджета.
- Installment Months - изберете броя месеци за разделяне на плащането части, на чиято база ще се извършва калкулацията в уиджета на приблизителната стойност на месечното плащане при поръчка с Mokka
- Min Price - минимална стойност за поръчка с Mokka. Ако цената на продукта е под тази сума, уиджетът на Mokka няма да се вижда
- Max Price - максимална стойност за поръчка с Mokka. При цена на продукта над въведената стойност, уиджетът на Mokka няма да се показва на страницата.
Секция MOKKA WIDGET CONTENT
В тази секция можете да промените или преведете уиджета на Mokka, според вашите нужди. За ваше улеснение, по-долу предоставяме текстовете на български, които се използват от Mokka.
- From = от
- Month = /мес.
- Advance payment = плати, както поискаш
Секция MOKKA WIDGET POPUP CONTENT
Оттук можете да преведете съдържанието на изскачащия прозорец, който се появява след клик на иконката с въпросителен знак, в уиджета на Mokka. По-долу предоставяме текстовете на български, подготвени от нашия екип.
- Widget Popup Heading
Наслади се, плати на части
- Widget Popup description
Наслади се на шопинга днес, плати по-късно. Усети предимството на пазаруването със сума Mokka днес - плати до 30 дни, без допълнителни разходи, или раздели плащането на удобни месечни части!
- Popup App Image description
Попълни кратка форма и разбери своята сума за покупки Mokka. Без чакане, без документи - лесно, като 1-2-3.
- Popup Buy Image description
Добави продуктите, които искаш в кошницата, и избери "Mokka - купи сега, плати после" като начин на плащане.
- Popup Schedule Image description
Избери период за плащане за покупките с Mokka, който е удобен за теб. Без скрити разходи
10. Кликнете на бутона 'Save' в горната дясна част на страницата.
Настройка на визуализация на уиджет Mokka в списък с продукти
Можете да визуализирате уиджета на Мокка и за списъка с продукти, за всеки продукт и да покажете на купувачите стойността на месечното им плащане за продукта, ако платят с Mokka.
1. За да направите необходимите настройки трябва да влезете в административния панел на уебсайта и да изберете да редактирате текущата си тема, която се намира в секция ‘Sales channels’, меню ‘Online Store’, подменю ‘Themes’ (както при настройката на уиджета за продуктовата страница).
2. От редакция на темата, избирате "Home page", подменю Collections
Премахване на уиджет Мокка от онлайн магазин, работещ под Shopify
1. За да премахнете уиджета на Mokka трябва да отидете в шаблона на страниците, на които е добавен, и да премахнете блока, като кликнете на иконката с кошчето.
2. След това натиснете бутона "Save" в горния десен ъгъл на страницата.
3. Уиджетът на Mokka не се показва вече на страницата.
В случай, че искате да премахнете изцяло приложението 'Mokka Widget&Events', трябва да направите следните стъпки
1. Settings > Apps and sales channels
Отивате в страница 'Settings' и влизате в менюто 'Apps and sales channels'
2. На реда 'Mokka Widget&Events', кликвате на линка 'Uninstall'.
3. Приложението 'Mokka Widget&Events' е премахнато от вашия електронен магазин.
Премахване на платежен метод Mokka от онлайн магазин, базиран на Shopify
Ако искате да премахнете платежен метод Mokka от онлайн магазина си, трябва да влезете в административния панел на уебсайта.
1. Admin > Settings > Payments
Влизате в 'Settings' и кликвате на меню 'Payments'.
2. На страницата, която ще се отвори, в секция 'Supported payment methods', скролвате до Provider Mokka и кликвате на линка 'Manage'
3. Ще бъдете пренасочени към страницата за управление на платежния метод Mokka. Клинете на бутона 'Deactivate Mokka'
4. Ще видите съобщение за допълнително потвърждение. Кликнете на бутона 'Deactivate Mokka'
5. Ще бъдете пренасочени отново към страницата на патежен метод Mokka, но той вече е неактивен. Кликнете на бутона 'Uninstall Mokka'.
6. Потвърдете отново деинсталирането на платежен метод Mokka с клик на бутона 'Uninstall Mokka'
7. Платежен метод Mokka е премахнат от онлайн магазина ви.