{"id":560,"date":"2017-06-01T10:34:02","date_gmt":"2017-06-01T03:34:02","guid":{"rendered":"https:\/\/vannamit.com\/?p=560"},"modified":"2017-06-01T10:34:02","modified_gmt":"2017-06-01T03:34:02","slug":"tao-hieu-ung-popup-cho-form-lien-cua-contact-form-7","status":"publish","type":"post","link":"https:\/\/khowordpress.com\/vannamit\/tao-hieu-ung-popup-cho-form-lien-cua-contact-form-7\/","title":{"rendered":"T\u1ea1o hi\u1ec7u \u1ee9ng popup cho form li\u00ean h\u1ec7 c\u1ee7a Contact Form 7"},"content":{"rendered":"

Contact Form 7<\/strong> l\u00e0 m\u1ed9t plugin t\u1ea1o form kh\u00e1 n\u1ed5i ti\u1ebfng r\u1ed3i v\u1edbi \u0111\u1ed9 tu\u1ef3 bi\u1ebfn cao ch\u1ea5t ng\u1ea5t v\u00e0 c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nhi\u1ec1u vi\u1ec7c m\u00e0 k\u1ec3 c\u1ea3 m\u1ed9t s\u1ed1 plugin tr\u1ea3 ph\u00ed \u0111\u00ecnh \u0111\u00e1m nh\u01b0 GravityForm v\u1eabn kh\u00f4ng l\u00e0m \u0111\u01b0\u1ee3c. Trong b\u00e0i n\u00e0y, m\u00ecnh s\u1ebd chia s\u1ebb cho c\u00e1c b\u1ea1n m\u1ed9t th\u1ee7 thu\u1eadt nh\u1ecf m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 l\u00e0m v\u1edbi Contact Form 7 (ho\u1eb7c v\u1edbi c\u00e1c plugin t\u1ea1o form kh\u00e1c c\u00f3 d\u00f9ng shortcode), \u0111\u00f3 l\u00e0 t\u1ea1o hi\u1ec7u \u1ee9ng popup hi\u1ec3n th\u1ecb form khi nh\u1ea5p v\u00e0o m\u1ed9t li\u00ean k\u1ebft b\u1ea5t k\u1ef3.<\/p>\n

Hi\u1ec7u \u1ee9ng n\u00e0y ch\u00fang ta c\u00f3 th\u1ec3 l\u00e0m nhi\u1ec1u c\u00e1ch, nh\u01b0ng \u1edf \u0111\u00e2y m\u00ecnh s\u1ebd s\u1eed d\u1ee5ng c\u00e1ch d\u1ec5 d\u00e0ng nh\u1ea5t \u0111\u00f3 l\u00e0 s\u1eed d\u1ee5ng th\u00eam m\u1ed9t plugin t\u1ea1o hi\u1ec7u \u1ee9ng popup n\u1eefa mang t\u00ean Easy FancyBox<\/strong><\/a>. V\u00ec v\u1eady \u0111\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c, b\u1ea1n ph\u1ea3i c\u00e0i plugin n\u00e0y v\u00e0o.<\/p>\n

Th\u00eam hi\u1ec7u \u1ee9ng popup cho Contact Form 7<\/h3>\n

Sau khi c\u00e0i xong Easy Fancybox, b\u1ea1n v\u00e0o Post\/Page m\u00e0 b\u1ea1n c\u1ea7n ch\u00e8n form, sau \u0111\u00f3 chuy\u1ec3n qua ch\u1ebf \u0111\u1ed9 so\u1ea1n th\u1ea3o Text (HTML), sau \u0111\u00f3 ch\u00e8n m\u1ed9t v\u00e0i \u0111o\u1ea1n HTML d\u01b0\u1edbi \u0111\u00e2y v\u00e0o.<\/p>\n

<a href=\"#contact_form_pop\" class=\"fancybox\">Click \u0111\u1ec3 li\u00ean h\u1ec7<\/a>\n<div style=\"display:none\" class=\"fancybox-hidden\">\n<div id=\"contact_form_pop\">\n[.contact-form-7 id=\"13\" title=\"\u0110\u1eb7t h\u00e0ng\"]\n<\/div>\n<\/div><\/pre>\n
 <\/p>\n
Sau \u0111\u00f3 b\u1ea1n thay\u00a0[.contact-form-7 id=\"13\" title=\"\u0110\u1eb7t h\u00e0ng\"]<\/code> th\u00e0nh \u0111o\u1ea1n shortcode ch\u00e8n form c\u1ee7a b\u1ea1n v\u00e0o l\u00e0 xong. Nh\u1edb x\u00f3a d\u1ea5u . \u0111i nh\u00e9.<\/p>\n
L\u00fac n\u00e0y trong b\u00e0i c\u1ee7a b\u1ea1n s\u1ebd c\u00f3 m\u1ed9t \u0111o\u1ea1n text Click \u0111\u1ec3 li\u00ean h\u1ec7<\/strong>, khi nh\u1ea5p v\u00e0o n\u00f3 s\u1ebd nh\u1ea3y ra c\u00e1i form nh\u01b0 h\u00ecnh d\u01b0\u1edbi.<\/p>\n
Tr\u01b0\u1eddng h\u1ee3p n\u1ebfu b\u1ea1n ch\u00e8n v\u00e0o code PHP th\u00ec c\u00f3 th\u1ec3 d\u00f9ng \u0111o\u1ea1n ph\u00eda d\u01b0\u1edbi.<\/p>\n
\n<a href=\"#contact_form_pop\" class=\"fancybox\">Click \u0111\u1ec3 li\u00ean h\u1ec7<\/a>\n<div style=\"display:none\" class=\"fancybox-hidden\">\n <div id=\"contact_form_pop\">\n <?php echo do_shortcode('[contact-form-7 id=\"13\" title=\"\u0110\u1eb7t h\u00e0ng\"]') ?>\n <\/div>\n<\/div><\/pre>\n
Ch\u00fac m\u1ecdi ng\u01b0\u1eddi th\u00e0nh c\u00f4ng<\/p>\n","protected":false},"excerpt":{"rendered":"
Contact Form 7 l\u00e0 m\u1ed9t plugin t\u1ea1o form kh\u00e1 n\u1ed5i ti\u1ebfng r\u1ed3i v\u1edbi \u0111\u1ed9 tu\u1ef3 bi\u1ebfn cao ch\u1ea5t ng\u1ea5t v\u00e0 c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nhi\u1ec1u…<\/p>\n","protected":false},"author":1,"featured_media":561,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/posts\/560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/comments?post=560"}],"version-history":[{"count":0,"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/posts\/560\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/media\/561"}],"wp:attachment":[{"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/media?parent=560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/categories?post=560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/khowordpress.com\/vannamit\/wp-json\/wp\/v2\/tags?post=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}