Как да добавя бутон за бърза поръчка на своя онлайн магазин?

Наличието на бутон за бърза поръчка се счита за все по-голямо предимство сред потребителите, които често пазаруват онлайн. Бързата поръчка или т.нар. „fast checkout“ дава възможност на клиента да направи поръчка само чрез попълване на имена и телефон за връзка, което значително улеснява и ускорява процеса, а това от своя страна води до увеличаване на продажбите ви.

В тази статия ще ви покажа по какъв начин може да добавите бутон за бърза поръчка на своя онлайн магазин. Преди да започнем е важно да уточня, че статията е предназначена само за онлайн магазини изградени на платформата WordPress.

Най-напред трябва да инсталираме следните плъгини:

Contact Form 7
Popup Maker

Също така трябва да използваме един от т.нар WordPress хукове(hooks). Повече информация за WordPress хуковете може да откриете тук:
What are Hooks in WordPress? How to use WordPress Hooks?

Това ще ни позволи с малко писане на собствен код да добавим бутон за бърза поръчка на продуктовата страница. Кодът, който ще използваме е този:

add_action('woocommerce_after_add_to_cart_button','cmk_additional_button');
function cmk_additional_button() {
	echo '<div style="width: 100%"><button style="width: 50%" class="popmake-6400 add_to_cart_button ajax_add_to_cart add_action('woocommerce_after_add_to_cart_button','cmk_additional_button');
function cmk_additional_button() {
add_action('woocommerce_after_add_to_cart_button','cmk_additional_button');
function cmk_additional_button() {
	echo '<button class="add_to_cart_button ajax_add_to_cart single_add_to_cart_button button alt">Бърза поръчка</button>';
}

Този код трябва да бъде добавен във functions.php файла на вашата тема. За да добавите кода може да използвате опцията Редактор на темите от меню Външен вид или да редактирате файла чрез FTP.

ВАЖНО: Моля направете резервно копиe на вашия уеб сайт преди да приложите описаните промени. Може да се свържете с вашия хостинг доставчик за допълнително съдействие.

След добавянето на кода, бутонът за бърза поръчка също е добавен:

Следващата стъпка е да предоставим на потребителя възможност да попълни и изпрати своите данни след натискането на бутона.

Ще използваме плъгина Contact Form 7, за да създадем формата за попълване и изпращане на данните. Изберете Контакт > Добави нов от навигационното меню:

Добавете следния код:

<label> Вашето име [text* client-name] </label>
<label> Телефон [tel* client-phone] </label>
[submit "Поръчай"]

След това, кликнете на поща, и попълнете полетата, както е показано на снимката, като използвате имейл адрес на който желаете да получавате заявките за бърза поръчка:

Последната стъпка е да добавим pop-up прозорец, който да се визуализира след натискане на бутона за бърза поръчка и да показва формата за бърза поръчка.

Отиде на Контакт – Контакт форми и копирайте краткия код на вашата форма за бърза поръчка:

От менюто изберете Popup Maker > Create Popup. Поставете кода, който копирахте, както е показано на снимката и запазете промените:

След това изберете All Popups и копирайте CSS кода на вашия pop up прозорец за бърза поръчка:

Отиде на Външен вид > Редактор на темите и отново редактирайте functions.php файла на вашата тема, като добавите копираният код, както е показано на снимката:

С тази финална стъпка, след натискането на бутона за бърза поръчка се визуализира прозорец, чрез който клиента може да направи бърза поръчка на вашия уеб сайт!

Ако имате допълнителни въпроси, не се колебайте да ми пишете на:

support@danielp.net