Đăng bởi Huy Tập lúc 08/10/2017 0

Xem video hướng dẫn

Blogspot bán hàng hiện nay là nền tảng web, blog được nhiều bạn kinh doanh lựa chọn và sử dụng vì blogspot bán hàng có những ưu điểm vượt trội  như:
  • Chi phí xây dựng, thiết kế blog rẻ, không mất phí duy trì hosting hàng năm.
  • Có thể quản lý đơn hàng dễ dàng qua Form google và thông báo đơn hàng về email
  • Nhiều giao diện đẹp dễ tùy biến, nhiều lựa chọn (Tham khảo Mẫu blogspot bán hàng)
  • Dễ dàng quản trị nội dung và upload nội dung, không lo tốn tài nguyên, hết băng thông, ...
Tuy nhiên việc cài đặt form google giỏ hàng và đặt hàng cho blogspot bán hàng khá phức tạp với những bạn chưa quen với blogspot, hôm nay share123.vn sẽ hướng dẫn bạn có thể tự cài đặt và cấu hình giỏ hàng blogspot cho mình.

Bạn có thể tham khảo một số mẫu blogspot bán hàng bên mình thiết kế để xem demo giỏ hàng và đặt hàng blogspot bán hàng:
Live demo: http://demo56.share123.com.vn/
Đầu tiên bạn cần tạo form biểu mẫu đặt hàng (Xem hướng dẫn tạo form goole biểu mẫu), bạn làm như sau:
Đăng nhập gmail bạn cần nhận thông tin khách hàng mua hàng ➔ Vào google drive ➔ Tạo mới ➔ Ứng dụng khác ➔ google biểu mẫu ➔ tạo một form có đẩy đủ các thành phần như hình sau:

Sau đó nhấn "GỬI" để hoàn tất việc tạo form đặt hàng


Bạn chuyển sang biểu tượng Link liên kết như hình trên ➔ Mở link form đó, xem biểu mẫu trực tiếp nhấn tổ hợp  Ctrl U . Trình duyệt sẽ mở ra tab mới bạn sử dụng chức năng tìm kiếm (Ctrl+F) tìm kiếm đoạn code có dạng tương tự như sau:
<script type="text/javascript">var FB_PUBLIC_LOAD_DATA_ = [null,[null,

[[694688120,"Họ và tên",null,0,[[1163305151,null,1]
]
]
,[1468232750,"Địa chỉ",null,0,[[907697464,null,1]
]
]
,[737430386,"Số điện thoại",null,0,[[1379117568,null,1]
]
]
,[1897205518,"Email",null,0,[[862252253,null,0]
]
]
,[292833533,"Sản phẩm cần mua",null,1,[[1906059869,null,0]
]
]
,[471265725,"Ghi chú",null,1,[[451854143,null,0]
]
]
]
,null,null,null,null,null,null,null,32,null,null,null,null,null,[2]
]
,"/forms","KH đặt hàng sản phẩm","",null,[[1,"https://docs.google.com/[domain]spreadsheet/ccc?key\u003d[key]\u0026usp\u003d[usp]#gid\u003dform"]
,[2,"//www.google.com/fusiontables/data?docid\u003d[key]"]
,[3,"https://docs.google.com/[domain]spreadsheets/d/[key]?usp\u003d[usp]#gid\u003d[grid]"]
]
,"0","",0,0,"","",0,"e/1FAIpQLSdQQK8oelcBPPmqTjiAdkMFKEY0lnRVHW-PQDEwqUYY0bu3-A",1]
;</script>


Bạn có thể copy ra Notepad++ đoạn code trên để dễ tìm kiếm và xử lý.
Ở đây bạn lưu ý những dòng code sau:
- Trường thông tin màu xanh: Ví dụ Họ và tên
- Dòng ID màu đỏ tương ứng với trường thông tin: Ví dụ 1163305151

Tiếp theo bạn tiếp tục tìm kiếm đoạn code tương tự đoạn code sau: https://docs.google.com/forms/d/e/1FAIpQLSdQQK8oelcBPPmqTjiAdkMFKEY0lnRVHW-PQDEwqUYY0bu3-A/formResponse
Bạn lưu lại để làm bước tiếp theo nhé.
Bạn truy cập trang quản trị blogspot ➔ Trang ➔ Chỉnh sửa mục Giỏ hàngMua ngay 
Bạn chuyển sang chế độ HTML và quan tâm dòng code sau: <form action="https://docs.google.com/forms/d/e/1FAIpQLSc_oklobPt7EO05qTI4gVMOZXnRSaxeexyj7o8K-q7ak0nhig/formResponse?embedded=true" class="blockform" id="form_dathang" method="POST" onsubmit="return emptycart()" style="display: block;" target="hidden_iframe">
    <div class="content-muangay">
        <div class="col-md-7 left-muangay">
            <div class="clear"> </div>
            <div class="callout radius box_gio_hang">
                <h3>
Thông tin giỏ hàng của bạn</h3>
                <div class="simpleCart_items "> </div>
                <ul class="pricing-table">
                    <li class="price"><span class="simpleCart_finalTotal" style="color: red;"></span> </li>
                </ul>
            </div>
            <textarea aria-label="Thông Tin SP  " class="ss-q-long valid" cols="0" dir="auto" id="entry_1366343006" name="entry_1366343006" rows="8"></textarea>
        </div>
        <div class="col-md-5 checkout"> <span class="tt-muangay"><label>Thông tin giao hàng</label></span>
            <br />
            <div class="node"> * Vui lòng nhập đầy đủ thông tin để chúng tôi giao hàng được chính xác, cảm ơn!</div>
            <table cellpadding="0" cellspacing="0" class="muangay" style="width: 96%;">
                <tbody>
                    <tr>
                        <td colspan="2">
                            <label for="entry_1054987373">
                                <input aria-label="Họ và tên" aria-required="true" class="ss-q-short" dir="auto" id="entry_1054987373" name="entry.1054987373" placeholder="Tên đầy đủ của bạn (*)" required="" title="" type="text" value="" /> </label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div class="node"> * Địa chỉ nhận hàng</div>
                            <label for="entry_759686805">
                                <input aria-label="Số nhà, đường, (tòa nhà), phường/xã… (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_759686805" name="entry.759686805" placeholder="Số nhà, đường, (tòa nhà), phường/xã… (*)" required="" title="" type="text" value="" /> </label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <label for="entry_541202326">
                                <input aria-label="Số điện thoại (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_541202326" name="entry.541202326" placeholder="Số điện thoại (*)" required="" title="" type="text" value="" /> </label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <label for="entry_2042029242">
                                <input aria-label="Email (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_2042029242" name="entry.2042029242" placeholder="Email (*)" required="" title="" type="text" value="" /> </label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div class="node"> * Tổng Đơn hàng</div>
                            <label for="entry_285795942">
                                <textarea aria-label="Tổng đơn hàng" class="ss-q-long" cols="0" dir="auto" id="entry_285795942" name="entry.285795942" placeholder="Tổng đơn hàng" rows="8"></textarea>
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <div class="node"> * Ghi chú</div>
                            <label for="entry_1964535027">
                                <textarea aria-label="Ghi chú" class="ss-q-long" cols="0" dir="auto" id="entry_1964535027" name="entry.1964535027" placeholder="Giao cho tôi vào giờ hành chính." rows="8"></textarea>
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <label>
                                <input class="button" id="ss-submit" name="submit" type="submit" value="Gửi" /> </label>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</form>
Bạn thay các Trường thông tinIDBước 1 vào các trường thông tin trong form tương xứng

Sau đó bạn Cập nhật và chuyển sang Bước 3

3.1 Vào Chủ đề ➔ Chỉnh sủa HTML:
Tìm 2 đoạn này: - Urlmuangay
- Urlgiohang
Thành link đằng sau thành link Giỏ hàngMua ngay của bạn:
3.2  Tìm đoạn này: Tổng Tiền: " + number_format ( ctrl+F) ngay dưới: e.entry = "entry_1906059869"; bạn thay entry_1906059869 thành entry_..... ở phần Sản phẩm cần mua: Trong form google của bạn nha.




Ok vậy là xong phần giỏ hàng Blogspot rồi đó.
Tags:

Không có nhận xét nào:

Lưu ý: Khi để lại Nhận xét bạn nên click vào ô "Thông báo cho tôi" ở dưới để nhận phản hồi từ Admin

Tag liên kết

Đó chưa phải tất cả ... Chúng tôi còn 100 mẫu blog đẹp khác. View all Mẫu Template Blogger

Hãy nhanh tay gọi điện ngay đến chúng tôi theo số 0988227905 hoặc đặt hàng thiết kế ngay hôm nay theo mẫu form bên dưới.

Chúng tôi sẽ hoàn thành trong thời gian sớm nhất cho quý khách

Hãy truy cập để trải nghiệm dịch vụ của chúng tôi
Đã có
lượt Khách Hàng quan tâm đến dịch vụ của chúng tôi

Sử dụng nội dung ở trang này và dịch vụ tại Share123.vn có nghĩa là bạn đồng ý với Thỏa thuận sử dụng và Chính sách phát triển của chúng tôi.

www.Share123.vn - Website chuyên thiết kế blogspot, zip blogger, thiết kế blog chuẩn seo, blogger responsive, Thủ thuật Blogspot, Free Template Blogspot, kho giao diện blog đẹp, premium template blogger, free template blogger, Với kinh nghiệm nhiều năm trong nghề thiết kế Temple, design skin web chúng tôi cam kết tạo ra những sản phẩm chất lượng, tối ưu đến tay người dùng, thiết kế theo yêu cầu của quý khách, cùng đội ngủ support chuyên nghiệp nhiệt tình, ...

Copyright 2013 © Share123.vn - Blogger Team. All right Reserved - Hotline: 0988.227.905 - 0904.227.905 - Email: nguyenhuytap@gmail.com - website: www.share123.vn