Thêm lựa chọn tỉnh thành, quận huyện và xã phường vào contact form 7. Plugin này giúp bạn thêm lựa chọn địa chỉ chính xác tới từng xã rất tiện cho khách hàng nhập thông tin.

Hướng dẫn sử dụng

Sau khi active bạn chỉ cần chèn các shortcode sau vào đúng chỗ trong form mà bạn muốn hiển thị là được.

Shortcode hiển thị tỉnh/thành phố: hãy gán code này vào chỗ bạn muốn hiển thị tỉnh/thành phố

[select cities id:devvn_cities class:devvn_cities include_blank "Hà Nội" "TP Hồ Chí Minh" "Hà Giang" "Cao Bằng" "Bắc Kạn" "Tuyên Quang" "Lào Cai" "Điện Biên" "Lai Châu" "Sơn La" "Yên Bái" "Hoà Bình" "Thái Nguyên" "Lạng Sơn" "Quảng Ninh" "Bắc Giang" "Phú Thọ" "Vĩnh Phúc" "Bắc Ninh" "Hải Dương" "Hải Phòng" "Hưng Yên" "Thái Bình" "Hà Nam" "Nam Định" "Ninh Bình" "Thanh Hóa" "Nghệ An" "Hà Tĩnh" "Quảng Bình" "Quảng Trị" "Thừa Thiên Huế" "Đà Nẵng" "Quảng Nam" "Quảng Ngãi" "Bình Định" "Phú Yên" "Khánh Hòa" "Ninh Thuận" "Bình Thuận" "Kon Tum" "Gia Lai" "Đắk Lắk" "Đắk Nông" "Lâm Đồng" "Bình Phước" "Tây Ninh" "Bình Dương" "Đồng Nai" "Bà Rịa - Vũng Tàu" "Long An" "Tiền Giang" "Bến Tre" "Trà Vinh" "Vĩnh Long" "Đồng Tháp" "An Giang" "Kiên Giang" "Cần Thơ" "Hậu Giang" "Sóc Trăng" "Bạc Liêu" "Cà Mau"]

Shortcode hiển thị quận/huyện: hãy gán code này vào chỗ bạn muốn hiển thị lựa chọn quận/huyện

[select district id:devvn_district class:devvn_district]

Shortcode hiển thị xã/phường/thị trấn: hãy gán code này vào chỗ bạn muốn hiển thị lựa chọn xã/phường/thị trấn

[select wards id:devvn_wards class:devvn_wards]

Xong rồi nhé. F5 xem kết quả thôi 🙂

Code hỗ trợ

Để thay đổi dấu — ở select thì bạn thêm code này vào funtions.php của theme đang sử dụng là được nhé

function devvn_replace_include_blank($name, $text, &$html) {
    $matches = false;
    preg_match('/<select name="' . $name . '"[^>]*>(.*)<\/select>/iU', $html, $matches);
    if ($matches) {
        $select = str_replace('<option value="">---</option>', '<option value="">' . $text . '</option>', $matches[0]);
        $html = preg_replace('/<select name="' . $name . '"[^>]*>(.*)<\/select>/iU', $select, $html);
    }
}
function devvn_wpcf7_form_elements($html) {
    devvn_replace_include_blank('cities', '- Chọn Tỉnh/Thành phố -', $html);
    devvn_replace_include_blank('district', '- Chọn Quận/Huyện -', $html);
    devvn_replace_include_blank('wards', '- Chọn Xã/Phường/Thị trấn -', $html);
    return $html;
}
add_filter('wpcf7_form_elements', 'devvn_wpcf7_form_elements');