Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


Как только вы создадите сайт по одной из указанных ссылок, я увижу это в отчете партнерской программы:

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Кейс №10. Отправка состава корзины на email

Сергей    24.06.2015    1902    5.0 из 5.0 (3)

Оцените материал:

    Принцип работы

    Пользователь в процессе оформления заказа может сомневаться в необходимости его завершения. Для таких людей будет полезной функция отправки содержимого заказа на почту.

    Для этого мы воспользуемся инструментом "Посоветовать другу". Это почтовая форма в которую пользователи вводят email друга и отправляют ему ссылку на интересный материал.

    Мы подойдет с другой стороны: ссылка на материал - это возврат к оформлению заказа, а email получателя - это email самого пользователя.

    Создание почтовой формы

    Чтобы создать почтовую форму "Посоветовать другу" перейдите в Панель управления - Инструменты - Посоветовать другу и нажмите кнопку "Создать форму":

    В открывшемся окне, настройте надписи для полей и кнопок, а также текст самого уведомления. Возьмите за образец наш вариант:

    Обязательно в теме и тексте письма укажите название вашего магазина, чтобы пользователь не забыл, откуда пришло письмо.

    После нажатия кнопки "Сохранить" вы сможете использовать код вида $ADVBT_1$ в любом месте своего сайта. Мы конечно должны его поставить в шаблон страницы служебных форм при условии $PAGE_ID$='checkout' и $NUM_ENTRIES$>0.

    Но не спешите это делать, сначала разместите на тестовой странице сайта и посмотрите, как выглядит форма:

    Вобщем, это кнопка, при нажатии на которую появляется ajax-окно (старого стиля). Теперь нам необходимо написать скрипт, который пробежится по товарам в заказе и поместит их в поле "Комментарий".

    Скрипт передачи корзины

    В первую очередь определимся, что именно будет передавать. Изображения сразу отпадают (если только ссылки на них) по той причине, что в форму мы не можем передать HTML, только текст. Самым актуальным будет "Наименование", "Количество", "Цена", "Сумма". Возможно потребуется добавить другие поля, такие как "Наличие" или "Производитель". Спросите в комментариях, я подскажу, как это реализовать.

    Сейчас остановимся на основных полях "Наименование", "Количество", "Цена", "Сумма".

    $('#adv1f2').live('focus', function(){
     var basket = '';
     $('.order-item ').each(function(){
      var name = $(this).children('.order-item-name').text(),
      price = $(this).children('.order-item-price').text()?$(this).children('.order-item-price').text():$(this).children('.order-item-price').children('input').val(),
      cnt = $(this).children('.order-item-cnt').children('input').text(),
      sum = $(this).children('.order-item-sum').text()?$(this).children('.order-item-sum').text():$(this).children('.order-item-sum').children('input').val();
      basket += name + ' ' + price + ' ' + cnt + ' ' + sum + '/n';
     });
     $('#adv1f3').val(basket);
    });
    

    И вот мы уже видим результат. Корзина скопируется в поле комментарий, как только пользователь поставить курсор в поле с email'ом получателя:

    Кастомизация

    Давайте скроем поле "Комментарий" и email отправителя, чтобы упростить форму. Для этого потребуется немного кастомизировать форму. Теперь наша кнопка "Отправить корзину на email" вместо $ADVBT_1$ будет выглядеть так:

    <a class="btn btn-default" onclick="new _uWnd('AdvPg01','Отправить состав корзины на email',400,200,{align:'left',closeonesc:1,min:0,max:0, oncontent: function(){$('#adv1f3').parent().parent().hide();$('#myAdvF3 input[name=\'emailf\']').parent().parent().hide();$('#myAdvF3 input[name=\'emailf\']').val('anybodymail@mydomen.com');}},{url:'/index/',form:'advFrm301'});">Отправить корзину на email</a>
    

    Получается так:

    Статьи по теме

    Обсуждение

    Всего комментариев: 5

    A
    1
    Что-то не получается. Возможно ли внедрение в почтовые формы ? Хочу сделать форму заказала через почт. форму (тоесть надо чтобы слало на емейл данные корзины), как реализовать корзину и опции товаров в ней  через МФОРМ ?
    avatar
    0
    2
    Создайте почтовую форму и присвойте ее какому-нибудь скрытому полю id. После формы разместите следующий код:
    
    Код
    $(document).ready(function(){
       var basket = '';
       $('.order-item ').each(function(){   
         var name =   $(this).children('.order-item-name').text(),   
         price = $(this).children('.order-item-price').text()?$(this).children('.order-item-price').text():$(this).children('.order-item-price').children('input').val(),   
         cnt = $(this).children('.order-item-cnt').children('input').text(),   
         sum = $(this).children('.order-item-sum').text()?$(this).children('.order-item-sum').text():$(this).children('.order-item-sum').children('input').val();   
         basket += name + ' ' + price + ' ' + cnt + ' ' + sum + '/n';  
       });
       $('#ваш_id').val(basket);
    });
    ваш_id - это id скрытого поля.
    A
    3
    Спасибо. Но в поле, где должна быть информация с корзины пишет :
    Заказ:
    -----------------
    undefined undefined/n
    A
    4
    Можно ли сделать , чтоб эта форма использовалась не только при $PAGE_ID$='checkout' , а и на главной странице?
    avatar
    0
    5
    Можно, но скрипт будет сложнее и это не описать так просто в комментарии. Спасибо за вопрос, в одной из статей рассмотрим его более подробно.
    Кейс №10. Отправка состава корзины на email
    Кейс №10. Отправка состава корзины на email